/* 
Boris Louboff, le 28/09/07
classe search, reprise en partie dans css/reservation/info_complemenataire_spec.css
pour l'affichage du calendrier dans la page info_complementaire.shtml
*/

/*Règles génériques*/
#search h2, #search h3, #search h4,
#search img {
	margin:0; padding:0; border:0;
}

#search h2 {
	text-align:center;
}

/*Règles principales*/
#search {
	position:relative;
	width:226px;margin:0 auto 8px;	
	background:url(/imagerie/commun/bg_boxes.gif) no-repeat;
}
body.home #search {
	background:url(/imagerie/home/bg_boxes.gif) no-repeat;
}

#search-wrapper {
    overflow:hidden; padding:8px 10px 8px;
    background:url(/imagerie/commun/bg_boxes_bottom.gif) 0 100% no-repeat;
}
body.home #search-wrapper {
	background:url(/imagerie/home/bg_boxes_bottom.gif) 0 100% no-repeat;
}

.moteur-fh #search {
	margin:0;
	height:145px;
}

#search span.infos {font-size:9px;}

#search h2, #search h3, #search h4, #search img {
	margin:0; padding:0; border:0
}

#search h4 {
	color:#110700;
	font-size:10px; font-weight:normal;
}

#search .hidden {position:absolute; left:-10000px;}

#search form, #search fieldset {
	margin:0; padding:0; border:0;
}

#search fieldset.facultatif {
	margin:0; padding:8px 0 0;
	background:url(/imagerie/commun/bg_boxes_inner.gif) repeat-x;
}
body.home #search fieldset.facultatif {
	background:url(/imagerie/home/bg_boxes_inner.gif) repeat-x;
}

#search fieldset.dates {
	padding:8px 0 5px 0;
}

.moteur-fh #search fieldset.dates {
	padding:12px 0;
}

#search select, #search input {
	margin:0; border:1px solid #b9af9b;
	background:#fbfbf6 url(/imagerie/commun/bg_form_control.gif) repeat-x 0 100%; color:#8c7869;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

#search input {
	padding:1px 4px;
}

#search .submit {
	text-align:right;
}

#search .submit input {
	padding:0; border:0;
}

#search .submit-early {
	text-align:right;
	padding-top: 38px;
	border:0;
}
#search .submit-early input {
	background:none;
	border:0;
}
#search label {
	display:block;
	color:#b19574;
}

span.infos {
	font-size:9px;
}


/* explore-destinations */

#explore-destinations a{
    position:relative; overflow:hidden;
    display:block;
    color:#413c28;
    
}

#explore-destinations span {
    position:absolute; bottom:2px; right:5px; z-index:2;
    padding-left:10px;
    background:url(/imagerie/commun/fleche_more.gif) 0 3px no-repeat;
}

/*Dimensions des champs*/
#search #topSelect, #search #code_hotel, #search #nom_ville_pays, #search #type_sejour {
	margin-bottom:5px;
	width:206px;
}

#search #hotel_ou_ville {
	width:196px;
}

#search #jour_arrivee, #search #mois_arrivee, #search #jour_depart, #search #mois_depart, #search #nb_nuit {
	width:20px;
}

#search #annee_arrivee, #search #annee_depart {
	width:35px;
}

#search #code_avantage {
	width:60px;
}

/*Liens complémentaires*/
#search ul {
	margin:0; padding:5px 0 0 0;
	list-style:none;
}

#search ul li {
	padding-left:10px;
	background:url(/imagerie/commun/fleche_item.gif) no-repeat 0 0.4em;
}

#search ul li a {
	color:#876e46;
	font-weight:bold;
}

.moteur-fh #search ul {
	padding-top:12px;
}

#search li {
	padding-left:10px;
	background:url(/imagerie/commun/fleche_item.gif) no-repeat 0 0.4em;
}

#search a {
	color:#876e46;
	font-weight:bold;
}

/*Blocs spécifiques*/
#search .destinations {
	padding:8px 0 10px 0;
}
#search .destinations .field {
	padding:0;
}
#search .start, #search .end {
	float:left;
	width:155px;
	position:relative;
	z-index:2;
}
 #search .end {z-index:1;}

#search .nights {
	float:right;
	width:50px;
	text-align:right;
	position:relative; 
	z-index:1;
}

#search .promo label {
	float:left;
} 

#search .promo input {
	float:right;
	width:62px;
}

#search .promo, #search .card {
	padding-bottom:8px;
}

.moteur-fh #search .promo, .moteur-fh #search .card {
	padding-bottom:18px;
}

#search .card label {
	float:left;
}

#search .card input {
	float:left;
	border:0;
	background:none;
}

#search .hidden {
	position:absolute; left:-10000px;
}

