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

.calendrier td, .calendrier tr{
padding: 2;
}

/* 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: #2C51AD ;
color:#FFFFFF ;
}

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

.calendrier .evenement{
font-weight:normal ;
border: 2px solid #25408F; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #ffffff; /* 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: #CEE3F4; /* Couleur de fond des cases du calendrier */
width:28px ;
height:28px;
}

.calendrier td:hover {
background-color:#2C51AD ;  /* Couleur de fond des cases lors du survol de la souris */
color:#FFFFFF;
/*cursor:pointer;*/



}

.calendrier .today{
font-size:1.3em;
background:#ffffff;
font-weight:bold ;
color:#2c51ad;
/*border: 2px solid  #2c51ad; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}