/*
	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 {
   /*clear : both;*/
   float :left;
   width : 720px;/*
   cursor : move;
   position : absolute;
   top : 180px;
   left : 200px;*/
   padding : 0px;
   margin : 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 : #000000;
   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_titre {
   background-color : #aaaaaa;
   color : #000000;
   text-align : left;
   padding : 8px 6px;
   margin : 0px;
}
.cal_ev_pres_horaire {
   text-align : center;
   font-style : italic;
   font-size : 10px;
   margin : 8px 0px 10px 0px;
}
/*----------------------------------------------------------------------------- */
.cal_ev_type_bg_c {         /* Types d'activités -- CONCERTS */
   position : absolute;
   top : 2px;
   left : 10px;
   z-index : 10;
   padding:0px;
   width:8px;
   height:9px;
   background-color : #ffffff;/* pour tests */
   color : #000000;
   border : 1px solid #443311;
   font-size : 8px;
   line-height : 8px;
   text-align : center;
}
.cal_ev_li_c {
   color : #ffffff;
   background-color : #000000;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_0 {                   /* Types d'activités -- 0 */
   clear : both; /* pour tests */
   position:relative;
   background-color : transparent;
   border-bottom: 1px dashed #bbbbbb;
   padding : 4px;
   margin : 4px;
}
.cal_ev_pres_titre_0 {
   color : #000000;
   /*background-color : #ffffff;/* pour tests */
   text-align : center;
   float : left;
   padding : 4px 30px 4px 0;
   margin : 0px;
}
.cal_ev_type_bg_0 {
   /*float:left;
   margin:1px;*/
   position : absolute;
   top : 2px;
   left : 1px;
   z-index : 1;
   padding:0px;
   width:4px;
   height:11px;
   background-color : #000000;/* pour tests */
}
.cal_ev_li_0 {
   color : #ffffff;
}
/*----------------------------------------------------------------------------- */

.cal_ev_pres_elem_1 {                   /* Types d'activités -- 1 */
   clear : both; /* pour tests */
   position:relative;
   color : #000030;
   background-color : #ffffff;/* pour tests */
   border-bottom: 1px dashed #bbbbbb;
   padding : 4px;
   margin : 4px;
}
.cal_ev_pres_titre_1 {
   color : #2e88aa;
   /* background-color : #000000;/* pour tests */
  text-align : center;
   float : left;
   padding : 4px 30px 4px 0;
   margin : 0px;
}
.cal_ev_type_bg_1 {
   /*float:left;
   margin:1px;*/
   position : absolute;
   top : 2px;
   left : 6px;
   z-index : 2;
   padding:0px;
   width:4px;
   height:11px;
   background-color : #9999dd;/* pour tests */
}
.cal_ev_li_1 {
   color : #4eaaff;
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_2 {                   /* Types d'activités -- 2 */
   clear : both; /* pour tests */
   position:relative;
   border-bottom: 1px dashed #bbbbbb;
   background-color : transparent;
   padding : 4px;
   margin : 4px;
}
.cal_ev_pres_titre_2 {
   color : #AA4E0F;
   text-align : center;
   float : left;
   padding : 4px 30px 4px 0;
   margin : 0px;
}
.cal_ev_type_bg_2 {
   /*float:left;
   margin:1px;*/
   position : absolute;
   top : 2px;
   left : 11px;
   z-index : 3;
   padding:0px;
   width:4px;
   height:11px;
   background-color : #225022;/* pour tests */
}
.cal_ev_li_2 {
   color : #00a000;
}


/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_3 {                   /* Types d'activités -- 4 */
   clear : both; /* pour tests */
   position:relative;
   background-color : #333344;/* pour tests */
   color : #AA4E0F;
   padding : 4px;
   margin : 4px;
}
.cal_ev_pres_titre_3 {
   color : #ffffff;
   background-color : transparent;/* pour tests */
   text-align : center;
   float : left;
   padding : 4px 30px;
   margin : 0px;
}
.cal_ev_type_bg_3 {
   /*float:left;
   margin:1px;*/
   position : absolute;
   top : 2px;
   left : 16px;
   z-index : 5;
   padding:0px;
   width:4px;
   height:11px;
   background-color : #AA4E0F;/* pour tests */
}
.cal_ev_li_3 {
   color : #ffffff;
   background-color : #AA4E0F;/* pour tests */
}

/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_4 {                   /* Types d'activités -- 5 */
   clear : both; /* pour tests */
   /*float : left;
   width : 290px;*/
   position:relative;
   background-color : #aaaa99;/* pour tests */
   color : #0f4Eaa;
   padding : 4px;
   margin : 4px;
}
.cal_ev_pres_titre_4 {
   color : #ffffff;
   background-color : transparent;/* pour tests */
   text-align : center;
   float : left;
   padding : 4px 30px;
   margin : 0px;
}
.cal_ev_type_bg_4 {
   /*float:left;
   margin:1px;*/
   position : absolute;
   top : 27px;
   left : 2px;
   z-index : 5;
   padding:0px;
   width:18px;
   height:2px;
   background-color : #0f4Eaa;/* pour tests */
}
.cal_ev_li_4 {
   color : #ffffff;
   background-color : #0f4Eaa;/* pour tests */
}


/*----------------------------------------------------------------------------- */
/*    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;
   float : right;
   width : 180px;
   /*height : 500px;*/
   position : relative;
   padding : 8px 0px 2px 0px;
   margin : 0px;
   background : #000000 url(images/bg_cal_ev.jpg) no-repeat 0px 0px;
   overflow : visible;   
}
#sablier_cal {
   position: absolute;
   top: 5px;
   left: 154px;
   visibility: hidden;
   height:32px;
   z-index: 500;
}

#grille_cal_ev {
     /*clear : both;*/
    float : left;
   height : 260px;
   
     position : relative;
     /*height : 44px;*/
     width : 170px; /* un peu plus de 7x (largeur + 2x(margin)) */
     padding : 6px 0px;
     margin : 3px 0px 3px 3px;
     /*margin : auto;*/
     font-size : 12px;
     /*background-color : #444444; /* pour tests */
}

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

#cal_ev_titre div {
   margin : 0px;
   float : left;
   height : 20px;
   padding: 0px;
   /*background-color : #444444; /* pour tests */
}
#cal_ev_titre img {
   margin : 0px;
   padding: 3px 0px 0px 0px;
  
}
#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 : 22px;
     /*background-color : #000000;*/
     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 : 30px;
     margin : 1px;
     padding : 0px;
     font-size : 12px;
     /*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:28px;
     left:-120px;
     padding : 2px;
     margin : 0px;
     text-indent : 0px;
     text-align : left;
     z-index : 15;
     width : 170px;
     /*border : 2px solid #000030;*/
     background-color:#444a55;
     display : none;
}
.cal_ev_jour_info li {
	  margin : 0 0 2px 20px;
     font-size :11px;
     font-weight : bold;
}
.cal_ev_jour_info h4 {
     margin : 0px;
     padding: 4px;
     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;     
     bottom : 0px;
     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 : 30px;
     /* 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;
}
*/