/* CSS Document */
.calendrier {
/*width: 140px;
height: 140px;*/
display: inline;
/*padding-left: 8px ;
padding-top: 25px;*/
border-width: 0px ;
text-align: center; 
color: #333333; /* Couleur du texte dans les cases du calendrier */
/*border-spacing: 1px; */
font-size: 9px; 
font-family: Verdana;
margin: auto;
/*float: left;*/
position: relative;
z-index: 2;
}

/**html .calendrier{
	margin-left: 3px;
	margin-top: 25px;
}

*+html .calendrier{
	margin-left: 3px;
	margin-top: 25px;
}
*/
.titreCalendrier{
	background:#FF0066;
	color:#FFFFFF;
	padding:3px 12px;
	position: relative;
	top: 3px;	
	vertical-align:top;
	font-size: 8px;
}

* html .titreCalendrier{
	font-size:9px;
}

*+html .titreCalendrier{
	font-size:9px;
}

.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 .evenement h6{
background-color: #6F809A ;
color:#FFFFFF ;
}

.calendrier .evenement h6{
font-size:11px ;
margin:0;
padding:4px;
text-align:center;
margin-bottom:4px;
margin-top:4px;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #FF0066; /* 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;
}

* html .calendrier .evenement{
text-decoration:none;
font-size:11px;
}

*+html .calendrier .evenement{
text-decoration:none;
font-size:11px;
}

.calendrier .evenement{
position: absolute; 
visibility: hidden; 
width:220px ;
padding:10px;
text-align:justify;
}

.calendrier td {
border: none; 
background: transparent url('../img/cellule.png') bottom left no-repeat; 
width:18px;
height:18px;
text-align: center;
}

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

.calendrier .today{
color:#000000;
font-weight:bolder;
font-size:11px;
}

.celluleevenement{
cursor:pointer;
font-weight:bold;
color: #FF0066;

}

.calendrier th{
	color:#FF0066;
}