/*
	Style Sheet pour le calendrier des événements de Drummondville
	Implémenté par Solutions ZEN média
	info@solutions-zen.com

*/


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


#cal_ev_pres {
   position : relative;
   display : none;
   clear : both;
   margin : 0px;
   padding : 0px;
   z-index : 100;
   
   position:relative;
   height:100%;
   /*border-top : 2px solid #d0c0a0;/* pour tests*/

}
#cal_ev_pres_contenu {
   margin : auto;
   position:relative;
   height : 100%;
   text-align : left;
   padding: 0px;
   margin : 0px;
}
.cal_ev_pres_col {
   float:left;
   width:362px;
}
#cal_ev_pres_titre {   
   text-align : center;   
}
.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 : #ffffff;
   font-size : 10px;
}
/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_10 {                   /* Types d'activités SPÉCIALE - SÉANCES  */
   clear:both;
   position:relative;
   padding : 4px;
   margin : 5px;
}
.cal_ev_pres_titre_10 {
   color : #992222;
   text-align : center;
   padding : 4px 30px 8px 0px;
   margin : 0px 0px 12px 0px;
}
.cal_ev_type_bg_10 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #992222;
}
.cal_ev_li_10 {  /* voir plus bas pour configurer règles générales selon sommaire ou calendrier */
   color : #992222;
}
/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_0 {                   /* Types d'activités -- 0 */
   clear:both;
   position:relative;
   padding : 4px;
   margin : 5px;
}
.cal_ev_pres_titre_0 {
   color : #333333;
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_ev_type_bg_0 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #0074aa;
}
.cal_ev_li_0 {  /* voir plus bas pour configurer règles générales selon sommaire ou calendrier */
   color : #000000;
}
/*----------------------------------------------------------------------------- */


/*----------------------------------------------------------------------------- */
.cal_ev_pres_elem_1 {                   /* Types d'activités -- 2 */
   clear:both;
   position:relative;
   /*background : #003000 url(images/question.png) no-repeat 3px 3px;/* pour tests */
   background-color : #f2edbe;
   color : #000000;
   padding : 4px;
   margin : 5px;
}
.cal_ev_pres_titre_1 {
   color : #004065;
   text-align : center;
   padding : 4px 30px;
   margin : 0px;
}
.cal_ev_type_bg_1 {
   overflow:hidden; /* POUR IE 6 !*/
   float:left;
   margin:1px;
   padding:0px;
   width:4px;
   height:4px;
   background-color : #ebd800;/* pour tests */
}
.cal_ev_li_1 {
   color : #000000;
   background-color : #f2edbe;
}


/*----------------------------------------------------------------------------- */
/*    PRÉSENTATION de la GRILLE DU CALENDRIER                                   */
/*----------------------------------------------------------------------------- */
#position_cal_ev {
   font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
   position:absolute; 
   left:480px;
   top: 25px;
   width:200px;
   overflow:visible;
   padding : 0px;
   z-index:150;
   /*height : 100%;*/
   background : transparent;
}

#deroule_cal_ev {
   display:block;
   position:relative;
   cursor : pointer;
   text-align : center;
   font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
   font-weight : bold;
   color : #ffffff;
   padding : 4px 0px 0px;
   background : transparent url(images/Bouton_calendrier.gif) no-repeat 0 0;
   width : 200px;
   height: 24px;
   z-index : 1;
}

#cal_ev { /* conteneur avec le menu de mois et la grille */
   /*float : left;*/
   display : none;
   width : 200px;
   height : 225px;
   position : relative;
   padding : 0px;
   margin : 0px;
   background : transparent url(images/bg_calendrier.png) repeat 0 0;
   z-index : 10;
}

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

#cal_ev_titre {
     /*float : left;  */
     display:none;
     background : transparent url(images/Bouton_calendrier.gif) no-repeat 0 0;
     position : relative;
     color : #ffffff;
     text-align : center;
     /*margin : auto;
     margin-bottom : 4px;*/
     /*width:180px;*/
     height : 20px;
     margin : 0px 0px 0px 0px;
     padding: 4px 0px 0px 0px;
     /*border-bottom : 1px solid #333333;*/
}

#cal_ev_titre div {
   position : relative;
   margin : 0px;
   float : left;   
   padding: 0px;
   height: 100%;
   /*background-color : #ebd800; /* pour tests */
}
#cal_ev_titre img {
   margin : 0px 5px;
   padding: 3px 0px 0px 0px;
  
}
#cal_ev_mois {
     font-weight : normal;
     font-size : 12px;
     text-align : center;
     font-weight: bold;     
     width : 136px;
     cursor : pointer;
}


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



.cal_ev_jour {
     /* les couleurs de fond sont dans la fonction directement, selon le jour */
     position:relative;
     color : #000000;
     float : left;
     width : 25px;
     height : 26px;
     margin : 1px;
     padding : 0px;
     font-size : 12px;   
     z-index: 1; /* ENLEVER ET CA FONCTIONNE DANS FIREFOX, GARDER POUR PATCH GLOBALE */
}

.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:11px;
     left:22px;
     padding : 0px;
     margin : 0px;
     text-indent : 0px;
     text-align : left;
     z-index : 15;
     width : 290px;
     /*border : 2px solid #000030;*/
     /*background-color:#8899aa;*/
   border-top : 1px solid #8899aa;
   border-right : 1px solid #557788;
   border-bottom : 2px solid #668866;
   border-left : 1px solid #99aa99;
     background-color: #ccddcc;/*#6f7f90;*/
     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: 18px;
     padding: 0px;
     margin : 0px;
     text-align : right;
     text-indent : 0px;
     z-index : 5;
}


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

/*----------------------------------------------------------------------------- */
/*    PRÉSENTATION DU SOMMAIRE                                       */
/*----------------------------------------------------------------------------- */
#sommaire_cal_ev {
   position : relative;
   display : none;
   clear : both;
   margin : 0px;
   padding : 0px;
}
#sommaire_cal_ev h1 {
   text-align : center;
   /*background : #447755 url(images/Icone_sommaire.gif) no-repeat 10px center;*/
}
.sommaire_cal_ev_semaine {
   float: left;
   margin:3px;
   padding: 2px 3px;
   width:225px;
   background-color: #ffffff;
}
#sommaire_cal_ev h2 { /* chiffre du jour */
   float: left;
   margin: 0px;
   padding:2px 0px;
   width: 26px;
   background-color:#333333;
   color : #ffffff;
   text-align:center;
   font-size : 12px;
   cursor : pointer;
}
#sommaire_cal_ev ul {
   border-top : 1px solid #333333;
   list-style-type : none;
   margin: 0px;
   padding: 3px 0px;   
   float:left;
   width:185px;
   cursor : pointer;
}
#sommaire_cal_ev li {
     font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
     font-weight : bold;
     margin : 0px 0px 1px 5px;
     padding : 1px;
}
#sommaire_cal_ev_types {
   background-color:#bbccdd;
   height: 26px;
   padding: 0px;
   margin:0px 5px 5px 5px;
}
#sommaire_cal_ev_types b {
   float  : left;
   padding: 4px 12px 4px 6px;
   margin : 0px;
   cursor : pointer;

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