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

/** affichage du calendrier **/
div.cal{
	max-width:670px;
	/*height:420px;*/
	color:#444444;
	padding:0px;
	padding-left:00px;
	margin:0px auto;
	font-size:15px !important;
}
div#calrec{
	width:195px;
	height:165px;
	padding:0px;
	padding-left:0px;
	position:absolute;
	float:left;
}
div#calrecFin{
	width:195px;
	height:165px;
	padding:0px;
	padding-left:0px;
	position:absolute;
	float:left;
}
div.calendrier{
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	padding:5px;
	margin:5px;
	width:195px;
	height:165px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#calrec div.calendrier{
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	padding:5px;
	margin:5px;
	width:175px;
	height:165px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#calrecFin div.calendrier{
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	padding:5px;
	margin:5px;
	width:175px;
	height:165px;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-right:5px;
}
div.cal span.titre{
	font-size:12px !important;
	font-weight:bold;
	margin:0 2px 0 2px;
	padding:0;
	vertical-align:top;
	width:120px;
    z-index:1000;
}

div.cal li{
	list-style: none;	
}

div.cal ul#libelle {
	width: 195px;
	height:20px;
	margin: 0px;
	padding:1px;
}
div#calrec ul#libelle {
	width: 195px;
	height:20px;
	margin: 0px;
	padding:1px;
}
div#calrecFin ul#libelle {
	width: 195px;
	height:20px;
	margin: 0px;
	padding:1px;
}
div.cal ul#libelle li {
	float : left;
	text-align:center;
	width :20px;
	height:16px; 
	margin:2px;
}
div.cal ul.ligne {
	width: 195px;
	height:20px;
	margin: 0px;
	padding: 1px;
} 
div#calrec ul.ligne {
	width: 175px;
	height:20px;
	margin: 0px;
	padding: 1px;
} 
div#calrecFin ul.ligne {
	width: 175px;
	height:20px;
	margin: 0px;
	padding: 1px;
} 
div.cal ul.ligne:hover {
	width: 195px;
	height:20px;
	margin: 0px;
	padding: 0px;	
	background-color:#d2d2ff;
	border:solid #6082fa 1px;	
}
div#calrec ul.ligne:hover {
	width: 175px;
	height:20px;
	margin: 0px;
	padding: 0px;	
	background-color:#ffffff;
	border:solid #ffffff 1px;	
}
div#calrecFin ul.ligne:hover {
	width: 175px;
	height:20px;
	margin: 0px;
	padding: 0px;	
	background-color:#ffffff;
	border:solid #ffffff 1px;	
}
div.cal ul.ligne li {
	color: #333;
	float : left; 
	width : 20px;
	height:16px;  
 	cursor:pointer;
	text-align:center;
	margin:2px;
	list-style: none;
	text-decoration: none;
}

div.cal ul.ligne li.jour{
	background:#c0c0c0;
	text-decoration :line-through;
    z-index:400;
}
div.cal ul.ligne li.libre{
	background:#47d100 !important;
}
div.cal ul.ligne li.occupe{
	background:#ff7973;
}

div.cal ul.ligne li.samedi{
	background:#A8D1FF;
	text-decoration :underline;
}


div.cal ul.ligne li.today {
	/* apparence de la date du jour */
	background:#EEE;
	font-weight:bold;
}
div.cal ul.ligne li.select {
	font-weight:bold;
	background:#AAFFAA;
}		

div#tarif{
	background:#FFF !important;
	border:solid #6080D1 2px !important;
	padding:5px !important;
	margin:5px;
	width:220px !important;
	text-align:center;
	margin-left:290px;
	min-height:150px;
}

div#tarif div#titre_tarif{
	font-size:12px !important;
	font-weight:bold;
	margin:0pt 2px;
	padding:0pt;
	vertical-align:top;
}
div#tarifu {
	background:#FFF !important;
	border:solid #6080D1 2px !important;
	padding:5px !important;
	min-height:40px;
}

div#tarifu div#date{
	
	font-size:10px !important;
	width:200px;
	margin:0px;
	padding:0px;
	height:12px;
}
div#tarifu div#nbnuit{
	
	width:105px;
	margin:0px;
	padding:0px;
	height:14px;
	font-size:12px !important;
	font-weight:bold;
	color:#000000;
	text-align:right;
	float:left;
}
div#tarifu div#prix{
	
	width:105px;
	margin:0px;
	padding:0px;
	height:14px;
	font-size:12px !important;
	font-weight:bold;
	color:#FF1111;
	text-align:right;
	float:left;
}
div#pagination_cal{
	/*position:relative;*/
	width:200px;
	padding:0px;
	margin:0px;
	float:left;
	font-size:14px !important;
	font-weight:bold;
	color:#1111FF;
	height:30px;
}

span#precedent{
	position:absolute;
	left:5px;
	padding:5px;
	margin:0px;
	text-align:left;
	vertical-align:middle;
	cursor:pointer;
}
span#suivant{
	position:absolute;
	right:5px;
	padding:5px;
	margin:0px;
	text-align:right;
	vertical-align:middle;
	cursor:pointer;
}
div#apartir{
	width:655px;
	height:25px;
	font-size:20px !important;
	color:#FF3333;
	text-align:center;
}

.rouge{
	color:#b6280b;
}