/* CSS Document */
.calendrier { display:inline; padding-right:10px ; border-width:0 ; text-align: center; color: #36c; /* Couleurs du texte dans les cases du calendrier */
border-spacing: 1px; font-size: 1em; margin: auto ; float: left; z-index: 100; }

.calendrier td, .calendrier tr{ font-size: xx-small; font-family: tahoma; padding: 0; }

/* Les 4 lignes qui suivent d?finissent la couleur de fond d'une case o? il y a un ?v?nement, ainsi que la couleur du texte. Ces m?mes couleurs 
sont utilis?s pour le titre de l'?v?nement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #7aa6ff ;
color:#ffffff ;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement{ font-weight:normal ; border: solid 1px #3266cc; /* Largeur, type et couleur du bord du cadre qui contient l'?v?nement */
background-color: #e5e5e5; /* Couleur de fond du cadre qui contient l'?v?nement */
color: #7aa6ff ; /* Couleur du texte dans le cadre qui contient l'?v?nement */
font-size: small; z-index: 10; padding: 2px; margin-top:1px; }

.calendrier .evenement{ position: absolute; width: 450px; visibility: hidden; min-width:150px; max-width:250px ; }

.calendrier td { color: #36c; border: thin; background-color: #e5e5e5; /* Couleur de fond des cases du calendrier */
width:25px ; }

.calendrier td:hover { color: #36c; background-color:#e5e5e5 ;  /* Couleur de fond des cases lors du survol de la souris */
}

.calendrier .today{
font-weight:bold ;
border: solid 1px #f00; /* Largeur, type et couleur du bord de la case du calendrier qui correspond ? aujourd'hui */
}