body {
	margin:0; padding:0;
	background:#fff url(../imagerie/commun/bg_body.gif) no-repeat -10px 151px; color:#315d95;
	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 p, #page address {margin:1em 0;}

#page ul {
	margin:0; padding:0;
	list-style:none;
}

/*Formulaires*/
#page form, #page fieldset, .text input, .submit input {margin:0; padding:0; border:0;}
#page input, #page select, #page textarea {font:9px Verdana, Arial, Helvetica, sans-serif;}
.text input, .date input, .nights input {
	padding:1px 2px; border:1px solid #b54d6f;
	background:#f6e0e9; color:#325e95;
}
.box label, .box input {
	float:left;
	margin:0;
}
.box input {margin-right:5px;}
.select select, .date select, .nights select {
	padding:1px; border:1px solid #325e95;
	color:#325e95;
}

/*Liens et images*/
a img {border:0;}

a {
	outline:0;
	color:#315d95;
	text-decoration:none;
}
a:hover {text-decoration:underline;}

/*Masquer*/
#page .hide {display:none;}
#page .hidden {position:absolute; left:-10000px;}

/*Clearer*/
.clearer {
	clear:both;
	height:1px; /*plus sûr que 0 pour IE5.5*/
	overflow:hidden;
}

/********/
/*Header*/
/********/
#header {
	position:relative; z-index:1;
	margin-left:40px;
	width:900px; height:100px;
}

/*Logo*/
#logo {position:absolute; top:16px; left:-10px;}
#logo h1, #logo a, #logo img {display:block;}
	
/*Banner OAS*/
.oas-topright {
	position:absolute; top:70px; 
	left:600px;	 
	float:right;
 }
/*Recherche par mots-clés*/
#keywords-search {
	position:absolute; top:41px; left:400px;
	width:400px;
}

#keywords-search label {
	float:left;
	overflow:hidden;
	margin-right:5px; padding-top:16px;
	width:77px; height:0;
}

#keywords-search .text input {
	float:left;
	margin-right:5px;
	width:272px;
}

#keywords-search .submit {float:left;}
#keywords-search .submit input {margin-top:-2px;}





/****************/
/*Menu principal*/
/****************/
#main-menu {
	position:relative;
	margin-left:30px;
	width:920px; height:52px;
}

#main-menu li {
	position:relative;
	float:left;
	margin-left:-20px;;
}
#main-menu li.rechercher, #main-menu .submenu li {margin:0;}

#main-menu a, #main-menu img {display:block;}

#main-menu .submenu {
	position:absolute; top:32px; left:-10000px;
	padding-left:10px;
	width:910px;
	height:20px;
	background:url(../imagerie/commun/bg_submenu_red.gif) no-repeat;
}

#main-menu .submenu li {position:relative;}

#main-menu .subsubmenu {
	position:absolute; top:20px; left:-10000px; z-index:1;
	border:1px solid #6e96d5; border-width:0 0 1px 1px;
	width:25em;
	background:#fff;
}

#main-menu .subsubmenu li {
	float:none;
	display:block;
	border:1px solid #eee; border-width:1px 1px 0 1px;
}

#main-menu .subsubmenu li a {
	padding:1px 10px 2px 15px;
	background:url(../imagerie/commun/bullet.gif) no-repeat 5px .8em;
}

#main-menu .submenu.active {left:0;}
#main-menu .subsubmenu.on {left:-1px;}
#main-menu #rechercherReserver .subsubmenu.on {left:0;}

/******************/
/*Zone d'ouverture*/
/******************/
#overture {
	margin-left:40px; padding:5px 0;
	width:900px;
}

/*Moteur*/
#booking-search {
	position:relative;
	float:left;
	width:258px; height:309px;
	background:#7c0d34 url(../imagerie/commun/bg_downloadbox.jpg) no-repeat ;
	font-size:10px;
	overflow:hidden;
}

/*Bloc de contenus*/

#booking-search .content {
	font-family: Verdana;
	font-size: 12px;
	color: white;
	padding: 18px 17px 18px 17px;
}

#booking-search .content .center{
	padding-left: 5px;
}
	
#booking-search .moteur .content li {
	color: white;
	display:block;
	padding-left:10px;
	background:url(../imagerie/commun/bullet_white.gif) no-repeat 0 0.6em;}

#booking-search .off .content {display:none;}


/*Titres principaux*/
#booking-search h1 {
		font-size: 1.2em; text-indent: -9999px;
		height:21px;
}
#booking-search h1.de {	background: white url(../de/images/commun/tit_trouvez.gif) no-repeat left top;		}


#booking-search h2 {
	height: 24px;
	text-indent: -9999px;
	background:transparent url(../de/images/home/titles/aclicktoaccor.gif) no-repeat;
}

#booking-search h2 a {
	position:relative;
	display:block;
	margin:-2px -20px; padding:2px 20px;
	color:#fff;
}
#booking-search h2 a:hover {
	background:url(../imagerie/commun/bg_title_booking_over.gif) repeat-x;
	text-decoration:none;
}

#booking-search .on h2 a, #booking-search .on h2 a:hover {background:url(../imagerie/commun/bg_title_booking_on.gif) no-repeat 0 50%;}

#booking-search h3 {
	margin-top: 1.2em !important;
	font-size: 12px;
}

/*Listes*/
#booking-search ul {padding:5px 0;}

#booking-search li a {
	display:block;
	border-bottom:1px solid #bccbea;
	min-height:29px;
}
#booking-search li a:hover {
	border-color:#adbacc;
	text-decoration:none;
}

#booking-search li a span {
	display:block;
	padding:7px 5px 2px 45px;
}




/*Deco*/
#booking-search .deco {
	position:absolute; top:297px; left:0;
	width:258px; height:12px;
	background:url(../imagerie/commun/bg_booking_end.png) no-repeat;
}

