/*
	Style Sheet pour le site Web du calendrier d'évenement de St-Félix
	Implémenté par Solutions ZEN info
	info@solutions-zen.com

*/


/*----------------------------------------------------------------------------- */
/*    PRÉSENTATION DES DÉTAILS, CONFIG DES TYPES D'EVENEMENTS                   */
/*----------------------------------------------------------------------------- */


#cal_ev_pres {
   /*clear : both;*/
   float :left;
   width : 655px;
   /*
   cursor : move;
   position : absolute;
   top : 180px;
   left : 200px;
   */
   padding : 0px;
   margin : 0px 0px 25px 0px;
   z-index : 100;
   display : none;
   /*text-align : center;*/
   /*background : #000030 url(images/bois.png) repeat top left;
   border : 1px solid #000030;*/   
   /*background-color : #9b9285;*/
   color : #ffffff;
   font-size : 14px;
   /*border-top : 2px solid #d0c0a0;/* pour tests*/

}
#cal_ev_pres_contenu {
   margin : auto;
   
   height : 100%;
   text-align : left;
   padding: 0px;
   margin : 0px;
}
.cal_ev_pres_col {
   float:left;
   width:325px;
}
#cal_ev_pres_titre {
   /*  background-color : #dddddd;	 */
   color : #000000;
   text-align : center;
   padding : 8px 6px;
   margin : 0px;
}
.cal_ev_pres_horaire {
   text-align : center;
   font-style : italic;
   font-size : 10px;
   margin : 8px 0px 10px 0px;
}
#contenu_activite_nouveau {
   margin:10px 4px;
   color : #000000;
   font-size : 10px;
}
/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_10 {                   /* Types d'activités SPÉCIALE - SÉANCES  */
   clear : both; /* pour tests */
   position:relative;
   /*  background-color : #f8f1de;	 */  
   color : #000000;
   padding : 4px;
   margin : 5px;
}
.cal_ev_pres_titre_10 {
   color : #ff0000;
   background-color : #f1e4c1;
   text-align : left;
   padding : 8px 0 5px 0;
   margin : 0px;
}
.cal_ev_type_bg_10 {
   float:left;
   overflow:hidden;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #ff0000;
}
.cal_ev_li_10 {  /* voir plus bas pour configurer règles générales selon sommaire ou calendrier */
   color : #ff0000;
   /*  background-color : #dab86e;	*/
}
/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_0 {                   /* Types d'activités -- 0 */
   clear : both; /* pour tests */
   position:relative; 
   color : #000000;
   /* background : #2e88aa url(images/etoile.png) no-repeat 3px 3px;/* pour tests */
   padding : 4px 4px 4px 15px;
   margin : 5px;
}
.cal_ev_pres_titre_0 {
   color : #000000;
   background-color : #f1e4c1;
   text-align : left;
   padding : 8px 0 5px 0;
   margin : 0px;
}
.cal_ev_type_bg_0 {
   float:left;
   overflow:hidden;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #000000; /* pour tests */
}
.cal_ev_li_0 {  /* voir plus bas pour configurer règles générales selon sommaire ou calendrier */
   color : #000000;
   background-color : transparent;
}
/*----------------------------------------------------------------------------- */

.cal_ev_pres_elem_1 {                   /* Types d'activités -- 1 */
   clear : both; /* pour tests */
   position:relative;
   color : #000000;
   /*background : #aa9988 url(images/info.png) no-repeat 3px 3px;/* pour tests */
   padding : 4px 4px 4px 15px;
   margin : 5px;
}
.cal_ev_pres_titre_1 {
   color : #7e2424;
   background-color : #f1e4c1;
   text-align : left;
   padding : 8px 0 5px 0;
   margin : 0px;
}
.cal_ev_type_bg_1 {
   float:left;
   overflow:hidden;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #7e2424;/* pour tests */
}
.cal_ev_li_1 {
   color : #7e2424;
   background-color : transparent;
}


