/* + -----------------------------------------------------
	Styles appliques au Calendrier
+ ----------------------------------------------------- */
#calendrier-conteneur {width:210px; }
#calendrierInfo {position:absolute; top :0px; left:0px; width:400px; border:3px solid #333398; background-color:#FFF; display:none; z-index:1000;}
#calendrierInfo .evenementDate {padding:10px; }
#calendrierInfo .evenementTitre {margin:0px; padding:0px 0 5px 15px; background-color:#333398; color:#FFF; font-family:MatrixScriptBook, Arial, Verdana;}
#calendrierInfo .evenementIntro {margin:0px; padding:10px; }
#calendrierInfo .evenementLirelasuite {text-align:right; padding:5px;}
.moisEnCours {height:25px; background:#fff; border-top:1px solid #ff74a3; border-bottom:1px solid #babcc5; font-family:Calibri, Helvetica, sans-serif; color:#000; padding:3px 0; font-weight:bold; text-align:center; font-size:0.6em; margin:0 auto;}
#calendrierMois {}
#calendrierMois-mois {}
#calendrierMois-annee {font-size:0.8em;}

#calendrier-agenda-complet {text-align:right; margin-right:50px;}
#calendrier-agenda-complet a, #calendrier-agenda-complet a:visited {background:url("../../images/calendrier-fleche-droite.png") right center no-repeat; padding-right:20px; text-decoration:none; color:#fff;}
#calendrier-agenda-complet a:hover {text-decoration:underline; color:#fff;}

#conteneurCalendrier { width:190px; padding:0 10px; background:#e9e9e9; }
#conteneurCalendrier li {
	list-style: none;
	margin:0px;
	padding:0px;
}

#conteneurCalendrier li a {
	margin:0px;
	padding:0px;
	padding-top:3px;
	margin-top:-3px;
}

#libelle {
	width: 190px;
	height:17px;
	padding: 0;
	margin:0;
	padding-top:15px;
	font-family: Calibri, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center; 
	color:#ff729f;
	font-size:11px;
}
.ligne {
	width: 188px;
	padding: 0;
	margin:0px;
} 
#libelle li, #libelle li a {
	float : left;
	width : 26px;
	height:17px;
	color:#ff729f;
	text-align:center;
}
.ligne li, .ligne li a {
	height:25px;
	color: #FFF;
	float : left; 
	width: 25px;
	margin:0px;
	padding:0px;
	line-height:22px;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

.ligne li.vide-avant {
	font-size:1px;
	height:23px;
	width:25px;
	border-right:1px solid #babcc5;
	border-top:1px solid #babcc5;
}
.ligne li.vide-apres {
	font-size:1px;
	height:23px;
	width:25px;
	border-right:1px solid #babcc5;
	border-bottom:1px solid #babcc5;
}
.ligne li.lundi {
	border-left:1px solid #babcc5;
}
.ligne li.vide-avant {
	border-bottom:1px solid #babcc5;
}

#ligne-1 .joursSuivants, #ligne-1 .joursEvenements,#ligne-1 .joursPrecedents {
	
	border-top:1px solid #babcc5;
}

li.itemCurrentItem {
	color:#4c4f59;
	font-weight:bold;
	background-color:#ff729f;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-right:1px solid #babcc5;
	border-bottom:1px solid #babcc5;
	width:25px;
	height:23px;
	font-size:8px;
	font-weight:bold;
	/* Apparence de la date du jour */
}

li.joursSuivants, li.joursEvenements {
	color:#30344e;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-right:1px solid #babcc5;
	border-bottom:1px solid #babcc5;
	width:25px;
	height:23px;
	font-weight:bold;
	font-size:8px;
}

li.joursPrecedents {
	color:#30344e;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-right:1px solid #babcc5;
	border-bottom:1px solid #babcc5;
	width:25px;
	height:23px;
	font-weight:bold;
	font-size:8px;
}

li.joursEvenements {background-color:#f08a00; color:#30344e; border-color:#babcc5; cursor:pointer;}

li.itemSelectedItem {
	font-weight:bold;
	background-color:#ff729f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:center;
	/* Apparence de la date du jour */
}	

li.itemExistingItem {
	color: #d98513;
	cursor: default;
	font-weight:bold;
	background-color:#333398;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:center;
	/* Apparence de la date du jour */
}
.calendrierFlecheMois {cursor:pointer;}
#calendrierFlecheMoisGauche {margin-left:5px; diplay:block; float:left; width:5px; height:25px; background:url(../../images/cal-prec.jpg) left center no-repeat;}
#calendrierFlecheMoisDroite {margin-right:5px; diplay:block; float:right; width:5px; height:25px; background:url(../../images/cal-next.jpg) left center no-repeat;}