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

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

#cev_a_venir h3 { /* jours */
    font-size:14px;
    font-weight:normal;
    padding : 3px 2px 1px 0px;
    /*border-bottom : 1px dotted #223311;*/
    border-top : 2px solid #666666;
    margin : 0px 0px 3px 0px;
}
#cev_a_venir h4 { /* titre activité */
    text-shadow : none;
    cursor : pointer;
    font-size:12px;
    padding : 3px 2px 3px 4px;
    margin : 0px;
}
#cev_a_venir {
    background : transparent url(../images/bg_lu.png) repeat 0 0;
    padding: 4px;
    margin : 5px 0px;
    display:none; /* animé à l'affichage, après le ménage ! */
    font-size:12px;
}
#cev_a_venir div {
  /*  padding: 3px;/* attention aux classes internes.. */
}
#cal_menu { /* icone du calendrier dans le menu... :) */
    font-size:14px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}
.cal_ev_legende {
    position : relative;
    margin : 4px 6px;
    padding:6px 8px;
    float : left;
    cursor:pointer;
    background-color : #f9f5ee;
}
.cev_lhover {
    box-shadow : 2px 2px 6px #000, inset -1px -1px 4px rgba(10,10,10,0.2);
    -webkit-box-shadow : 2px 2px 6px #000, inset -1px -1px 4px rgba(10,10,10,0.2);
    -moz-box-shadow : 2px 2px 6px #000, inset -1px -1px 4px rgba(10,10,10,0.2);
    text-decoration:underline; /* pour IE... */
}
#cal_ev_sablier {
    position : absolute;
    top:4px;
    left:4px;
    display : none;
    width:22px;
    height:22px;
}


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

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

#grille_cal_ev {
     /*clear : both;*/
     float : left;

     position : relative;
     /*height : 550px; /* il y a un clearing qui s'en charge déjà sinon.. '*/
     width : 660px; /* un peu plus de 7x (largeur + 2x(margin)) */
     padding : 2px 0px;
     margin : 12px 0px 12px 23px;

     /* background-color : #444444; /* pour tests */
}

#cal_ev_titre {

     position : relative;

     text-align : center;
     /*margin : auto;
     margin-bottom : 4px;*/
     /*width:180px;*/
     height : 24px;
     margin : 0px 20px;
     padding: 8px 40px;
     /*border-bottom : 1px solid #333333;*/
     background : transparent url(../images/bg_noir.png) repeat 0 0;
}

#cal_ev_titre div {
   position : relative;
   margin : 0px;
   float : left;
   padding: 0px;
   /*height: 100%;*/
   /*background-color : #ebd800; /* pour tests */
}
#cal_ev_titre img {
   margin : 2px 5px;
   padding: 3px 0px 0px 0px;

}
#cal_ev_mois {
     font-weight : normal;
     font-size : 18px;
     text-align : center;
     font-weight: bold;
     width : 206px;
     cursor : pointer;
     color  : #ffffff;
}


.cal_ev_nom_jour {
     float : left;
     width : 85px;/*25px;*/
     height : 20px;/*20px;*/
     background : transparent url(../images/bg_noir.png) repeat 0 0;
     color:#ffffff;
     margin : 4px;
     padding : 2px 0px 0px 0px;
     font-weight : bold;
     text-align : center;
     font-size : 15px;
}



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

.cal_ev_jour_info {         /* à remplir avec les options supplémentaires en BG... */
     position : absolute;
     top:22px;
     left:3px;
     padding : 0px;
     margin : 0px;
     text-indent : 0px;
     text-align : left;
     z-index : 15;     
    
}
.cal_ev_jour_info ul {
     list-style-type : none;
     margin : 0px;
     background-color : #ffffff;
}
.cal_ev_jour_info li {
     position : relative;
     font-size :10px;     
     height:26px;
     width:105px;
     overflow:hidden;
     margin : 0px;
     padding : 1px 2px;
     border-bottom : 1px dotted #334433;
     cursor:help;     
}
.cal_ev_jour h4 {
     text-shadow : none;
     font-size :16px;
     text-align : center;
     font-weight : bold;
     padding : 4px 10px;
     margin : 0px;
}

.cal_ev_jour_txt {         /* numéros de la journée, placé par dessus */
   /* test en absolu pour z-index... */
   /*  position : absolute;*/
   position : relative;
   float : right;
     color : #eeffee;
     /*top: 11px;
     left: 3px;*/
     font-size : 14px;
     width: 20px;
     padding: 1px;
     margin : 3px 6px 1px 1px;
     text-align : right;
     text-indent : 0px;
     z-index : 5;
}
.cejt_gras { /* !!! combiné avec la classe précédente !!! */
    font-weight:bold;
    color:#ddeedd;/*#244697;*/
  /*  font-size:13px;
    top:10px;*/
}

.cal_ev_vide {
     float : left;
     width : 85px;/*25px;*/
     height : 112px;/*26px;*/
     background : transparent url(../images/bg_caj_vide.png) repeat 0 0;
     margin : 4px;
     padding : 0px;
}
.caj_sem {
    background : transparent url(../images/bg_caj_sem.png) repeat 0 0;
}
.caj_fds {
    background : transparent url(../images/bg_caj_fds.png) repeat 0 0;
}
.caj_today {
    background : transparent url(../images/bg_caj_today.png) repeat 0 0;
}
.caj_today .cal_ev_jour_txt {
    color : #224400; /* si nécéssaire */
}