/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_2 {                   /* Types d'activités -- 2 */
   clear : both; /* pour tests */
   position:relative;
   color : #000000;
   /*background : #003000 url(images/question.png) no-repeat 3px 3px;/* pour tests */
   padding : 4px 4px 4px 15px;
   margin : 5px;
}
.cal_ev_pres_titre_2 {
   color : #336f31;
   background-color : #f1e4c1;
   text-align : left;
   padding : 8px 0 5px 0;
   margin : 0px;
}
.cal_ev_type_bg_2 {
   float:left;
   overflow:hidden;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #336f31;/* pour tests */
}
.cal_ev_li_2 {
   color : #336f31;
   background-color :transparent;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_3 {                   /* Types d'activités -- 3 */
   clear : both; /* pour tests */
   position:relative;
   color : #000000;
   padding : 4px 4px 4px 15px;
   margin : 5px;
}
.cal_ev_pres_titre_3 {
   color : #3b64a3;
   background-color : #f1e4c1;
   text-align : left;
   padding : 8px 0 5px 0;
   margin : 0px;
}
.cal_ev_type_bg_3 {
   float:left;
   overflow:hidden;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #3b64a3;/* pour tests */
}
.cal_ev_li_3 {
   color : #3b64a3;
   background-color : transparent;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_4 {                   /* Types d'activités -- 4 */
   clear : both; /* pour tests */
   position:relative;
   color : #000000;
   padding : 4px 4px 4px 15px;
   margin : 5px;
}
.cal_ev_pres_titre_4 {
   color : #90834b;
   background-color : #f1e4c1;
   text-align : left;
   padding : 8px 0 5px 0;
   margin : 0px;
}
.cal_ev_type_bg_4 {
   float:left;
   overflow:hidden;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #90834b;/* pour tests */
}
.cal_ev_li_4 {
   color : #90834b;
   background-color : transparent;
}


/*----------------------------------------------------------------------------- */
/*    PRÉSENTATION de la GRILLE DU CALENDRIER                                   */
/*----------------------------------------------------------------------------- */

#cal_ev { /* conteneur avec le menu de mois et la grille */
   font-family : arial,verdana,tahoma,sans-serif;
   clear : both;
   float : right;
   width : 180px;
   height : 250px;
   position : relative;
   padding : 0px;
   margin : 40px 20px 0px 0px;
  
}
#sablier_cal {
   position: absolute;
   top: 0px;
   left: 148px;
   visibility: hidden;  
   height:32px;
   z-index: 500;
}

#grille_cal_ev {
     /*clear : both;*/
     float : left;   
     position : relative;
     width : 172px; /* un peu plus de 7x (largeur + 2x(margin)) */
     padding : 0px;
     margin : 8px 0px 8px 4px;
     font-size : 12px;
}

#cal_ev_titre {
     float : left;     
     /*background-color : #444444; /* pour tests */
     color : #ffffff;
     text-align : center;
     width:170px;
     margin : 0px 0px 0px 4px;
     padding:0px;
}

#cal_ev_titre div {
   margin : 0px;
   float : left;
   height : 20px;
   padding: 0px;
   /*background-color : #444444; /* pour tests */
}

/* calendrier de gauche  */
#cal_ev_titre img {
   margin : 0px;
   padding: 3px 0px 0px 0px;
   width:21px; height:12px;
}
#cal_ev_mois {
     font-weight : normal;
     font-size : 14px;
     text-align : center;
     font-weight: bold;
     /*height : 26px;*/
     width : 120px;
     color : #ffffff;
     /*background-color : #444444; /* pour tests */
}
#cal_ev_annee {
     font-weight : normal;
     font-size : 14px;
     text-align : center;
     font-weight: bold;
     /*height : 26px;*/
     width : 104px;
     color : #ffffff;
     /*background-color : #444444; /* pour tests */
}

.cal_ev_nom_jour {
     float : left;
     width : 22px;
     height : 20px;
     background-color : #5e1d1b;
     color:#ffffff;
     margin : 1px;
     padding : 2px 0px 0px 0px;
     font-weight : bold;
     text-align : center;
     font-size : 16px;
}



