/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
	list-style: none;	
}

#libelle {
	width: 210px;
	margin: 2px;
	padding: 2px;
}
.ligne {
	vertical-align:top;
	margin: 0px;
	padding: 1px;
	height : 16px;
} 
#libelle li {
	float : left;
	width : 36px; 
}
.ligne li {
	color: #000;
	float : left; 
	margin: 0px;
	padding: 0px;
	font-size:10;
	height : 16px
	
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}



li.NomJour{
	background:#e3ecc2 !important;
	width:50px;
	height : 20px;
}

li.itemExistingItem {
	background:#ddccee;
	width:16px;
	height : 20px;
	vertical-align:top;
}

li.evenement{
	background:#e3ecc2;
	width:260px;
	height : 20px;
}

.evenementCeJour{
	border: 1px solid black;
	background:#f4fbf9;
	vertical-align:top;
}

li.CurrentNomJour {
	background:#c2d7ec !important;
	width:50px;
	height : 20px;
}

li.itemCurrentItem {
	background:#AAAAAA;
	width:16px;
	height : 20px;
}


li.CurrentEvenement{
	background:#b4b6b8;
	width:260px;
	height : 20px;
}

li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}