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

.calendrier td, .calendrier tr{
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: #6F809A ;
color:#FFFFFF ;
}

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

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #f2abab; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
}

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

.calendrier td {
border: none; 
background-color: #fdbbbb; /* Couleur de fond des cases du calendrier */
width:25px ;
}

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

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