/* For the details, see:
   http://flowplayer.org/tools/dateinput/index.html#skinning */

/*   
	COULEUR BANDEAU HAUT DEGRADE : from  #d34074 - to  #ae163c
	COULEUR BANDEAU DES JOURS : #d50453
	COULEUR DES JOURS DESACTIVES : #f1f1f1;
	COULEUR DES JOURS AU SURVOL : #dddddd;
	COULEUR DATE DU JOUR : #333333
	COULEUR DATE SELECTIONNEE : #7dc0d7
*/



/* the input field */
.date {}

#calroot * {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-ms-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

/* calendar root element */
#calroot {
	font-family: 'questrial', Arial, sans-serif;
	z-index:10000;
	margin-top:-60px;
	width:200px;
	background-color:#fff;
	font-size:11px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.8);
	-o-box-shadow:0 0 6px rgba(0,0,0,0.8);
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.8);
	box-shadow:0 0 6px rgba(0,0,0,0.8);

/*	border: 5px solid #fff!important;
	border-radius: 5px!important;*/
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	padding: 5px 0;
	height: 24px; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: #aaa; /* W3C */ /* IE6-9 */

}

#caltitle {
	font-size: 1.3em;
	line-height: 1.6em;
	color: white;
	float: left;
	text-align: center;
	width: 150px;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	cursor:pointer;
}

#calprev {
	float:left;
	background: url(../medias/prev.png) no-repeat center center;
}

#calnext {	
	float:right;
	background: url(../medias/next.png) no-repeat center center;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;
}

/* year/month selector */
#caltitle select {
	font-size:10px;
}

/* names of the days */
#caldays {
	height: 20px;
	line-height: 1.6em;
	color: white;
	background-color: #000;	
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
	line-height:20px;
}

/* container for weeks */
#calweeks {
	margin-top:1px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
}

/* different states */
.calweek a:hover, .calfocus {
	background-color:#dddddd;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* sunday */
a.calsun {
	color:red;
}

/* offmonth day */
a.caloff {
	color:#ccc;
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
	background-color:#f1f1f1 !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#bbb;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333333;
	color:#fff;
}

/* *************************************************************************** */
/* ******************************* QUICKSEARCH ******************************* */
/* *************************************************************************** */

.container-qs {
	padding: 1em;
	width: 100%;
	margin: 0em auto 1em;
	background-color: #bbb;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-align: left;
}

.titre-qs {
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	font-family: 'goudystm', Arial, sans-serif;
	line-height: 1.2;
}

.quicksearch ul {
	margin: 0;
	list-style-type: none;
}

.quicksearch ul:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.quicksearch li {
	float: left;
	margin: 1em 2% 0 2%;
	margin-top: 1em;
	width: 46%;
	line-height: 1;
}

/* Champ date */

.quicksearch input.datepicker {
	padding: 0.4em;
	width: 100%;
	display: block;
	margin: 0 auto;
	border: 1px solid #aaa;
	background: url(../../../images/calendar.png) no-repeat 98% center #fff;
	line-height: 1;
	cursor: pointer;
	text-align: left;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.quicksearch input.datepicker:hover {
	background-color: #eee;
}

/* Champ select */

.quicksearch select {
	min-width: 3em;
	border: 1px solid #aaa;
	float: right;
}

/* Options */

.quicksearch .qs_options {
	margin-top: 0.5em;
	display: block;
}

/* Bouton */

.quicksearch .BtnReserver {
	float: right;
	padding: 0.6em 1em;
	border-color: transparent;
	border-radius: 5px;
	background-color: #a81e33;
	background-color: hsl(351,70%,39%);
	background-image: none;
	box-shadow: -1px -1px 6px rgba(0,0,0,0.6) inset,1px 1px 6px rgba(255,255,255,0.6) inset;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	cursor: pointer;
	-webkit-transition: background-color .4s,color .4s;
	-moz-transition: background-color .4s,color .4s;
	-ms-transition: background-color .4s,color .4s;
	-o-transition: background-color .4s,color .4s;
	transition: background-color .4s,color .4s;
}

.quicksearch .BtnReserver:hover {
	background-color: #e06c4c;
	background-color: hsl(13, 70%, 59%);
}

.duplicateAgeEnfant {
	display: none !important;
}