/************ A GARDER EN L'ÉTAT ************/
*{margin: 0; padding: 0;}
ul{list-style-type: none; color: #a49d91;}
li{margin-left: 10px; color: #a49d91;}
a img{border: 0;}
a:active, a:focus, input, object{ outline:none;}
html {font-size: 100%;}
.clear{clear: both; height: 1px;}
.centre{text-align: center;}
.img_gauche {float: left; display: inline; margin: 0 5px 5px 0;}
.img_droite {float: right; display: inline; margin: 0 0 5px 5px;} 
textarea{ overflow:auto; }
/************ A PERSONNALISER ************/
html { height: 100%; margin:0; padding:0;}
body {font: normal 10px 'Arial'; color: #FFF; background:#333; margin: 0; padding:0; width: 100%; height: 100%; }
table{font-size: 11px;}
a{color: #666; text-decoration: none;}
a:hover {text-decoration: underline;}
h1{font: bold 28px 'Arial'; margin-bottom: 10px; color:#272727 ; }
h2{font: normal 18px 'Arial'; margin-bottom: 6px; color:#272727 ;}
h3{font: bold 13px 'Arial'; margin-bottom: 8px;}
/*h4 {padding-top: 7px; text-align: center; font: normal 14px Arial; letter-spacing: -1px;}*/
h5 {font: bold 11px 'Verdana'; color: #0f2348; margin-bottom: 5px; letter-spacing: -0.6px;}
p {margin-bottom: 10px; text-align: left; font-size: 11px;}
.color {color: #f10000;}
.hr{font-size: 1px; height: 10px; border-bottom: 1px solid #f10000; margin: 0 0 10px;}
.asterisque{font-style: italic; font-size: 9px;} 
/* Formulaires */
.bouton{display: block; color: #fff; background-color: #f10000; font: bold 11px 'Trebuchet MS'; line-height: 20px; width: 160px; height: 20px; border-width: 0; text-align: center; cursor: pointer;}
input, select{margin-bottom:0px !important; margin-bottom:-2px !important; z-index: 0;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color: #666; border: 1px solid #8fabc4; z-index: -1;}
input[type="checkbox"], input[type="radio"] {border-width: 0;}
.row{clear: both; margin-bottom: 5px;} 
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color: #f00;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}
.row_chk{padding: 0; clear: both; margin-bottom: 3px; position: relative;}
.row_chk input{border: 0;}
.row_chk label{float: none; display: inline; margin: 0; padding: 0; cursor: pointer; top: 0; left: 16px;}
.row_are{clear: both; margin-bottom: 3px;}
.row_are label{display: block;}
.row_are textarea{width: 210px; margin-top: 2px;}
.row_rad {clear: both; margin-bottom: 5px;}
.row_rad .label{float: left; width: 145px; text-align: right;}
.row_rad .rad {margin-left: 150px; margin-bottom: 1px;}
.row_rad .rad input{vertical-align: middle; border: 0;}
.row_rad .rad label{float: none; display: inline; margin: 0; padding: 0; cursor: pointer;}
.row_bt {margin-left: 150px; clear: both; margin-bottom: 5px;} 

/*******GLOBAL***/
#global{ margin: 0 auto; height: 100%; position: relative; overflow: hidden; width: 100%;}

#page{width: 100%; height: 105px; overflow:hidden; position:absolute; top: 0px;}

/******************************************/
/**************  TOP  *****************/
/******************************************/
#header{/*width: 980px;*/width: 100%; height: 80px; position: absolute; left: 50px; top: 0; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  }

#header #menu {
	margin-left:2px;
}

#menu .ss-menu-link {
	float: left;
	margin:0;
	border-left: 1px solid #000;/*3f3f3f*/
	/*border-bottom: 1px solid #000;*/
	/*border-top:1px solid #666;*/
	height:26px; 
	/*background:url(../images/btn_menu.png) repeat-x;*/
}

#menu li.no_border {border-left:none;}

#menu .ss-menu-link .ss-menu {position:absolute;
background:#4e4d4d;
z-index:10;
border-bottom:1px solid #666;
padding-left:5px;
padding-right:5px;
height:26px;
background:url(../images/btn_menu.png) repeat-x;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-top-right-radius:3px;
}

#menu .ss-menu-link .ss-menu li {float:left; margin:0;}


#menu .ss-menu-link a {
	text-decoration: none;
	color:#FFF;
	font-size:12px;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	height:16px;
	text-transform:uppercase;
}

.link_p {border-left:1px solid #333;}

#menu .ss-menu-link .ss-menu li a {padding-left:5px;
padding-right:5px;}			

#header .header_droit a{color:#999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 0 2px; margin-top:5px;}
#header h1.titre{
	margin: 12px 0 0;
	color:#CCC;
	font: normal 32px "Helvetica Neue", Helvetica, Arial;
	letter-spacing: -0.05em;
}
#header h1.logo{float: left; margin: 0 30px 0 20px; width: 226px; background: #000; text-align: center; height: 105px; overflow: hidden;}
#header .header_droit{margin: 4px 0 0 0;}
#header .iconPartie{width: 16px;position: absolute; top: 4px; left: -32px;}
#header .iconPartie ul li{list-style-type: none; float: left; display: inline; margin: 1px 0; padding:0px;}
#header .iconPartie ul{margin: 0px; padding: 0px;}

#header sup { font-size: 12px; }	

#fondTop{width: 100%; height: 105px; position: absolute; top: 0; left: 0;background: #000; /*TRANSPARENCE*/ filter:alpha(opacity=50);	-moz-opacity:0.50;	-khtml-opacity: 0.50;	opacity: 0.50;}
/* fond du LOGO */
#fondContent{width: 226px; background: #000; height: 0px; margin-bottom: 1px;}

/** *** FIN TOP 615d56 *******/



#content{ color:#FFF; width: 243px; position: absolute; left: 70px; top: 105px; z-index: 5;  overflow:visible; }
#content #nav{width: 206px; background:#000; margin-bottom: 1px; padding: 16px 10px; background: url(../images/fond-trans.png);}
#content #nav ul{margin-left: 40px;}
#content #nav ul li a{
	color: #FFF;
	background:url(../images/puce_nav.gif) left center no-repeat;
	padding: 0 0 0 28px;
	font: 13px/17px "Trebuchet MS", Arial;
	text-transform: uppercase;
}

#content #all_offres{width: 199px; margin-top:1px; margin-bottom: 1px; padding: 30px 12px 16px 16px; background: url(../images/fond-trans.png);}


#content #all_offres ul li{color:#FFF; font-size: 10px; margin-left: 0px; border-bottom:#999 1px solid; padding: 2px 0; clear: both;}
#content #all_offres ul li.dernier{border: none;}
#content #all_offres ul li label{float: left; clear: right; font-size:13px;}
#content #all_offres ul li span{text-align: right; float: right; font-size:14px;}

#content #all_offres .promos {
	font-size: 13px;	
}
#content #all_offres .promos strong {
	font-size: 16px;	
}

#all_offres h2 {color:#FFF; font-size:14px; text-align:left;}

#content #txtContent{
	width: 194px;
	margin-bottom: 1px;
	padding: 20px 16px;
	background: url(../images/fond-trans.png);
	font-weight: bold;
}
#content #txtContent a{color: #FFF;}


#contentPartie{padding: 0px; z-index: 2; width:227px; }
#contentPartie span{ background: #854765; color: #ffffff; float: left; margin-right: 1px; height: 28px; overflow: hidden;}
#contentPartie .reservation{
	display:inline-block;
	background:none;
	padding:0px;
	height:30px; 
	width:226px
}

#contentPartie .reservation a.resa_btn {display:block; height:31px; width:226px ;
background:url(../images/btn_resa.png) no-repeat; }
#contentPartie .reservation a.resa_btn:hover {display:block; height:31px; width:226px ;
background:url(../images/btn_resa.png) no-repeat 0px -31px; }



