/* + -----------------------------------------------------
	Styles appliques au Calendrier
+ ----------------------------------------------------- */
#calendrier-conteneur {width:220px; padding-left:25px;}
#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 {font-family:Arial, Helvetica, sans-serif; color:#646363; padding:3px 0; font-weight:bold; text-align:center; font-size:0.8em; margin:0 50px; color:#fff;}
#calendrierMois {font-size:1.1em; color:#fff;}

#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:220px; }
#conteneurCalendrier li {
	list-style: none;
	margin:0px;
	padding:0px;
}

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

#libelle {
	width: 233px;
	height:24px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#4c4f59;
	font-weight:bold;
	text-align:center; 
	color:#fff;
	font-size:14px;
}
.ligne {
	width: 231px;
	padding: 0;
	margin:0px;
}


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

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


#libelle li, #libelle li a {
	float : left;
	width : 31px;
	height:24px;
	color:#fff;
	text-align:center;
}
.ligne li, .ligne li a {
	height:20px;
	color: #FFF;
	float : left; 
	width: 31px;
	margin:0px;
	padding:0px;
	line-height:32px;
}

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

.ligne li.vide {
	font-size:1px;
	height:10px;
}

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

li.joursSuivants, li.joursEvenements {
	color:#FFFFFF;
	background-color:#333398;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	width:30px;
	height:28px;
	font-weight:bold;
	font-size:14px;
}

li.joursPrecedents {
	color:#FFFFFF;
	background-color:#333398;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	width:30px;
	height:28px;
	font-weight:bold;
	font-size:14px;
}

li.joursEvenements {background-color:#B50560; color:#FFFFFF; border-color:#FFF; cursor:pointer;}

li.itemSelectedItem {
	font-weight:bold;
	background-color:#333398;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	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:11px;
	text-align:center;
	/* Apparence de la date du jour */
}
.calendrierFlecheMois {cursor:pointer;}
#calendrierFlecheMoisGauche {diplay:block; float:left; width:9px; height:11px; background:url(../../images/calendrier-fleche-gauche.png) left top no-repeat;}
#calendrierFlecheMoisDroite {diplay:block; float:right; width:9px; height:11px; background:url(../../images/calendrier-fleche-droite.png) left top no-repeat;}