/* DEBUT CALENDRIER */
.calendrier {

	border-width:0px ;
	text-align: center; 
	color: #5D90B5; /* Couleur du texte dans les cases du calendrier */
	border-spacing: 1px; 
	font-size: 1.0em; 

	float: left;
	z-index: 100;
}

.calendrier td, .calendrier tr{
	padding: 0;
	height:32px;
	cursor: pointer;
}

/* 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;
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size:13px;
}

.calendrier .evenement h6{
	font-size:1.2em ;
	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; 
	width:400px;
}

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

.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;
}
/* FIN CALENDRIER */