/* CSS Document */
body{
background-color:#000000;
}

a{
color:#333333;
font-weight:bold;
}

a:hover{
text-decoration:none;
}

.calendrier {
display:inline;
border-width:0px ;
text-align: center; 
/*color: #0099FF; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 0.9em; 
width:78%; 
left:44px;
top:100px;
position:absolute;
}

.calendrier td, .calendrier tr{
padding: 0;
width:10px;
}
.calendrier th{
color:#FFFFFF;
}

/* 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{
background-color: #6F809A ;
color:#FFFFFF ;
}
/*
.calendrier .evenement h6{
background-color: #6F809A ; 
color:#FFFFFF;
}
*/
.calendrier .evenement h6{
font-size:1em ;
margin:0;
padding:0;
color:#FFFFFF;
}

.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: 100; 
padding: 2px;
margin-top:1px;
position: absolute;
visibility: hidden;
width:170px;
}

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

.calendrier td:hover {
background-color:#A3C3E0 ;  /* 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 */
color:red;
}

#calendrier .precedent, #calendrier  .suivant, #calendrier  .tel, #calendrier  .email{
position:absolute;
width:20px;
height:20px;
top:210px;
left:110px;
}