#contentPartie .reservation input.date{color: #ffffff; background: #615d56; border: none; width: 86px; padding: 0 2px 0 3px; margin: 2px 0px 0 0; background: url(../images/date.gif) bottom right no-repeat; text-align: left; cursor: pointer;}
#contentPartie .reservation input.nbr_nuit{border: 1px solid #beb9af; background: #84817b; color: #ffffff;}
#contentPartie .reservation input.reserver{padding: 0 0 0 7px; border: none; vertical-align: middle;}
#contentPartie .reservation label{color: #ffffff; font-size: 10px; padding: 3px 5px 0 6px;}
#contentPartie .reservation input#rate{border: 1px solid #beb9af; background: #84817b; color: #ffffff; width: 58px;}
/*#contentPartie .reservation *{float: left;}*/
/*#content #contentPartie #reservation{width: 420px; padding-left: 10px;}
.advance-link img{width: 1480px; vertical-align: top; margin-top: -12px;}*/
.presentation{
	width: 427px;
	background: url(../images/fond-trans.png);
	position: fixed !important;
	position:absolute;
	bottom: 100px;
	right: 20px;
	padding: 12px 16px;
	z-index:10;
}

.presentation_bienetre{
	width: 280px;
	background: url(../images/fond-trans.png);
	position: fixed !important;
	position:absolute;
	top: 125px;
	right: 20px;
	padding: 12px 16px;
	z-index:10;
}