/*Champs remplacés*/
#search .js-select {
	position:relative;
	height:1.5em;
	border:1px solid #b9af9b;
	background:#fbfbf6 url(/imagerie/commun/bg_form_control.gif) repeat-x 0 100%;
}

#search .js-select a {
	text-decoration:none;
}

#search .js-select.focus {
	background:#e7e2cf; color:#291f1d;
}

#search .open-close {
	position:absolute; top:0; left:0; z-index:2;
	width:204px;
}

#search .open-close a {
	display:block;
	padding-left:189px;
}

#search .disabled .open-close a {
	cursor:default;
}

#search .js-select .current {
	position:absolute; top:0; left:0; z-index:1;
	width:204px;
}

#search .js-select ol {
	position:absolute; top:1.5em; left:-1px; 
	z-index:999;
	margin:0; padding:0;
	width:204px;
	border:1px solid #b9af9b;
	background:#fbfbf6;
	list-style:none;
}

#search .js-select ol.scrolled {
	height:210px;
	overflow:hidden;
}

#search .js-select ol.hidden {
	top:-10000px; left:-10000px;
}

#search .js-select ol li {
	padding:0;
	background:none;
}

#search .js-select .current span, #search .js-select ol li a, #search .js-select ol li span {
	display:block;
	padding:0 15px 0 4px;
	font-weight:normal;
}

#search .js-select ol li span {
	background:#e7e2cf; color:#876e46;
	font-weight:bold;
	text-transform:uppercase;
}

#search .js-select .current span {
	height:1.5em;
	overflow:hidden;
}

#search .js-select ol li a:hover {
	background:#e7e2cf; color:#291f1d;
}

#search .js-checkbox {
	float:left;
}

#search .js-checkbox a {
	display:block;
	width:13px; height:13px;
	background:url(/imagerie/commun/bg_form_checkbox_off.gif) no-repeat;
}

#search .js-checkbox a.checked {
	background:url(/imagerie/commun/bg_form_checkbox_on.gif) no-repeat;
}

/*Tooltips dans les champs remplacés*/
.js-select div.tooltip {
	position:absolute; top:1.7em; left:-1px;
	padding:0.2em 0.5em;
	background:#8c7869; color:#fbfbf6; opacity:0.9;
	font-weight:bold;
}

/*Spécifs champs remplacés*/
#search #topSelect-rpl, #search #code_hotel-rpl, #search #type_sejour-rpl {
	margin-bottom:5px;
}

#search #jour_arrivee-rpl, #search #jour_depart-rpl,
#search #mois_arrivee-rpl, #search #mois_depart-rpl,
#search #annee_arrivee-rpl, #search #annee_depart-rpl {
	float:left;
	margin-right:2px;
}

#search #jour_arrivee-rpl, #search #jour_arrivee-rpl .open-close, #search #jour_arrivee-rpl.js-select .current,
#search #jour_depart-rpl, #search #jour_depart-rpl .open-close, #search #jour_depart-rpl.js-select .current,
#search #mois_arrivee-rpl, #search #mois_arrivee-rpl .open-close, #search #mois_arrivee-rpl.js-select .current,
#search #mois_depart-rpl, #search #mois_depart-rpl .open-close, #search #mois_depart-rpl.js-select .current,
#search #nb_nuit-rpl, #search #nb_nuit-rpl .open-close, #search #nb_nuit-rpl.js-select .current {
	width:36px;
}

#search .nights #nb_nuit-rpl {
	float:right;
	text-align:left;
}

#search #annee_arrivee-rpl, #search #annee_arrivee-rpl .open-close, #search #annee_arrivee-rpl.js-select .current,
#search #annee_depart-rpl, #search #annee_depart-rpl .open-close, #search #annee_depart-rpl.js-select .current {
	width:50px;
}

#search #jour_arrivee-rpl .open-close a, #search #jour_depart-rpl .open-close a,
#search #mois_arrivee-rpl .open-close a, #search #mois_depart-rpl .open-close a,
#search #nb_nuit-rpl .open-close a {
	padding-left:21px;
}

#search #annee_arrivee-rpl .open-close a, #search #annee_depart-rpl .open-close a {
	padding-left:35px;
}

#search #jour_arrivee-rpl ol, #search #jour_depart-rpl ol,
#search #mois_arrivee-rpl ol, #search #mois_depart-rpl ol,
#search #nb_nuit-rpl ol {
	padding-bottom:2px;
}

#search #nb_nuit-rpl ol {
	left:-169px;
}
#search #nb_nuit-rpl.minify ol {
	left:-1px;
}
#search #nb_nuit-rpl ol.hidden, #search #nb_nuit-rpl.minify ol.hidden {
	left:-10000px;
}
#search #nb_nuit-rpl.minify ol {
	padding:0;
	width:36px;
}

#search #mois_arrivee-rpl ol, #search #mois_depart-rpl ol {
	width:90px;
}

