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

#calendrier {
	min-height: 50px; /* For Modern Browsers */
	height: 20% !important; /* For Modern Browsers */

	padding-left:100px;
	width:530px;
	/*margin-top:110px;*/
	margin-left:160px;
	margin-right:120px;
	font-size:12px;
	
	
	/*margin-left: 25px;*/
	
	border: none;
	margin-top: 20px;
}
#calendrier a {text-decoration: none;color:#000000; }
#calendrier a:hover{text-decoration:none;color:#000000; }
#calendrier a:active{text-decoration:none;color:#000000; }

#calendrier ul {
	margin: 0;
	padding: 0;
}

#calendrier li{
	list-style: none;	
}

#libelle {
	width: 350px;
	padding: 0;
}

#libelle li, ul.ap-ligne li  {
	border: 1px solid #fff;
	list-style-type: none;
	margin: 1px 1px 0 0; 
	padding: 0;
	width : 47px; 
	float : left;
	text-align: center;
	line-height: 20px;
}
#libelle li {
	background: #DDDDDD;
	list-style-type: none;
	color: #443C60;
}

.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
}
.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}
ul.ligne {
	clear: left;
	width: 350px;
	padding: 0 5px;
} 
ul.ligne li {
	background: #fff;
	color: #443C60;
}

ul.ligne li.ap-itemSelectedItem {
	background-color: #DDDDDD;
	border: 1px solid #0080C0;	
}

ul.ligne li.ap-itemExistingItem {
	background-color: #DBE9CD;
	border: 1px solid #90D454;
}

ul.ligne li.ap-itemExistingItem a{
	display: block;
	text-decoration: none;
}

ul.ligne li.ap-itemExistingItem a:hover{
	background-color: #E4EFDA;
}

ul.ligne li.ap-itemCurrentItem {
	background-color: #FCF1E2;
	border: 1px solid #EAB159;
}