.presentation h2, .presentation h1, .presentation_bienetre h2{color: #ffffff; font-size: 18px; font-weight: bold;}
.presentation p, .presentation_bienetre p{color: #FFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px;}
.presentation a, .presentation_bienetre a{color: #FFF; text-decoration:underline;}

.advance-link, advance-link img{cursor: default; z-index: 0; }
.advance-link img{margin-top: -14px; margin-top: 0px;}

#slideshow{position: absolute; top: 0; left: 0; right: 0; bottom: 30px;}
/******************************************/
/**************  CONTACT  *****************/
/******************************************/
/***** CONTACT *****/

#contact {
	padding:15px;
	background: url(../images/fond_pres2.png);
	position:absolute;
	right:20px;
	top:120px;
	border:1px solid #FFF;
}

#contact_right {float:right;
width:280px;
border-left:1px solid #000;
padding-left:15px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#contact_right h1 {font-size:15px;
color:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;}

#contact_right h1 span {font-style:italic;}

#contact p {margin:0;}

#contact h2 {font-size:18px; color:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;}

#contact h2 strong {color:#00c3d5;}

#mentions_legales {
	padding:10px 10px 10px 0px;
	}

.box_contact_content {
	float:left; 
	width:201px; 
	text-align:left;  
	height:300px;
	padding:0 30px;
	background:url(../images/fond_contact_copyright.png) no-repeat;
	}

.padding2 {
	padding:20px 20px 50px 0px;
	}

.border_right_left {
	padding:20px 50px 50px 50px;
	}

#box_contact_content_formulaire {
	font-size:14px; 
	line-height:18px; 
	width:250px; 
	text-align:left;
	float:left;
	padding-right:15px;
	border-right:1px solid #2b2929;
	}

	
#box_contact_content_formulaire .content_bx_form_left {height:34px;
overflow:hidden;
margin-top:5px;
margin-bottom:5px;}
#box_contact_content_formulaire div img{float:left;
}

.content_message {height:73px;
overflow:hidden;
margin-bottom:10px;
}

#box_contact_content_formulaire div textarea { 
    height: 48px;
    overflow-y: auto;
    resize: none;
	padding:10px 10px 10px 5px;
	border: 0;
    overflow: auto;
	outline:0 none;
	width:195px;
    font-size: 12px;
    font-weight: normal;
	margin-top:1px;
	margin-bottom:10px;
	background:#353535;
	color: #666;
	font-family: NobileRegular, Verdana,  Geneva, sans-serif;
	border:1px solid #000;
	}

#box_contact_content_formulaire div input[type=text].bx_form_left {
	font-size:12px; 
	height:20px; 
	margin:0; 
	color: #666;
	padding:6px 10px 4px 5px;
	margin-top:1px;
	width:195px;
	float:left;
	border:0;
	border:1px solid #000;
	background:#353535;
}


#box_contact_content_formulaire select.select_form_right {
	font-size:12px; 
	height:25px; 
	margin-bottom:10px; 
	padding:5px;
	width:245px;
	float:right;
	border:0;
	border:1px solid #000;
	background:#e6e6e6;
	color: #666;
}

#box_contact_content_formulaire select.select_form_left {
	font-size:12px; 
	height:28px; 
	margin:0; 
	color: #666;
	padding:3px 10px 0 5px; 
	margin-bottom:10px; 
	width:245px;
	float:left;
	border:0;
	border:1px solid #FFF;
	background:#e6e6e6;
}

#box_contact_content_formulaire div #envoi {
	float:right; 
	background:url(../images/fond_btn_send.png) no-repeat;
	height:32px; 
	width:107px; 
	border:none; 
	font-size:14px;
	color:#01454b;
	text-shadow:0px 1px #e5e5e5;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
	margin-top:10px;
	}