/*Formulaire*/
#booking-search form {padding:3px 5px 2px 9px;}

#booking-search .label_ko {color:#b30000;}
#booking-search form h3 {margin-top:.3em;}

#booking-search fieldset.optional {
	padding:0 5px 3px; border:1px solid #5b81cb; border-width:0 1px 1px;
	background:#b4c8e9 url(../imagerie/commun/bg_booking_optional.jpg) repeat-x;
}

#booking-search .text input, 
#booking-search .date input, 
#booking-search .nights input {
	padding:2px; border-color:#5b81cb;
	background:#fff;
}
#booking-search input.nolabel_ko, #booking-search select.nolabel_ko {border-color:#b30000;}

#booking-search .date input, 
#booking-search .date select {
	float:left;
	margin-right:4px;
}

#booking-search .nights input {float:right; }

#booking-search .date label, #booking-search .nights label {
	display:block;
	padding-bottom:.1em;
}

#booking-search .date a {
	float:right;
	margin-top:1px;
}

#booking-search .date {
	float:left;
	width:145px;
}
#booking-search .date input#arrivee {
	width:100px;
}

#booking-search .nights {
	float:right;
	width:81px;
	text-align:left;
}

#booking-search #meilleur-prix {
	margin:6px 0 7px 0px;
}
.clear_inner_floats {
	overflow: hidden;
	zoom: 1;
}
#booking-search #meilleur-prix a, #booking-search #meilleur-prix a img {display:block;}

#booking-search .box .okok {
	float:right;
	margin-right:0;
	padding-top:4px;
	padding-bottom:2px;
	
}
#booking-search .submit input {float:right;}

fieldset#dates-sejour {padding-bottom:.3em;}
fieldset#carte-fidelite{padding:6px 0 3px 0;}
fieldset#code-pref {padding-bottom: 5px ;}

#carte-fidelite-more {padding-top:3px; /*height: 50px;border: 1px solid red;*/}
#carte-fidelite-more .text {padding-top:3px;}
#carte-fidelite-more.off {padding-top:0px;}
#carte-fidelite-more.off .text {padding-top:0px;}

#carte-fidelite-more .select, #carte-fidelite-more .text {width:236px;}
#code-pref .box {
	float:left;
	margin-top:2px;
}
#code-pref-more {
	float:right;
	width:106px;
}
#carte-fidelite-more.off, #code-pref-more.off {opacity:.5;}

fieldset.mandatory #hotel_ou_ville {margin-top:3px; width:200px;margin-bottom: 3px}
input#jour_arrivee, input#mois_arrivee, input#nb_nuit {width:34px;}
input#annee_arrivee {width:54px;}
input#num_carte_fidelite {width:169px;margin-bottom:3px;}
input#code_avantage {width:100px; position: absolute; right: 12px;}

select#jour_arrivee, select#mois_arrivee, select#nb_nuit {width:43px;}
select#annee_arrivee {width:57px;}
select#type_carte_fidelite {width:175px;}

/*************/
/*Nos marques*/
/*************/
#nos-marques {
	margin-left:40px;
	width:900px;
	font:13px/28px Arial, Verdana, Helvetica, sans-serif;
}

#nos-marques h2, #nos-marques li, #nos-marques a {float:left;}

#nos-marques h2 a {
	overflow:hidden;
	padding-top:29px;
	width:114px; height:0;
}

#nos-marques ul {
	float:right;
	width:785px;
}

/*
#nos-marques li {padding:0 .2em;}
#nos-marques li a {padding:0 .25em;}
*/
#nos-marques li {padding:0 .1em; }
#nos-marques li a {padding:0 .19em;}

#nos-marques li a:hover {
	color:#01377d;
	background:#ebeff5;
	text-decoration:none;
}

/********/
/*Footer*/
/********/
#footer {
	padding: 1em 0 0 40px;
	background:url(../imagerie/commun/bg_footer.gif) repeat-x; color:#9ba7b7;
	font:12px Arial, Verdana, Helvetica, sans-serif;
}

#footer .oas-bottomright {
	margin-top:8px;
	margin-bottom:20px;
	width:900px;
	text-align:center;
}

#footer p {
	margin-bottom:0;
	width:900px;
	text-align:center;
}

#footer ul {
	padding:0 0 .5em;
	width:900px;
	text-align:center;
}

#footer li {
	display:inline;
	padding:0 .4em 0 .1em;
	background:url(../imagerie/commun/bg_footer_general.gif) no-repeat 100% 65%;
}
#footer .hotels li {background-image:url(../imagerie/commun/bg_footer_hotels.gif);}
#footer li.last {background:none;}

#footer li.rss a {
	padding-right:15px;
	background:url(../imagerie/commun/pictos/rss.gif) no-repeat 100% 45%;
}

#footer img {vertical-align:bottom;}

#footer .general, #footer .general a {color:#657890;}

#footer .hotels {padding-top:2em;}
#footer .hotels, #footer .hotels a {color:#9ba7b7;}

/***************/
/*Corps de page*/
/***************/
#body {
	margin-left:40px; padding-bottom:50px;
	width:900px;
}

/*Paragraphes spéciaux*/
.legal {font-size:10px;}

/*Liens spéciaux*/
.more {
	min-height:29px;
	background:url(../imagerie/home/bg_link_more.gif) no-repeat 100% 0;
	font-weight:bold;
	text-align:right;
}

.more a {
	display:block;
	padding-right:26px;
	line-height:28px;
}

/***************/
/*Auto-clearing*/
/***************/
#main-menu:after, #overture:after, #booking-search fieldset:after, #booking-search form:after, #carte-fidelite .box:after, #nos-marques:after, #main:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}
