/************************/
/*Header (titre de page)*/
/************************/
.fr #header h1 {background:url(/fr/images/reservation/titles/header_screen.gif) no-repeat 50% 0;}
.gb #header h1 {background:url(/gb/images/reservation/titles/header_screen.gif) no-repeat 50% 0;}
.de #header h1 {background:url(/de/images/reservation/titles/header_screen.gif) no-repeat 50% 0;}
.es #header h1 {background:url(/es/images/reservation/titles/header_screen.gif) no-repeat 50% 0;}

/*****************************************/
/*Ouverture de page (déco, pushs, moteur)*/
/*****************************************/
#overture-deco {
	float:none;
	width:968px;
}

/******************/
/*Corps de la page*/
/******************/
#body {
	background:#fbfbf6 url(/imagerie/commun/bg_content_left.gif) no-repeat;
}

#search {
	position:relative;
}

.clearer {
	clear:both;
	height:1px; /*plus sûr que 0 pour IE5.5*/
	overflow:hidden;
}

/*Zones latérales*/
#side {
	background:none;
}

#side .map {
	margin:0 8px 8px 8px; padding:74px 2px 2px 2px; border:1px solid #d7d7c8;
	width:220px;
	background:url(/imagerie/reservation/map.gif) no-repeat 2px 2px;
}

#side .map a {
	display:block;
	padding:0.5em 3px 0.5em 15px;
	background:url(/imagerie/commun/fleche_item.gif) no-repeat 5px 0.9em; color:#876e46;
	font-weight:bold;
}

/*Zone centrale (formulaires)*/
#main .intro {
	margin-bottom:-2em;
}

#main p {
	text-align:left;
}

/*formulaires*/
#main #search .js-select a {
	text-decoration:none;
}

#main form, #main fieldset, #main legend {
	margin:0; padding:0; border:0;
	font-size:10px;
}

#main fieldset {
	padding-bottom:1em;
}

.meilleur-prix-form #main fieldset {
	padding-bottom:1.5em;
}

#main legend span {
	display:block;
	padding-bottom:0.5em;
	font-weight:bold;
}

#main select, #main input, #main textarea {
	float:left;
	margin:0; border:1px solid #b9af9b;
	width:135px;
	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;
}

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

#main select {
	width:145px;
}

#main .field {
	float:left;
	padding:0.5em 0;
	width:210px;
}

#main label {
	float:left;
	margin-right:5px; padding-top:1px;
}

#main .submit input {
	float:right;
	margin:0.5em 0 0 0; padding:0; border:0;
	width:auto;
}

/*Fieldset / legend / blocs (règles spécifiques)*/
#main fieldset.destination {
	border-bottom:1px solid #d7d7c8;
}

#main fieldset.facultatif {
	padding-bottom:0;
	border-bottom:1px solid #d7d7c8;
}

#main fieldset.facultatif legend span {
	padding-top:0.5em;
}

#main fieldset.dates {
	float:left;
	/*width:217px;*/
		width:227px;

}

#main .start {
	float:left;
	width:164px;
}

#main .nights {
	float:right;
	width:61px;
}

#main .card {
	float:right;
	padding:1.5em 0 1em 0;
	width:215px;
}

#main div.destinations .field {
	float:left;
	padding-right:7px;
	width:105px;
}

#main .destination .ville {
	width:auto;
}

#main .destination p {clear:both;}

/*Fieldset / légendes*/
#main fieldset {padding-bottom:1em;}

#main legend span {
	display:block;
	padding-bottom:0.5em;
	font-weight:bold;
}

#main fieldset.destination {border-bottom:1px solid #d7d7c8;}

#main fieldset.facultatif {
	padding-bottom:0;
	border-bottom:1px solid #d7d7c8;
}

#main fieldset.facultatif legend span {padding-top:0.5em;}

#main div.categorie, #main div.zip, #main div.etat {
	float:right;
	width:230px;
}

