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

.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: #FF9600 ;
    color:#FFFFFF ;
}

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

.calendrier .evenement{
    font-weight:normal ;
    border: 1px solid #60738B; /* 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: #FFD052; /* Couleur de fond des cases du calendrier */
    width:25px ;
}

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

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