.content_captcha {width:100%;
height:35px;
text-align:right;
}

.content_captcha h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
margin-top:7px;
}
.content_send {clear:both; width:100%;}
.box_contact_content ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
.box_contact_content a {
	color:#999;
	}
	

.box_contact_content ul li {
	margin:0;
	}

#contact h2 {
	color: #FFF;
	font-weight:normal;
	margin:0;
	}

#close_contact {
	position:absolute; 
	right:0; 
	top:0;
	}

#icaptcha {
	background:#353535;
	color:#666; 
	float:right; 
	display:block; 
	font-size:14px; 
	height:26px; 
	padding:3px 10px 0 10px; 
	width:120px;
	border:1px solid #00;
	margin-left:10px;
	}

#box_contact_content_formulaire form #img_captcha {
	height:30px;
	float:none;
	}

#reponse_text {
	padding-bottom:12px;
	}

#reponse_text div.erreur {
	color: #e83b1f;
	}

#reponse_text div.erreur img {
	margin-bottom:-4px;
	}

#reponse_text div.succes {
	color: #0C6;
	}

#reponse_text div.succes img {
	margin-bottom:-4px
	}

/******************************************/
/**************  LOCALISATION  *****************/
/******************************************/
.maps{ position:absolute;  top: 125px; bottom: 202px; left: 296px; right:22px;  z-index: 2;  }
.map{ position:absolute; height:100%; width:100%;  z-index: 2; display:block;}
.maps1{margin:auto; padding:auto; width:100%; height:380px; }
.right-col{  position: absolute; bottom: 50px; left: 295px; padding:15px; z-index:2; right:20px; background:url(../images/fond_pres2.png); }
.right-col h1 {font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
font-style:italic;
font-size:16px;}
.right-col p{font-size:14px;}
.right-col p a {color:#FFF;
font-weight:bold;

}
/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer{color: #d0cfcd; position: absolute; bottom: 0%; width: 100%; position: fixed; left: 0px; text-align: center; text-align: center; padding: 0px 0px 4px 0px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 0px;}
#fondFooter{width: 100%; height: 30px; position: absolute; bottom:0px; left: 0px; background: #000; z-index: 0; /*TRANSPARENCE*/ filter:alpha(opacity=80);	-moz-opacity:0.80;	-khtml-opacity: 0.80;	opacity: 0.80;}
#footer p{
	width: 1000px;
	position: absolute;
	left: 50%;
	bottom:0px !important;
	bottom:40px;
	margin-left: -500px;
	color:#656565;
	padding: 0px;
	text-align: center;
	font-size: 9px;
	height: 10px;
	line-height:10px;
	text-transform: uppercase;
}

/**************  Lien *****************/
a.grena:link, a.grena:visited {color:#FFF; text-decoration:underline;}


#resa_a {float:left;  font-size:12px; line-height:14px; margin:0 7px;}
#resa_d {float:left;  font-size:12px; line-height:14px;}

#reservation {padding:10px 0; background: url(../images/fond-trans.png);}

#reservation h3 {padding:3px 0; font-weight:normal; margin:0;}

#reservation input[type=text] {padding:5px 12px; font-size:12px;}

#reservation input[type=submit] {padding:0 2px; font-size:12px; float:right; margin:22px 8px 0 0; background:#4A271A; font-size:18px; border:1px solid #FFF; color:#FFF; cursor:pointer;}



/* MS SCROLLER */
/* content block 1 */
#presentation2 {position:absolute; margin:0 0 0 40px; width:400px; height:350px; padding:20px; background:url(../images/fond_pres2.png); right:20px; bottom:100px; border:1px solid #CCC;}
presentation2 img {border:0;}
#presentation2 .customScrollBox{position:relative; height:100%; overflow:hidden;}
#presentation2 .customScrollBox .container{position:relative; width:340px; top:0; float:left;}
#presentation2 .customScrollBox .content{clear:both;}
#presentation2 .customScrollBox .content h1 {padding:0 5px; margin:10px 0; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif;font-size:18px; font-style:italic; color:#FFF;}
#presentation2 .customScrollBox .content h2 {padding:15px 5px 0 5px; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; font-style:italic; color:#FFF;}
#presentation2 .customScrollBox .content p{padding:0 5px; color:#CCC; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#presentation2 .customScrollBox .content p a{color:#FFF; text-decoration: underline;}
#presentation2 .dragger_container{position:absolute; width:2px; height:300px; top:25px; right:19px;; background:#666; cursor:pointer;}
#presentation2 .dragger{position:absolute; width:2px; height:60px; background:#FFF; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer;}
#presentation2 .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#FFF; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:s-resize;}
#presentation2 .scrollUpBtn,#presentation2 .scrollDownBtn{position:absolute; display:inline-block; width:16px; height:16px; margin-right:12px; text-decoration:none; right:0;}
#presentation2 .scrollUpBtn{top:0; background:url(../images/up.png) no-repeat;}
#presentation2 .scrollDownBtn{bottom:0;background:url(../images/down.png) no-repeat;}

/*---Actus---*/
#facebook {background:url(../images/fond_pres2.png);
padding:20px;
position:absolute;
top:130px;
right:60px;
}

