/************ 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%; }
body {font: normal 10px 'Arial'; color: #FFF; background:#333; margin: 0 auto; width: 100%; height: 100%; }
table{font-size: 11px;}
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: 95%; height: 200px; overflow:hidden; position:absolute; top: 0px;}

/******************************************/
/**************  TOP  *****************/
/******************************************/
#header{/*width: 980px;*/
	width: 100%;
	height: 90px;
	position: absolute;
	left: 50px;
	top: 0;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background: url(../images/fond-header.png) no-repeat -50px;
	
}

#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: 20px 0 0;
	color:#FFF;
	font: normal 38px Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
}
#header h1.logo{
	float: left;
	margin: 0 30px 0 0;
	width: 180px;
	text-align: center;
	height: 90px;
	overflow: hidden;
}
#header .header_droit{margin: 4px 0 0 0;}
.iconPartie{width: 16px;position: absolute; top: 4px; left: 16px;}
.iconPartie ul li{list-style-type: none; float: left; display: inline; text-align: center; margin: 2px 0; padding:0px;}
.iconPartie ul{margin: 0px; padding: 0px;}

#header #menu { margin-top: -5px;}
#header #menu li { float: left; margin: 5px; padding-right: 5px; border-right: 1px solid #FFFFFF;}

#header #menu a { color: #FFFFFF; text-decoration: none; text-transform:uppercase; font-weight: bold;}

#fondTop{width: 49px; height: 178px; position: absolute; top: 0; left: 0;background: #CCC; /*TRANSPARENCE filter:alpha(opacity=70);	-moz-opacity:0.70;	-khtml-opacity: 0.70;	opacity: 0.70;*/}
/* fond du LOGO */
#fondContent{width: 180px; background: #000; height: 0px; margin-bottom: 1px;}

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



#content{ color:#333; width: 210px; position: absolute; left: 50px; top: 90px; z-index: 5; height: auto; overflow:auto;}
#content #nav{width: 160px; background: #999; margin-bottom: 1px; padding: 10px; background: url(../images/fond-trans.png);}
#content #nav ul{margin-left: 5px;}
#content #nav ul li a{
	color: #333;
	background:url(../images/puce_nav.gif) left center no-repeat;
	padding: 0 0 0 20px;
	font: normal 11px/17px "Trebuchet MS", Arial;
	font-weight:bold;
	text-transform: uppercase;
}

#content #reservation {
	width: 160px;
	padding: 10px;
	margin-bottom: 1px;
	background: url(../images/fond-trans.png);
}

#content #reservation h3 {
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: -10px;
	margin-top: -10px;
}

#content #reservation input {
	margin: 8px 0;
	line-height: 30px;
}

#content #reservation input[type="text"], #content #reservation select {
	width: 70px;
	height: 20px;
	margin-right: 5px;
	line-height: 20px;
}

#content #reservation a img {
	border: none;	
}

#content #all_offres{width: 160px; margin-bottom: 1px; padding: 10px; background: url(../images/fond-trans.png);}
#content #all_offres ul li{color:#333; 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;}
#content #all_offres ul li span{text-align: right; float: right;}

#content #txtContent{width: 160px; margin-left: 0;margin-bottom: 1px;}
#content #txtContent a{color: #903;}


#contentPartie{position: fixed; right: 470px; bottom: 104px; padding: 0px; z-index: 2; }
#contentPartie span{display: inline-block; background: #854765; color: #ffffff; float: left; margin-right: 1px; height: 28px; overflow: hidden;}

.presentation{
	font-family: "Trebuchet MS", Arial;
	width: 427px;
	position: fixed;
	bottom: 90px;
	right: 20px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom:0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.presentation h2{font-size: 24px;}
.presentation p{
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	text-align: justify;
	
}

.presentation 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{height: 100%; width: 100%;}
/******************************************/
/**************  CONTACT  *****************/
/******************************************/
/***** CONTACT *****/

#contact {
	padding:15px;
	background: url(../images/fond-pres3.png);
	position:absolute;
	right:20px;
	top:120px;
}

#contact_right {float:right;
width:280px;
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:#990033;}

#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;
	}

	
#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:#EFEFEF;
	color: #666;
	font-family: NobileRegular, Verdana,  Geneva, sans-serif;
	border:1px solid #FFF;
	}

#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 #FFF;
	background:#EFEFEF;
}


#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:#EFEFEF;
	color:#666; 
	float:right; 
	display:block; 
	font-size:14px; 
	height:26px; 
	padding:3px 10px 0 10px; 
	width:120px;
	border:1px solid #FFF;
	margin-left:10px;
	}
	
#icaptcha:focus {
	background:#FFF;
}

#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: #080;
	}

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


#reserver {
	width: 70px;
	margin: 0;
	line-height: 30px;
	height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	background: url(../images/btn_form_resa.png) no-repeat;
	border: none;
	font-weight: normal;
}
/******************************************/
/**************  LOCALISATION  *****************/
/******************************************/
.maps{ position:absolute;  top: 110px; bottom: 60px; left: 260px; right:380px;  z-index: 2; margin:auto; padding:auto;  }
.maps1{margin:auto; padding:auto; width:100%; height:480px;}
.right-col{width: 362px; height: 200px; position: absolute; top: 110px; right: 20px;  z-index:2;}
.right-col .bottom_right{
	width: 342px;
	height: 120px;
	background: #333;
	position: absolute;
	padding: 10px;
	margin: 1px 0 0 0;
	 overflow-y: auto;
	 overflow-x: none;
}
.right-col .bottom_right p{font-size: 11px; color: #CCC; margin: 0px;}
.right-col .bottom_right span{color: #ffffff;}
/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer{ position: fixed; bottom: 0px; width: 100%;  left: 0px;  text-align: center; padding: 0px 0px 7px 0px; font-size: 10px; font-family: Arial, Helvetica, sans-serif;  z-index: 2; background: #b5aea6; }

#footer p{text-transform: uppercase; margin-bottom: 0px; padding: 0px; text-align: center; font-size: 9px; color:#666; font-weight: normal;}
#footer p a { color: #666; }



#nouveau {
	background: url(../images/fond-trans.png);
	padding: 10px;
	position: absolute;
	top: 110px;
	font-size: 11px;
	right: 20px;
	width: 260px;
	border: 2px solid #b5aea6;
}


/***** 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.png) 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.png) 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;}