/*
	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                   */
/*----------------------------------------------------------------------------- */


#contenu_cal_col {
   float:left;
}

#cal_col_pres {
   /*clear : both;*/
   float :left;
   width : 656px;/*
   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_col_pres_contenu {
   margin : auto;
   
   height : 100%;
   text-align : left;
   padding: 0px;
   margin : 0px;
}
.cal_col_pres_col {
   float:left;
   width:327px;
}
#cal_col_pres_titre {
   /*  background-color : #bbccaa;	 */
   color : #000000;
   text-align : center;
   padding : 8px 6px;
   margin : 0px;
}
.cal_col_pres_horaire {
   text-align : center;
   font-style : italic;
   font-size : 10px;
   margin : 8px 0px 10px 0px;
}
#contenu_activite_nouveau {
   margin:10px 4px;
   color : #ffffff;
   font-size : 10px;
}

/*----------------------------------------------------------------------------- */
.cal_col_pres_elem_0 {                   /* Types d'activités -- 0 */
   clear:both;
   position:relative;
   padding : 4px;
   margin : 5px;
}
.cal_col_pres_titre_0 {
   color : #bd9f5e;
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_col_type_bg_0 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px; 
   background-color : #bd9f5e;
}
.cal_col_li_0 {  /* voir plus bas pour configurer règles générales selon sommaire ou calendrier */
   color : #bd9f5e;
}
/*----------------------------------------------------------------------------- */

.cal_col_pres_elem_1 {                   /* Types d'activités -- 1 */
   clear:both;
   position:relative;
   color : #000030;
   padding : 4px;
   margin : 5px;
}
.cal_col_pres_titre_1 {
   color : #546f36;
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_col_type_bg_1 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #546f36;
}
.cal_col_li_1 {
   color : #546f36;
}


/*----------------------------------------------------------------------------- */
.cal_col_pres_elem_2 {                   /* Types d'activités -- 2 */
   clear:both;
   position:relative;
   padding : 4px;
   margin : 5px;
}
.cal_col_pres_titre_2 {
   color : #6d0c0d;
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_col_type_bg_2 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #6d0c0d;
}
.cal_col_li_2 {
   color : #6d0c0d;
}

/*----------------------------------------------------------------------------- */
.cal_col_pres_elem_3 {                   /* Types d'activités -- 3 */
   clear:both;
   position:relative;
   color : #000000;
   padding : 4px;
   margin : 5px;
}
.cal_col_pres_titre_3 {
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_col_type_bg_3 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #71a04c;/* pour tests */
}
.cal_col_li_3 {
   color : #000000;
}

/*----------------------------------------------------------------------------- */
.cal_col_pres_elem_4 {                   /* Types d'activités -- 4 */
   clear:both;
   position:relative;
   background-color : #333344;/* pour tests */
   color : #AA4E0F;
   padding : 4px;
   margin : 5px;
}
.cal_col_pres_titre_4 {
   color : #ffffff;
   background-color : transparent;/* pour tests */
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_col_type_bg_4 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #AA4E0F;/* pour tests */
}
.cal_col_li_4 {
   color : #ffffff;
   background-color : #AA4E0F;/* pour tests */
}


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

#cal_col { /* conteneur avec le menu de mois et la grille */
   font-family : arial,verdana,tahoma,sans-serif;
   float : right;
   width : 180px;
   height : 305px;
   position : relative;
   padding : 14px 0px 2px 0px;
   margin : 0px;
   /*  background-color : #445533;	   */
   font-size : 12px;
     z-index : 15;
	border-left : 1px dashed #000000;
}
#sablier_col {
   position: absolute;
   top: 45px;
   left: 154px;
   visibility: hidden;
   height:32px;
   z-index: 500;
}

#grille_cal_col {
     /*clear : both;*/
     float : left;
   
     position : relative;
     /*height : 44px;*/
     width : 172px; /* un peu plus de 7x (largeur + 2x(margin)) */
     height: 205px;
     padding : 6px 0px;
     margin : 3px 0px 3px 4px;
     z-index : 1;
     /* background-color : #444444; /* pour tests */
}

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

#cal_col_titre div {
   margin : 0px;
   float : left;
   height : 20px;
   padding: 0px;
   /*background-color : #444444; /* pour tests */
}
#cal_col_titre img {
   margin : 0px;
   padding: 3px 0px 0px 0px;
  
}
#cal_col_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_col_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_col_nom_jour {
     float : left;
     width : 22px;
     height : 20px;
     background-color : #546f36;
     color:#ffffff;
     margin : 1px;
     padding : 2px 0px 0px 0px;
     font-weight : bold;
     text-align : center;
     font-size : 16px;
}



.cal_col_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;
}

.cal_col_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_col_jour_info {         /* à remplir avec les options supplémentaires en BG... */
     position : absolute;
     top:28px;
     left:-160px;
     padding : 2px 2px 0px 0px;
     margin : 0px;
     text-indent : 0px;
     text-align : left;
     z-index : 15;
     width : 180px;
     border-left : 1px solid #555555;
     border-bottom : 2px solid #666666;
     background-color : #b0c4da;
     display : none;
}
.cal_col_jour_info ul {
     list-style-type : none;
     margin : 0px; 
}
.cal_col_jour_info li {
     font-size :11px;
     /*font-weight : bold;*/
     margin : 2px;
     padding : 2px;
}
.cal_col_jour_info h4 {
     margin : 0px;
     padding: 2px;
     font-size :15px;
     color : #ffffff;
     text-align : center;
     font-weight : bold;
}

.cal_col_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_col_vide {
     float : left;
     width : 22px;
     height : 28px;
     background-color : #e9f4dc;
     margin : 1px;
     padding : 0px;
}

/*----------------------------------------------------------------------------- */
/*               PRÉSENTATION DU SOMMAIRE                                       */
/*----------------------------------------------------------------------------- */
#sommaire_cal_col {
   position : relative;
   float  : right;
   width  : 472px;
   padding: 0px 0px 20px 0px;
   margin : 0px 0px 0px 0px;
   z-index : 8;
   height : 100%;
   /*background-color : #eeeeee;*/
   display : none;
}
#sommaire_cal_col h3 {
   text-align : center;
   background : transparent url(images/Icone_sommaire_col.gif) no-repeat 10px center;
   margin : 0px;
   padding: 8px 0px;
}
.sommaire_cal_col_semaine {
   float: left;
   margin:5px;
   width:220px;
   background-color:#e9f4dc; 
}
#sommaire_cal_col 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;
   
}
#sommaire_cal_col ul {
   list-style-type : none;
   border-top : 1px solid #333333;
   margin: 2px 0px;
   padding: 3px 0px;
   float:left;
   width:180px;
   
}
#sommaire_cal_col li {
     font-size :11px;
     /*font-weight : bold;*/
     margin : 1px 0px 1px 4px;
     padding : 3px;
}
#sommaire_cal_col_types {
   /*  background-color:#dfdfdf;	*/
   height: 26px;
   padding: 0px;
   margin:0px 0px 8px 0px;
}
#sommaire_cal_col_types b {
   float  : left;
   padding: 4px 12px 4px 6px;
   margin : 0px;
   cursor : pointer;

}
.sommaire_cal_col_types_select {
   background-color : #546f36;
   color : #ffffff;
}
.sommaire_cal_col_fermer {
   cursor : pointer;
   float:right;
   margin:8px;
   height:22px;
}