#presentation2 .customScrollBox .content p a.btn {
	border: 1px solid #FFF;
	background:url(../images/btn_menu) repeat-x;
	text-decoration: none;
	color:#666;
	text-transform:uppercase;
	display:block;
	text-align:center;
	height:23px;
	padding-top:3px;
	margin:8px 0;
}

#presentation2 .customScrollBox .content p a.btn:hover {
	color:#000;
}

#btn_plan {background:url(../images/fond_plan_malo.png) no-repeat;
display:block;
width:331px; 
height:27px;
color:#666;
text-shadow:0 1px #FFF;
font-size:12px;
text-transform:uppercase;
padding-top:17px;
padding-left:55px;
text-decoration:none;
float:left;
}

#btn_plan:hover {color:#000;}

#plan2 {float:right; margin-left:20px;}

#btn_plan2 {float:right; font-size:10px; margin-top:8px;}






/***** MASQUE PROMO *****/
#masque_promo {width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(../images/fond_opacity85.png);
z-index:300;
}

#promo {width:674px;
left:50%;
margin-left:-338px;
position:absolute;
margin-top:-250px;
top:50%;}

#promo_top {height:44px;
background:url(../images/promo_top.png) no-repeat;
}

#promo_middle {background:url(../images/promo_middle.png) repeat-y;
}

#logo_promo {float:left;
margin-left:50px;}

#promo_middle h1 { font-family: 'RalewayThin', arial, serif;
font-weight:normal;
color:#4e4e4e;
display:inline-block;
margin-top:26px;
font-size:24px;
}

#promo_middle h2 { font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#4e4e4e;
font-weight:normal;
display:inline-block;
padding-top:5px;
font-size:18px;
}

#bandeau_welcome {background:url(../images/bandeau_welcome_promo.png) no-repeat;
height:74px;
width:674px;
text-align:center;
}

#bandeau_welcome h2 {font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#b5b3b3;
display:inline-block;
font-size:16px;
padding-top:24px;
font-weight:normal;
}

#bandeau_welcome strong {color:#FFF;
}

#promo_offres {background:url(../images/promo_middle.png) repeat-y;
padding-left:50px;
padding-right:50px;
color:#585858;}

#promo_offres h2 {font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
display:inline-block;
font-size:18px;
font-weight:normal;
padding-bottom:8px;
}

#promo_offres ul {margin:0;
/*font-family: 'RalewayThin', arial, serif;*/
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
padding-bottom:15px;
}

#promo_offres ul li {border-bottom:1px solid #636363;
color:#585858;
padding-top:5px;
padding-bottom:5px;}

#promo_offres ul li span {font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;}

#promo_offres ul li strong {font-size:14px;
font-family: Verdana, Geneva, sans-serif;
color:#666;}

#promo_bottom {height:60px;
background:url(../images/promo_bottom.png) no-repeat;
}

#nav_promo {height:42px;
position:absolute;
bottom:0;
width:674px;
margin-top:-30px;
}

#go_site, #go_resa {background:url(../images/btn_nav_promo) no-repeat;
width:217px;
height:32px;
display:block;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
font-size:18px;
font-style:italic;
text-decoration:none;
padding-top:10px;
}

#go_site:hover, #go_resa:hover {background:url(../images/btn_nav_promo) 0 -42px no-repeat;
}

#go_site {float:left; margin-left:100px;}
#go_resa {float:right; margin-right:100px;}

#close_promo {height:26px;
width:26px;
position:absolute;
top:38px;
right:40px;
background:url(../images/close_promo.png) no-repeat;
display:block;
}

#close_promo:hover {background:url(../images/close_promo.png) 0 -26px no-repeat;}