#search #annee_arrivee-rpl ol, #search #annee_depart-rpl ol {
	width:50px;
}

#search #jour_arrivee-rpl ol li, #search #jour_depart-rpl ol li,
#search #mois_arrivee-rpl ol li, #search #mois_depart-rpl ol li,
#search #nb_nuit-rpl ol li {
	float:left;
	padding:2px 0 0 2px;
	text-align:center;
}

#search #nb_nuit-rpl.minify ol li {
	float:none;
	padding:0;
	text-align:left;
}

#search #jour_arrivee-rpl ol li a, #search #jour_depart-rpl ol li a,
#search #mois_arrivee-rpl ol li a, #search #mois_depart-rpl ol li a,
#search #nb_nuit-rpl ol li a {
	padding:0 2px; border:1px solid #e7e2cf;
}

#search #jour_arrivee-rpl ol li a.empty, #search #mois_arrivee-rpl ol li a.empty {padding:0 7px 0 6px;}

#search #nb_nuit-rpl.minify ol li a {
	padding:0 15px 0 4px; border:0;
}

#search #checkboxAvantage-rpl a {
	margin:1px 5px 0 0;
}

/*Scroll*/
div.scroller {
	position:absolute; top:1.6em; left:0; z-index:200;
	width:15px; height:78px;
	background:#faf9ed;
}

div.scroller a.scroller-up, div.scroller a.scroller-down {
	position:absolute; top:1px; left:1px;
	width:13px; height:13px;
	background:#8c7869;
}

div.scroller a.scroller-down {
	top:auto; bottom:1px;
}

div.scroller a.scroller-down {
	top:auto; bottom:1px;
}

div.scroller span.scroller-state {
	position:absolute; top:0; left:1px;
	margin-top:14px;
	width:13px; height:50px;
	background:#aeada5;
}

/*Message d'erreur + Message d'infos dates*/
#search-error, #infos-dates {
	position:absolute; top:3px; left:50%; z-index:101;
	margin-left:-110px; padding-top:8px; border:1px solid #b91419;
	width:218px;
	background:#fbfbf6; color:#291f1d;
}

#search-error p, #infos-dates p {
	margin:0; padding:0 8px 8px 8px;
}

#search-error ol {
	margin:0; padding:0 8px 8px 8px;
	list-style:none;
}

#search-error li {
	padding-left:10px;
	background:url(/imagerie/commun/fleche_item.gif) no-repeat 0 0.4em;
}

#search-error a, #infos-dates a {
	display:block;
	color:#b91419;
	font-weight:bold;
}

#search-error a.close, #infos-dates a.close {
	position:absolute; top:0; right:0;
	width:10px; height:10px;
	background:#b91419; color:#fbfbf6;
}

#search-error a.close img, #infos-dates a.close img {display:block;}

/*Calendrier*/
a.open-calendar {
	float:left;
	margin-top:1px;
}

#calendar {
	position:absolute; top:0; left:0; z-index:10;
	font-size:9px;
	text-align:center;
}

#calendar-under {
	position:absolute; z-index:9;
	background:url(/imagerie/commun/bg_calendar_alpha.png);
}

#calendar.hide, #calendar-under.hide {
	display:none;
}

#calendar .main-inner {
	border:1px solid #8c7869;
	background:#fbfbf6;
}

#calendar .sub-inner {
	margin:2px;
	background:url(/imagerie/commun/bg_calendar.gif) repeat-x;
}

#calendar img {
	display:block;
}

#calendar a {
	text-decoration:none;
}

#calendar .close-calendar {
	padding-left:10px;
	background:url(/imagerie/commun/picto_fermer_small.gif) no-repeat 0 0.3em;
	font-weight:normal;
}

#calendar .prev-month, #calendar .next-month {
	position:absolute; top:2.2em; z-index:11;
	padding:1px;
}

#calendar .prev-month {
	left:5px;
	padding-right:3px;
}

#calendar .next-month {
	right:5px;
	padding-left:3px;
}

#calendar table {
	margin:0 1px 1px 2px;
	border:0; border-collapse:collapse;
}

#calendar .caption, #calendar th {
	color:#291f1d;
	font-weight:normal;
}

#calendar .caption {
	position:relative;
	margin:0 1px; padding:3px 0; border-bottom:1px solid #d7d7c8;
}

#calendar th {
	padding:2px 3px;
	text-align:center;
}

#calendar td {
	padding:0; border:1px solid #d7d7c8;
	color:#a08264;
	font-weight:bold;
}

#calendar td span, #calendar td a {
	display:block;
	padding:3px;
	text-align:right;
	line-height:1;
}

#calendar td a {
	color:#4a382a;
}

#calendar td a:hover {
	background:#4a382a; color:#fffff0;
}

/*Clearing*/
#search fieldset.dates:after, #search .promo:after, #search .card:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}