body {
	margin:0; padding:0;
	font:11px/1.4 Verdana, Arial, Helvetica, sans-serif;
}

/*******************/
/*Règles génériques*/
/*******************/
#page h1, #page h2, #page h3, #page h4, #page h5 {
	margin:0; padding:0;
	font-size:11px;
}
#page ul,#page dl {
	margin:0; padding:0;
	list-style:none;
}

/****************en tete*******************/
#bandeau_cr { margin-bottom: 5px; margin-left: 30px;}
#themes { 
	padding:0;
	width:900px;
	margin:4px auto;
	position:relative;
}
#themes ul { margin: 0; padding: 0;width:258px;/*float: left; */}
#themes li { margin: 0 ;padding: 0;}

#themes h2 { background: #7fa2d3 ; 
	
	border-bottom: 1px solid white ;
}
#themes h2 a {
	padding:0 18px; 
	text-decoration: none;
	display: block; 
	min-height: 19px; 
	_height: 19px;
	line-height:19px; color: white;
}
#themes h2 a:hover {
	text-decoration: underline;
	background: #5f8ac6 ;
}
#themes li.on h2 {
	background: #5f8ac6 url(/imagerie/reservation/bg_title_on.gif) no-repeat scroll -58px 50%;
}
#themes li.on h2 a { 
/* image  #5f8ac6  */
	background: transparent url(/imagerie/reservation/bg_title_on.gif) no-repeat scroll 200px 50%;
	
}
#themes #photo { height: 119px; width: 642px; position: absolute; left: 258px}

.map {
	height:543px;
	width:900px;
}

#body { position: relative; }
#main-content { 
	margin-left: 263px; 
	min-height: 344px; 
	height: auto;
	_height: 344px;
	border: 1px solid #6a92c9;
	background: transparent url(/imagerie/reservation/main-bg.gif) repeat-x left top;
/*	overflow: hidden; zoom: 1;*/
	padding-left: 9px;
	padding-right: 9px;
	position: relative;
}
.clear { clear:both;}
#main-content h2 {
	text-indent: -9999px;  
	height: 24px; margin-bottom:18px; 
/*	background: url(../images/reservation/h2-destination.gif) no-repeat top left; */
}
#banner { 
	position: absolute; top: 0; left: 16px; 
/*	border: 1px solid #6a92c9;*/
}

#bannerto { 
	position: absolute; top: 153px; left: -3px; 
	padding-bottom:10px;
}

/*  ----- contenus : trajet, mots-cles ----- */

#main-content h3 { color: #3872a7; margin-bottom:14px; margin-top: 5px;}
#main-content .depart, #main-content .arrivee { width: 48% ; float: left; }

#main-content p { margin-top: 0 ; margin-bottom:6px;}
#main-content p.oblig { position: absolute; left: 9px ; top: 319px; }
#main-content .champ { margin-bottom:22px; }
#main-content .court { margin-bottom:1px; }
#main-content label { 
	font-weight: normal ; font-size:11px;
	display:block;
	float:left;
}
#main-content .depart label, #main-content .arrivee label { width: 30%; }
#main-content .depart input, #main-content .arrivee input, 
#main-content .depart select, #main-content .arrivee select { width: 60%; margin: 0; padding: 0; font-size:11px;}

#main-content input.keywordsearch { width: 70%; font-size:11px;}
/* ------------- recherche par destination ------------- */
.label_ko {color:#b30000; font-weight: bold: margin-bottom: 5px;}
#main-content .text { width: 45% ; float: left; }
#main-content .or { width: 4% ; float: left; }
#main-content #bookingEngine #dest label, #carte-fidelite label{ float: none; margin-bottom:5px;}
#carte-fidelite-more, #code-pref { position: relative; }

#date_date_date, .nights , #depart { zoom: 1 ;overflow: hidden;}
#main-content .nights label  { margin-right: 10px; }
#date_date_date label , #depart label { width: 100px;}
input#arrivee { position: relative; top: -4px ;}
fieldset#dates-sejour { position: relative;  _padding-top: 10px}
span.date { padding-left:3px; }
#date_date_date, .nights ,  #page fieldset#code-pref, #page fieldset#carte-fidelite, #contrat {margin: 10px 0}
#page fieldset#code-pref, #contrat { padding-bottom: 3px; }
#carte-fidelite label, #code-pref label, #contrat label {float: none; }
#carte-fidelite input.checkbox, #code-pref input.checkbox, #contrat input.checkbox { position: relative; _top: -3px}
#main-content .droit {
	float: right; 
	width: 280px; 
	left:329px;
}


#carte-fidelite-num-more , 			#code-pref-more { 
	position: absolute; top:0; 
	right: 30px; 
	text-align: right ;
	overflow: hidden; zoom: 1;
}
div#carte-fidelite-num-more { _right:55px;} /* décalage inexplicable de 25px ... */
#carte-fidelite-num-more label, #code-pref-more label { display: inline; }
#carte-fidelite-num-more input, #code-pref-more input { margin-left:5px; float: right; }

#main-content .big { width: 55%; }

#hotel_ou_ville, #type_carte_fidelite  { width: 220px;}
#carte-fidelite-num-more input, #code-pref-more input { width: 180px;}
#hotel_ou_ville_select { width: 220px; }
.pl div { z-index:99999;}

.update {z-index: 2;}
#date_date_date, #porteur_carte, #code_preferentiel, #checkboxContrat {z-index: 0;}


/* ---- mots cles ---- */
#iframe-googlebox {width:100%;}
/* --- bouton --- */

#page h4.bt {
	width: 115px;
	height:20px;
	text-align:center;
	
	font-size:13px;
	font-weight:bold;
	color:#fff;
	
}
#page h4.bas {
	position: absolute; right: 30px; top: 308px;
}
#page h4.droite {
	float: right; margin-right: 50px;
	_margin-right: 25px;
}
#page h4.bt a { 	
	background:transparent url(/imagerie/reservation/bg-bt115.gif) no-repeat center top;
	color: white; text-decoration: none; display: block; 
	height:18px;
	padding-bottom: 2px;
}
#page h4.bt a:hover { 	
		background:transparent url(/imagerie/reservation/bg-bt115.gif) no-repeat center bottom;
		
}
#eraser { 
	margin-bottom:7px;
}

/**** Tooltip ***/

div.tooltip {
	border: 1px solid #04daf0;
	background-color: #fff;
	background-image: none;
	color: #666; padding: 2px 5px;
}
a.tooltip {
	cursor: help; 
}
div.tooltip {
	position: absolute;
	z-index: 3; bottom: 0; left: 10px;
}

.update {z-index: 2;}
#date_date_date, #porteur_carte, #code_preferentiel, #checkboxContrat {z-index: 0;}

.footer_ref {
	margin-left: 263px;
	text-align: center;
	color: #4491BB ;
}
 .footer_ref a {
	color: #4491BB ;
}

/*redefinition style/font spécifique ZH*/
.zh #main-content label {font-size:12px;}
.zh body{font-size:13px;}
.zh #main-content input.keywordsearch {font-size:12px;}
.zh .footer_ref { font-size:11px;}