/* CSS Document */
/*	-webkit-
	   -moz-
	     -o-*/
		 
/* JQUERY-UI CALENDAR */
.ui-widget-content.ui-datepicker {
	background:#fff; text-transform:uppercase;
	font-family: 'Open sans', sans-serif;
	font-size:11px; color:#707070;
	text-align:center; max-width:250px;
	border:#d8d6d6 1px solid;
	width:100%; 
	display: none;
}
.ui-widget-content.ui-datepicker-multi { min-width:100%; }
.ui-widget-header {
	background:#fff; text-transform:uppercase;
	font-family: 'Biryani', sans-serif;
	font-size:16px; font-weight:200;
	height:40px; line-height:40px;
	color:#969696;
}
.ui-widget-header > span { display:inline-block; vertical-align:middle; line-height:normal; }
.ui-datepicker-prev,
.ui-datepicker-next {
	display:inline-block; line-height:normal;
	background:url(sprite-calendar-prev-next.png) 0 0 no-repeat;
	width:20px; height:20px; margin:8px 10px; cursor:pointer;
	font-size:0;
}
.ui-datepicker-prev { float:left; }
.ui-datepicker-next { float:right; background-position:right 0; }
.ui-datepicker-prev:hover { background-position:0 bottom; }
.ui-datepicker-next:hover { background-position:right bottom; }
.ui-datepicker-calendar { width:100%; margin:10px 0; }
.ui-datepicker th {
	text-transform:none;
	background:#f7f3f0;
	font-weight:700;
	padding:5px 0;
	width:14.28%;
}
.ui-datepicker td {
	padding:5px 0;
	width:14.28%;
}
.ui-datepicker td:hover { color:#e95d0f; }
.ui-datepicker td:active,
.ui-datepicker .dp-highlight { background:#e95d0f; color:#fff; }
.ui-datepicker td.reserved { background:#e3e3e3; }
.ui-datepicker-today {
	border:#e95d0f 1px solid;
	color:#e95d0f;
}
.ui-datepicker-current-day { background:#e95d0f; color:#fff; }
.ui-datepicker-group.ui-datepicker-group-first,
.ui-datepicker-group.ui-datepicker-group-last {
	width:50%; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.ui-datepicker-row-break { clear:both; }
/* 
ui-datepicker-week-end 
ui-datepicker-unselectable
ui-state-disabled 
dp-highlight
ui-datepicker-days-cell-over
ui-datepicker-today
*/

/* JQUERY-UI Autocomplete */
.ui-autocomplete {
	overflow:auto; z-index:4;
	border:#ccc 1px solid;
	background:#fff; padding:5px 15px;
	background-color:rgba(255,255,255,0.7);
	color:#333; font-size:12px;
	max-height:320px; max-width:280px;
}
.ui-autocomplete li { margin:5px 0; }
.ui-autocomplete li:hover { color:#e95d0f }

/* JQUERY-UI SLIDER CAPTCHA */
.ui-slider.ui-slider-horizontal {
	position:relative; margin:6px 0;
	background:#ededed; height:18px;
	border:#c1c1c1 1px solid; border-radius:5px;
}
.ui-slider .ui-slider-handle {
	cursor:pointer; position:absolute; margin:-6px; border-radius:5px;
	width:30px; height:30px; background:#e95d0f url(slider-arrow-right.png) center no-repeat;
}
.ui-slider .ui-slider-handle:hover { background-color:#1c1613 }

#content-captcha { clear:both; font-size:12px;	padding:20px 0; }
#content-captcha #slider-captcha.ui-slider-horizontal { float:left; width:25%; }
#content-captcha .result-captcha { line-height:30px; padding-right:20px }
#content-captcha .result-captcha strong { line-height:normal; vertical-align:middle; }
#content-captcha .result-captcha .default-message { display:inline-block; }
#content-captcha .result-captcha .error-message { display:none; color:#aa1919; }
#content-captcha .result-captcha .valid-message { display:none; color:#28781b; }
#content-captcha.errorfield .result-captcha .default-message { display:none; }
#content-captcha.errorfield .result-captcha .error-message { display:inline-block; }
#content-captcha p { margin:5px 0; }

/* JQUERY SELECTER */
.selecter-element { *left: -999999px; position: absolute; opacity: 0; }
.selecter {
	border:#fff 1px solid;
	background:#fff url(ico-location.png) 5px 5px no-repeat;
	font-family: 'Biryani', sans-serif;
	font-size:0.750em;
	position:relative;
	line-height:40px;
	font-weight:600;
	color:#9E9E9E;
	display:block;
	height:40px;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition-property:color, background-color, border-color, box-shadow;
	-moz-transition-property:color, background-color, border-color, box-shadow;
	-o-transition-property:color, background-color, border-color, box-shadow;
	transition-property:color, background-color, border-color, box-shadow;
	-webkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}
.selecter .selecter-selected {
	cursor:pointer;
	display:block;
	overflow:hidden;
	position:relative;
	padding:0 10px 0 35px;
	text-overflow:clip;
	z-index:49;
	margin:0;
}
.selecter .selecter-options {
	border: 1px solid #fff;
	border-width: 0 1px 1px;
	background-color: #fff;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	line-height:1em;
	display: none;
	left:0;
	margin:0 -1px;
	max-height:260px;
	overflow:auto;
	overflow-x:hidden;
	padding:0;
	position:absolute;
	top:100%;
	width:100%;
 *width:auto;
	z-index:50;
}
.selecter .selecter-item {
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	color: #555a60;
	cursor: pointer;
	display: block;
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	padding: 8px 10px;
	text-overflow: ellipsis;
}
.selecter .selecter-item.selected { background: #F9F9F9; }
.selecter .selecter-item:first-child { color:#9E9E9E }
.selecter .selecter-item:last-child { border-bottom: 0; }
.selecter:hover { border-color: #e95d0f; }
/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { z-index: 51; }
.selecter.open, .selecter.focus {
	border-color: #e95d0f;
	-webkit-box-shadow:#e95d0f 0 0 5px;
	-moz-box-shadow:#e95d0f 0 0 5px;
	-o-box-shadow:#e95d0f 0 0 5px;
	box-shadow:#e95d0f 0 0 5px;
}
/* 'Cover' Positioning */
.selecter.cover .selecter-options { border-width: 1px; top: 0; }
.selecter.cover.open .selecter-selected { z-index: 49; }
/* 'Bottom' Positioning */
.selecter.bottom .selecter-options {
	border-width: 1px 1px 0;
	bottom: 100%;
	top: auto;
}
.selecter.bottom .selecter-item:last-child { border: none; }
/* 'Bottom' + 'Cover' Positioning */
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
/* Multiple Select */
.selecter.multiple .selecter-options {
	border-width: 1px;
	position:static;
	box-shadow:none;
	display:block;
	width:100%;
}
/* 'Disabled' State */
.selecter.disabled .selecter-selected {
	background: #fff;
	border-color: #eee;
	color: #ccc;
	cursor: default;
}
.selecter.disabled .selecter-options { background: #fff; border-color: #eee; }
.selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: #eee; color: #555a60; cursor: default; }
.selecter.disabled .selecter-item.selected { background: #fafafa; }
/* Scroller Support */
.selecter .selecter-options.scroller { overflow: hidden; }
.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; }


/* FORMULAIRES MOBILE-hOME SEARCH & RESERVATION 
---------------------------------------------------------------------------------------------------------------------------------------------------- */ 
form#mobilhome-search {
	display:block;
	max-width:930px;
	padding:30px 40px;
	margin:0 auto;
}
#page_accueil form#mobilhome-search { background:rgba(0,0,0,0.6); }
.form-mobilhome label.left,
form#mobilhome-search label {
	float:left;
	display:block;
	text-align:left;
	padding-right:5px; margin:10px 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
form#mobilhome-search label { margin:0; }
.form-mobilhome label.right {
	float:right;
	display:block;
	text-align:left;
	padding-left:5px; margin:10px 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.form-mobilhome input[type='text'] {
	display:inline-block;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:5px 5px;
	font-family: 'Biryani', sans-serif;
	border:#fff 1px solid;
	padding:0 10px 0 35px;
	font-size:0.750em;
	font-weight:700;
	color:#4c4c4c;
	height:40px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.form-mobilhome input[type='text']:hover, 
.form-mobilhome input[type='text']:focus { border-color:#e95d0f; }

.form-mobilhome input[type='submit'], .submit {
	text-transform:uppercase;
	background:#e95d0f;
	text-align:center;
	font-size:14px;
	display:block;
	height:40px;
	width:100%;
	color:#fff;
	border:none;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box
}
#mobilhome-search input[type='submit'] { 
	background:#e95d0f url(ico-rechercher.png) 5px center no-repeat;
	width:17%; float:right;
	padding:0 10px 0 30px;
}
.form-mobilhome input[type='submit']:hover, .submit:hover { background-color:#1c1613; }

#destination { background-image:url(ico-situation.png); }
.datefield { background-image:url(ico-date.png); }
#nb-adulte, #nb-adulte-reservation { background-image:url(ico-adultes.png); }
#nb-enfant, #nb-enfant-reservation { background-image:url(ico-enfants.png); }
#label-destination { width:24%; }
#label-debut, #label-fin { width:15%; }
#label-adulte, #label-enfant { width:14%; }
#label-location { width:16%; }

/* --- CSS3 --------- */
.form-mobilhome input[type='text'], 
.form-mobilhome input[type='submit'] {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	     -o-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-transition-property:color, background-color, border-color, box-shadow;
	   -moz-transition-property:color, background-color, border-color, box-shadow;
	     -o-transition-property:color, background-color, border-color, box-shadow;
			transition-property:color, background-color, border-color, box-shadow;
	-webkit-transition-timing-function:linear;
	   -moz-transition-timing-function:linear;
	     -o-transition-timing-function:linear;			
			transition-timing-function:linear;
	-webkit-transition-duration:.3s;
	   -moz-transition-duration:.3s;
	     -o-transition-duration:.3s;	
			transition-duration:.3s;
}
.form-mobilhome input[type='text']:focus {
	-webkit-box-shadow:#e95d0f 0 0 5px;
	   -moz-box-shadow:#e95d0f 0 0 5px;
	     -o-box-shadow:#e95d0f 0 0 5px;
			box-shadow:#e95d0f 0 0 5px;
}

/* FORMULAIRES DE RECHERCHE AVANCEES > location-mobil-home-resultats.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#filter-search-wrapper {
	position:relative; z-index:2; height:70px;
	margin:0 auto 30px;
	max-width:990px;
}
#filter-search { position:absolute; display:block; width:100%; }
#filter-search #filter-search-content {
	position:relative; padding:10px;
	background:#fff; height:70px; overflow:hidden;
	-webkit-transition:height .2s linear;
	-moz-transition:height .2s linear;
	-ms-transition:height .2s linear;
	-o-transition:height .2s linear;
	transition:height .2s linear;
}
#filter-search #submit-filter { background-color:#979797; }
#filter-search #submit-filter:hover { background-color:#575659 }
#filter-search fieldset.wp20 {
	position:relative; background:#fff;
	display:block; float:left;
	width:19%; margin:5px 0.5%;
	border:#d6d6d6 1px solid;
	font-family: 'Biryani', sans-serif;
	font-size:12px; color:#979797;
	height:60px; overflow:hidden; cursor:pointer;
	-webkit-transition:height .2s linear;
	-moz-transition:height .2s linear;
	-ms-transition:height .2s linear;
	-o-transition:height .2s linear;
	transition:height .2s linear;
}
#filter-search:hover #filter-search-content { 
	height:300px;
	-webkit-box-shadow:#808080 0 3px 6px;
	-moz-box-shadow:#808080 0 3px 6px;
	-ms-box-shadow:#808080 0 3px 6px;
	-o-box-shadow:#808080 0 3px 6px;
	box-shadow:#808080 0 3px 6px;
}
#filter-search:hover fieldset { height:230px; }

#filter-search fieldset .fieldset-btn {
	background:url(sprite-arrow-search.png) right 0 no-repeat;
	height:60px; line-height:60px;
	font-size:20px; text-align:center;
	padding:0 15px;
}
#filter-search:hover fieldset .fieldset-btn { background-position:right bottom; }
#filter-search .fieldset-content {
	padding:0 15px;
	height:170px;
}
#filter-search .check-label { display:block; margin:5px 0; }
#filter-search .check-label { border-color:#d6d6d6; }
#filter-search .inline-label { 
	display:block; 
	height:40px; line-height:40px;
	margin:10px 0;
}
#filter-search .inline-label input {
	width:50%; height:40px;
	float:right; padding:0 30px 0 10px;
	border:#d6d6d6 1px solid;
}
#filter-search .inline-label input#budget-min, #filter-search .inline-label input#budget-max { background:url(placeholder-budget.gif) right center no-repeat; }
#filter-search .inline-label input#surface-min, #filter-search .inline-label input#surface-max { background:url(placeholder-surface.gif) right center no-repeat; }

/* FORMULAIRES TYPE 1 > class : formulaire-1
---------------------------------------------------------------------------------------------------------------------------------------------------- */ 
.formulaire-1 { padding:20px 0; }
.formulaire-1 label,
.formulaire-1 strong.radio-label {
	font-family: 'Biryani', sans-serif;
	font-size:0.750em; font-weight:700;
	display:block;
}
.formulaire-1 label.radio-label { 
	display:inline-block;
	margin-right:20px;
	line-height:40px;
}
.formulaire-1 strong.radio-label {
	font-family: 'Biryani', sans-serif;
	font-size:0.750em; font-weight:700;
	display:inline-block; width:30%;
}

.formulaire-1 .textfield {
	display:inline-block;
	background-color:#fff; background-repeat:no-repeat; background-position:5px 5px;
	font-family: 'Biryani', sans-serif;
	font-size:1em; font-weight:700;
	color:#4c4c4c; border:#cacaca 1px solid;
	height:40px; width:100%;
	padding:0 10px; margin:10px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.formulaire-1 .submit.right { width:auto; }
.formulaire-1 .submit.floated-submit { display:inline-block; width:auto; padding:0 30px; }
.formulaire-1 textarea.textfield { padding:10px; min-height:100px; }
.formulaire-1 label.floated-label { 
	height:40px; line-height:40px;
	margin:10px 0;
}
.formulaire-1 label.floated-label .textfield { 
	width:70%; margin:0;
	float:right;
}
.formulaire-1 #message { height:180px; }
.formulaire-1 .textfield:focus,
.formulaire-1 .textfield:hover { border-color:#e95d0f; }
.formulaire-1 .textfield:hover {
	-webkit-box-shadow:#e95d0f 0 0 5px;
	   -moz-box-shadow:#e95d0f 0 0 5px;
	     -o-box-shadow:#e95d0f 0 0 5px;
			box-shadow:#e95d0f 0 0 5px;
}

/* errors */
.error_output {
	padding:20px;
	background:#aa1919; color:#fff; 
	font-weight:700; font-size:12px;
	text-align:center;
	margin-bottom:20px;
}
.error_output p { margin:10px 0 0; }
.error_output p em { display:none; }
.textfield.errorfield { color:#aa1919; border-color:#aa1919; }
.textfield.errorfield:focus {
	-webkit-box-shadow:#aa1919 0 0 5px;
	   -moz-box-shadow:#aa1919 0 0 5px;
	     -o-box-shadow:#aa1919 0 0 5px;
			box-shadow:#aa1919 0 0 5px;
}
#valid_output {
	margin:50px 0 80px; padding:30px; 
	background:#f6f4f2; text-align:center;
}
#valid_output p { margin-bottom:0; }