.cal_ev_jour {
     /* les couleurs de fond sont dans la fonction directement, selon le jour */
     position:relative;
     color : #664422;
     float : left;
     width : 22px;
     height : 28px;
     margin : 1px;
     padding : 0px;
     font-size : 12px;   
     z-index : 1;     /*z-index : 25;*/
}

.cal_ev_jour_bg {      /* à remplir avec les options supplémentaires en BG... */
     position : absolute;
     top:0px;
     left:0px;
     width : 18px;
     padding : 2px;
     margin : 0px;
     text-indent : 0px;
     z-index : 1;
}
.cal_ev_jour_info {      /* à remplir avec les options supplémentaires en BG... */
     position : absolute;
     top : 26px;
     left : 0;
     padding : 2px 2px 0px 0px;
     margin : 0px;
     text-indent : 0px;
     text-align : left;
     z-index : 150;
     width : 180px;

     border-right : 1px solid #557788;
     border-bottom : 2px solid #666666;
     background-color : #c9b097;
     display : none;
}
.cal_ev_jour_info ul {
     list-style-type : none;
     margin : 0px; 
}
.cal_ev_jour_info li {
     font-size :11px;
     font-weight : bold;
     margin : 2px;
     padding : 2px;
}
.cal_ev_jour_info h4 {
     margin : 0px;
     padding: 2px;
     font-size :15px;
     color : #ffffff;
     text-align : center;
     font-weight : bold;
}

.cal_ev_jour_txt {         /* numéros de la journée, placé par dessus */
   /* test en absolu pour z-index... */
     position : absolute;
     top: 11px;
     left: 3px;
     width: 16px;
     padding: 0px;
     margin : 0px;
     text-align : right;
     text-indent : 0px;
     z-index : 5;
}


.cal_ev_vide {
     float : left;
     width : 22px;
     height : 28px;
     background-color : #fff4e4; /* pour tests */
     margin : 1px;
     padding : 0px;
}

/*----------------------------------------------------------------------------- */
/*    PRÉSENTATION DU SOMMAIRE                                       */
/*----------------------------------------------------------------------------- */
#sommaire_cal_ev {
   position : relative;
   float  : right;
   width  : 646px;
   padding: 0px 0px 20px 0px;
   margin : 0px 0px 0px 0px;
   z-index : 8;
   height : 100%;
   /*  background-color : #cccccc;	 */
   display : none;
}
#sommaire_cal_ev h1 {
   text-align : center;
   background : transparent url(images/Icone_sommaire2.gif) no-repeat 10px center;
   margin : 0px;
   padding: 8px 0px;
}
.sommaire_cal_ev_semaine {
   float: left;
   margin:5px;
   width:305px;
   background-color:#f1e4c1;
}
#sommaire_cal_ev h2 { /* chiffre du jour */
   float: left;
   margin: 2px 0px 1px 2px;
   padding:3px 0px;
   width: 30px;
   background-color:#333333;
   color : #ffffff;
   text-align:center;
   font-size : 16px;
   cursor : pointer;
}
#sommaire_cal_ev ul {
   list-style-type : none;
   border-top : 1px solid #333333;
   margin: 2px 0px;
   padding: 3px 0px;
   float:left;
   width:265px;
   cursor : pointer;
}
#sommaire_cal_ev li {
     font-size :11px;
     font-weight : bold;
     margin : 1px 0px 1px 6px;
     padding : 3px;	  
}
#sommaire_cal_ev_types {
   display : none;
   background-color : transparent;
   height: 26px;
   padding: 0px;
   margin:0px 0px 8px 0px;
}
#sommaire_cal_ev_types b {
   float  : left;
   padding: 4px 12px 4px 6px;
   margin : 0px;
   cursor : pointer;

}
.sommaire_cal_ev_types_select {   
   background-color : #f1e4c1;
   color : #000000;
}
.sommaire_cal_ev_fermer {
   cursor : pointer;
   float:right;
   margin:8px;
   height:22px;
}