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

*/


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


#cal_ev_pres_contenu {
   width : 340px;
   float: left;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_0 {                   /* Types d'activités -- 0 */
   clear : both; /* pour tests */
   position:relative;
   background : #114455 url(images/etoile.png) no-repeat 3px 3px;;/* pour tests */
   padding : 3px;
   margin : 2px;
}
.cal_ev_pres_titre_0 {
   text-align : center;
}
.cal_ev_type_bg_0 {
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #114455/* pour tests */
}
.cal_ev_li_0 {
   color : #99aa99;
}
/*----------------------------------------------------------------------------- */

.cal_ev_pres_elem_1 {                   /* Types d'activités -- 1 */
   clear : both; /* pour tests */
   position:relative;
   color : #4444ff;
   background : #aa9988 url(images/info.png) no-repeat 3px 3px;/* pour tests */
   padding : 3px;
   margin : 2px;
}
.cal_ev_pres_titre_1 {
   text-align : center;
}
.cal_ev_type_bg_1 {
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #4444ff;/* pour tests */
}
.cal_ev_li_1 {
   color : #008000;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_2 {                   /* Types d'activités -- 2 */
   clear : both; /* pour tests */
   position:relative;
   background : #003000 url(images/question.png) no-repeat 3px 3px;/* pour tests */
   padding : 3px;
   margin : 2px;
}
.cal_ev_pres_titre_2 {
   text-align : center;
}
.cal_ev_type_bg_2 {
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #003000;/* pour tests */
}
.cal_ev_li_2 {
   color : #00a000;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_3 {                   /* Types d'activités -- 3 */
   clear : both; /* pour tests */
   position:relative;
   background-color : #91c04c;/* pour tests */
   color : #000000;
   padding : 3px;
   margin : 2px;
}
.cal_ev_pres_titre_3 {
   text-align : center;
}
.cal_ev_type_bg_3 {
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #91c04c;/* pour tests */
}
.cal_ev_li_3 {
   color : #99aa99;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_4 {                   /* Types d'activités -- 4 */
   clear : both; /* pour tests */
   position:relative;
   background-color : #aaccdd;/* pour tests */
   color : #AA4E0F;
   padding : 3px;
   margin : 2px;
}
.cal_ev_pres_titre_4 {
   text-align : center;
}
.cal_ev_type_bg_4 {
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #aaccdd;/* pour tests */
}
.cal_ev_li_4 {
   color : #AA4E0F;
   background-color : #aaccdd;/* pour tests */
}


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

#grille_cal_ev {
     clear : both;
     position : relative;
     height : 190px;
     width : 200px; /* un peu plus de 7x (largeur + 2x(margin)) */
     padding : 0px;
     margin : auto;
     font-size : 10px;
     /* background-color : #557722; /* pour tests */
}

#cal_ev_titre {
     text-align : center;
     margin : auto;
     margin-bottom : 4px;
     width:240px;
}

#cal_ev_titre div {
   margin : 0px;
   float : left;
}

#cal_ev_mois {
     font-weight : bold;
     font-size : 16px;
     text-align : center;
     /*height : 26px;*/
     width : 140px;
     color : #001100;
     /*background-color : #557722; /* pour tests */
}

.cal_ev_nom_jour {
     float : left;
     width : 26px;
     height : 20px;
     background-color : #77bb77;
     color:#000000;
     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 : 26px;
     height : 24px;
     margin : 1px;
     padding : 0px;
     font-size : 14px;
     /*overflow : hidden;*/
}

.cal_ev_jour_bg {         /* à remplir avec les options supplémentaires en BG... */
     position : absolute;
     top:0px;
     left:0px;
     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:22px;
     left:-20px;
     padding : 2px;
     margin : 0px;
     text-indent : 0px;
     z-index : 15;
     width : 160px;
     border : 2px solid #008000;
     background-color:#333333;
     display : none;
}
.cal_ev_jour_info li {
     font-size :10px;
     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: 6px;
     left: 3px;
     width: 20px;
     padding: 0px;
     margin : 0px;
     text-align : right;
     text-indent : 0px;
     z-index : 5;
}


.cal_ev_vide {
     float : left;
     width : 26px;
     height : 24px;
     background-color : #004000; /* pour tests */
     margin : 1px;
     padding : 0px;
}

/*----------------------------------------------------------------------------- */
/*    PRÉSENTATION DU SOMMAIRE                                       */
/*----------------------------------------------------------------------------- */
#sommaire_cal_ev h1 {
   float: left;
   margin: 1px 0px;
   padding:3px;
   width: 32px;
   background-color:#004000;
   text-align:center;
}
#sommaire_cal_ev ul {
 border-top : 1px solid #004000;
 margin: 1px;
 padding: 3px;
 float:left;
 width:180px;
}
#sommaire_cal_ev li {
   font-size : 10px;
   font-weight : bold;
}