.fr .lieu #main div.field, .fr .adresse #main div.field {width:200px;}
.fr .lieu #main div.categorie, .fr .lieu #main div.zip, .fr .lieu #main div.etat,
.fr .adresse #main div.categorie, .fr .adresse #main div.zip, .fr .adresse #main div.etat {width:240px;}

/*Labels (règles spécifiques)*/
#main div.ville label {
	width:235px;
}

#main div.destinations label {
	margin:0;
	cursor: pointer;
}

#main fieldset.facultatif label {
	padding-top:0;
}

#main fieldset.dates label {
	float:none;
}

#main div.card label {
	margin:0;
	width:190px;
}

#main fieldset.lieu label, #main fieldset.adresse label {width:60px;}
#main fieldset.lieu .categorie label, #main fieldset.lieu .etat label, #main fieldset.adresse .etat label {width:80px;}
#main fieldset.lieu .zip label, #main fieldset.adresse .zip label {width:95px;}

.fr #main fieldset.lieu label, .fr #main fieldset.adresse label {width:50px;}
.fr #main fieldset.lieu .categorie label, .fr #main fieldset.lieu .etat label, .fr #main fieldset.adresse .etat label {width:90px;}
.fr #main fieldset.lieu .zip label, .fr #main fieldset.adresse .zip label {width:105px;}

/*Champs (règles spécifiques)*/
#main input#empty, #main input#destination, #main div.destinations .field input {
	border:0;
	background:none;
}

#main input#checkboxAvantage {
	border:0;
	width:auto;
	background:none;
}

#main input#hotel_ou_ville {
	float:right;
	width:170px;
}

#main input#empty, #main input#destination, #main .destinations input {
	width:auto;
	margin:1px 3px 0 0; padding:0; border:0;
}

#main input#GC_zip {
	width:120px;
}

#main #jour_arrivee, #main #mois_arrivee, #main #nb_nuit {
	margin-right:2px;
	width:20px;
}

#main #annee_arrivee {
	width:35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#search .js-radio {
	float:left;

}

#search .field .js-radio {
	margin-top:-14px;
}

#search .destinations .field .js-radio {
	margin-top:0px;
}

#search .field .left2 {
	margin-left:7px;
}

#search .ville .js-radio {
	margin-top:0px;
}

#search .js-radio a {
	display:block;
	margin-right:2px;
	width:13px; height:13px;
	background:url(/imagerie/commun/bg_form_radio_off.gif) no-repeat 0 3px;
}

#search .js-radio a.checked {
	background:url(/imagerie/commun/bg_form_radio_on.gif) no-repeat 0 3px;
}

#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 #jour_arrivee-rpl, #search #mois_arrivee-rpl, #search #annee_arrivee-rpl {
	float:left;
	margin-right:2px;
}

#search #jour_arrivee-rpl, #search #jour_arrivee-rpl .open-close, #search #jour_arrivee-rpl.js-select .current,
#search #mois_arrivee-rpl, #search #mois_arrivee-rpl .open-close, #search #mois_arrivee-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 {
	text-align:left;
}

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

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

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

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

#search #nb_nuit-rpl ol {
	left:-143px;
}
#search #nb_nuit-rpl ol.hidden {
	left:-10000px;
}

#search #jour_arrivee-rpl ol, #search #nb_nuit-rpl ol {
	width:178px;
}

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

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

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

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

#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*/
#search-error {
	padding:8px 0; border:1px solid #b91419;
	background:#fbfbf6; color:#291f1d;
	font-size:10px;
}

#search-error p {
	margin:0 8px 8px 8px;
}

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

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

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

/************************************/
/*Popup Infos SOF (sur couloir résa)*/
/************************************/
body.infos-sof {
	padding:10px;
	background:#fbfbf6; color:#291f1d;
}

body.infos-sof h1 {
	margin:0;
	text-align:center;
}

/************/
/*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 .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;
	text-align:center;
}

#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*/
/**********/
#main form .field:after, #main form .submit:after,  #main form .destinations:after, #main fieldset.facultatif:after, #main fieldset.lieu:after, #main fieldset.adresse:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}

#main form .destinations .field:after {
	clear:none;
	display:inline;
}
.clear{
	clear:both;
}