/* CSS Document */
body {
	position:relative;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	background:#543420;	
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul,ol ,li{
	list-style-type:none;
}
p {
	font-size:12px;
	color:#fff;
}
a {
	text-decoration:none;
	color:#fff;
}
a:active, a:focus{
   outline:none;
}
a.petit{
font-size:10px;
color:#ff6500;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
div#global{
	position:relative;
	width:850px;
	margin:58px auto 0 auto;
	z-index:1;
}
div#global h1#logo img{
position:absolute;
left:256px;
top:282px;
z-index:900;
}
div#global div#flash{
position:absolute;
left:0px;
top:0px;
width:100%;
height:600px;
z-index:10;
}
div#global div#flash img{
display:none;
}
div#global div#menu_accueil{
position:absolute;
left:0px;
top:420px;
width:100%;
height:50px;
background:#000;
display:block;
z-index:999;
}
div#global div#menu_accueil ul{
float:left;
display:inline;
margin:18px 0 0 254px;
}
div#global div#menu_accueil ul li{
float:left;
}
div#global div#menu_accueil ul li h2 a{
float:left;
font-size:10px;
font-weight:400;
border-left:1px solid #ff6500;
padding:0 10px 0 10px ;
}
div#global div#menu_accueil ul li.premier h2 a{
border-left:none;
padding:0 10px 0 0;
}
div#global div#menu_accueil ul li h2 a:hover{
color:#f7cc00;
}

div#entete{
float:left;
width:100%;
height:50px;
position:relative;
background:#000;
}
div#entete ul.menu_princ{
float:left;
display:inline;
margin:22px 0 0 17px;
}
div#entete ul.menu_princ li{
float:left;
}
div#entete ul.menu_princ li h2{
float:left;
}
div#entete ul.menu_princ li h2 a{
float:left;
font-size:10px;
padding:0 7px 0 7px;
border-right:1px solid #ff6500;
font-weight:400;
}
div#entete ul.menu_princ li.dernier h2 a{
border:none;
}
div#entete ul.menu_princ li h2 a.menu_actif{
color:#666666;
}
div#entete ul.menu_princ li h2 a:hover{
color:#ff6500;
}
div#entete ul.menu2_entete{
float:right;
height:30px;
margin:22px 17px 0 0;
display:inline;
}
div#entete ul.menu2_entete li{
float:left;
}
div#entete ul.menu2_entete li h2{
float:left;
}
div#entete ul.menu2_entete li h2 a{
float:left;
font-size:11px;
font-weight:400;
display:inline;
padding:0 9px 0 9px;
border-right:1px solid #ffffff;
color:#ff6500;
}
div#entete ul.menu2_entete li.dernier h2 a{
border:none;
}
div#entete ul.menu2_entete li h2 a:hover{
color:#fff;
}

/*--------------------------------------------GENERAL-----------------------------------------------*/
span.gris{
color:#666666;
}
span.orange,
a.orange,
h3.orange{
color:#ff6500;
}
span.droit{
position:absolute;
top:0px;
right:0px;
text-align:right;
}
.titre_menu{
float:left;
position:relative;
font-size:10px;
color:#fff;
font-weight:400;
width:100%;
line-height:27px;
background:url(../images/bordure.gif) repeat-x bottom left;
text-align:left;
}
h6.btn_lien a{
float:left;
color:#ff6500;
font-size:11px;
cursor:pointer;
font-weight:400;
text-decoration:underline;
}
h6.btn_lien_absolute_bas a{
position:absolute;
top:496px;
right:20px;
}
h6.btn_lien_droit{
float:right;
}
p.para_fin{
font-size:10px;
}
/*-------------------------------------------- CORPS -----------------------------------------------*/
div.corps{
float:left;
position:relative;
width:100%;
height:600px;
}
div.corps p.point_carte{
	position:absolute;
	z-index:9999;
	top:243px;
	left:395px;
}
div.corps div.bloc_fonds img{
position:absolute;
top:0px;
left:0px;
	-moz-opacity: 0.00;
	opacity:.0;
	filter: alpha(opacity=0);
}
div.corps div.bloc_fonds img#img_first{
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
}
div.corps div.menu_int{
position:absolute;
top:25px;
left:25px;
width:200px;
}

div.corps div.menu_sec{
position:absolute;
top:25px;
left:250px;
}
div.corps div.menu_tro{
position:absolute;
top:25px;
left:505px;
}
div.corps div.menu_tro{
width:315px;
}
div.corps div.menu_int div.haut{
float:left;
position:relative;
width:100%;
height:20px;
background:#000;
}
div.corps div.menu_int div.haut_court{
position:absolute;
top:-10px;
left:-10px;
width:9px;
height:9px;
background:black;
display:none;
}
div.corps div.menu_int div.haut_court h6.fermer{
float:left;
margin:2px 0 0 2px;
width:6px;
height:6px;
background:url(../images/puces/fermer.gif) no-repeat top left;
}
div.corps div.menu_int div.haut_court h6.fermer:hover{
cursor:pointer;
}
div.corps div.menu_int div.haut h6.agrandir{
position:absolute;
right:20px;
top:7px;
background:url(../images/puces/agrandir.gif) no-repeat top left;
width:6px;
height:6px;
}
div.corps div.menu_int div.haut h6.agrandir:hover{
cursor:pointer;
background:url(../images/puces/agrandir2.gif) no-repeat top left;
}
div.corps div.menu_int div.haut h6.fermer{
position:absolute;
right:8px;
width:6px;
height:6px;
top:7px;
background:url(../images/puces/fermer.gif) no-repeat top left;
}
div.corps div.menu_int div.haut h6.fermer:hover{
cursor:pointer;
background:url(../images/puces/fermer2.gif) no-repeat top left;
}

div.corps div.menu_int div.menu {
float:left;
width:100%;
}
div.corps div.menu_int div.menu div.fond{
float:left;
width:100%;
height:530px;
background:#000;
position:relative;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
}
div.corps div.menu_int div.menu div.contenu{
position:absolute;
top:20px;
left:0px;
width:160px;
height:100px;
padding:10px 20px 0 20px;
}
div.corps div.menu_int_gd div.menu div.contenu{
	width:360px
}
div.corps div.menu_tro_gd div.menu div.contenu{
width:300px;
padding:0 0 0 10px;
font-size:10px;
}
div.corps div.menu_tro_gd div.menu div.fond{
height:550px;
}

div.corps div.menu_form div.menu div.contenu{
width:210px;
height:100px;
padding:0 0 0 10px;
}
div.corps div.menu_int div.menu div.contenu ul{
float:left;
width:100%;
}
div.corps div.menu_int div.menu div.contenu ul.liste_marge{
margin:20px 0 0 0;
}
div.corps div.menu_int div.menu div.contenu ul li{
float:left;
width:100%;
/*line-height:27px;*/
padding:8px 0;
background:url(../images/bordure.gif) repeat-x bottom left;
}
div.corps div.menu_int div.menu div.contenu ul li.simple{
font-size:10px;
color:#fff;
background:none;
}
div.corps div.menu_int div.menu div.contenu ul li#titre_sans_bord{
border:none;
}
/*---------------------PROMOTIONS-----------------------*/
div.corps div.promo{
	position:absolute;
	top:25px;
	left:240px;
	width:590px;
}
div.corps div.menu_int div.menu_promo div.contenu_promo{
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
	padding:0px;
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul{
	float:left;
	width:100%;
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul li{
	float:left;
	width:139px;
	height:102px;
	margin:0 0 0 6px;
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul li a{
	float:left;
	width:96%;
	padding:0 2% 0 2%;
	text-align:center;
	height:102px;
	display: table-cell;
	vertical-align:middle;
	font-family: 'Arimo', sans-serif;
	top:50%; 
	margin-top:-25px;	
	position:relative; 
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul li.promo1{
	background:url(../images/fonds/promo1.jpg) no-repeat top left;
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul li.promo2{
	background:url(../images/fonds/promo2.jpg) no-repeat top left;
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul li.promo3{
	background:url(../images/fonds/promo3.jpg) no-repeat top left;
}
div.corps div.menu_int div.menu_promo div.contenu_promo ul li.promo4{
	background:url(../images/fonds/promo4.jpg) no-repeat top left;
}
div.corps div.menu_int div.menu_promo div.contenu_promo div.bloc_promo{
	float:left;
	width:96%;
	padding:0 2%;
	margin:20px 0 0 0;
}
div.corps div.menu_int div.menu_promo div.contenu_promo h2.titre_promo{
	float:left;
	width:100%;
	font-size:16px;
	color:#fff;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	padding:0 0 10px 0;
	background:url(../images/bordure.gif) repeat-x bottom left;
}
div.corps div.menu_int div.menu_promo div.contenu_promo p.img{
	float:left;
	width:40%;
	margin:20px 0 0 0;
	border:1px solid #fff;
}
div.corps div.menu_int div.menu_promo div.contenu_promo p.img img{
	float:left;
	width:100%;
}
div.corps div.menu_int div.menu_promo div.contenu_promo div.desc{
	float:left;
	width:55%;
	margin:20px 0 0 4%;
	color:#fff !important;
	font-size:12px !important;
	font-family: Arial,Verdana, Helvetica, sans-serif !important;
	
}
div.corps div.menu_int div.menu div.contenu p{
float:left;
width:100%;
margin:20px 0 0 0;
line-height:18px;
}
div.corps div.menu_int div.menu div.contenu h6 a{
margin:12px 0 0 0;
}
div.corps div.menu_int div.menu div.contenu p.sous_titre_menu{
font-size:11px;
color:#fff;
}
div.corps div.menu_int div.menu div.contenu p.sans_marge{
font-size:11px;
color:#fff;
margin:0;
}
div.corps div.menu_int div.menu div.contenu ul li h3 a{
float:left;
color:#fff;
font-size:10px;
}
div.corps div.menu_int div.menu div.contenu ul li h3 a:hover,
div.corps div.menu_int div.menu div.contenu ul li h3 a.actif{
color:#ff6500;
}
div.corps div.menu_int div.menu div.contenu ul li h3.titre_liste,
div.corps div.menu_int div.menu div.contenu ul li h3.titre_liste a{
font-size:10px;
color:#ff6500;
font-weight:400;
}

/*-------------------------RESERVATIONS------------------------*/
div.corps  div.menu_form{
width:230px;
}
div.corps div.menu_form div.menu div.fond{
height:550px;
}
div.corps div.menu_form div.menu div.contenu{
width:210px;
height:100px;
padding:0 0 0 10px;
}
div.corps div.menu_form div.menu div.contenu p{
margin:0;
}
div.corps div.menu_form div.menu div.contenu p.mess_reservation{
float:left;
width:100%;
text-align:center;
margin:220px 0 0 0;
}

/*-------------------------CONTACT ------------------------*/
div.corps div.menu_protec_donnees{
width:400px;
position:absolute;
top:20px;
left:250px;
}
/*-------------------------TARIFS------------------------*/
div.corps  div.menu_tarifs{
width:350px;
top:20px;
left:20px;
}
div.corps div.menu_tarifs div.menu div.fond,
div.corps div.menu_tarifs2 div.menu div.fond,
div.corps div.menu_tarifs3 div.menu div.fond{
height:545px;
}
div.corps div.menu_tarifs div.menu div.contenu{
width:330px;
padding:0 10px 0 10px;
}
div.corps div.menu_tarifs div.menu div.contenu h3{
margin:0 0 12px 0;
}
div.corps div.menu_tarifs div.menu div.contenu h3 a:hover{
color:#ff6500;
}
div.corps div.menu_tarifs div.menu div.contenu table{
float:left;
width:100%;
margin:0 0 0 0;
}
div.corps div.menu_tarifs div.menu div.contenu table th{
font-size:11px;
font-weight:400;
color:#ff6500;
text-align:right;
line-height:20px;
}
div.corps div.menu_tarifs div.menu div.contenu table td{
font-size:11px;
font-weight:400;
color:#fff;
padding:0 0 0 2px;
border: 1px doted #fff;
border-width:0 1px 1px 0;
line-height:20px;
text-align:right;
}
div.corps div.menu_tarifs div.menu div.contenu table td a{
color:#ff6500;
}
div.corps div.menu_tarifs div.menu div.contenu table td a:hover{
color:#fff;
}
div.corps div.menu_tarifs div.menu div.contenu table td.chambre{
width:50%;
padding:0 6px 0 0;
text-align:left;
}
div.corps div.menu_tarifs div.menu div.contenu table tr.bordure td{
background:url(../images/bordure.gif) repeat-x top left;
}
div.corps div.menu_tarifs div.menu div.contenu table tr.bordure td.chambre{
background:none;
}
div.corps div.menu_tarifs_romantic{
width:140px;
position:absolute;
top:20px;
left:390px;
}
div.corps div.menu_tarifs_romantic div.menu div.contenu{
width:120px;
padding:0 10px 0 10px;
}
div.corps div.menu_tarifs_romantic div.menu div.contenu table td,
div.corps div.menu_tarifs_romantic div.menu div.contenu table th{
text-align:left;
}
div.corps div.menu_tarifs_romantic div.menu div.contenu p{
font-size:10px;
}
div.corps  div.menu_tarifs2{
width:280px;
position:absolute;
top:20px;
left:550px;
}
div.corps div.menu_tarifs2 div.menu div.contenu{
padding:0 10px 0 10px;
width:260px;
}

div.corps  div.menu_tarifs2 div.menu div.contenu div.chambre div{
float:left;
width:100%;
margin:0 0 8px 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.chambre div h3.titre_menu{
float:left;
width:100%;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.chambre div h5 img{
float:left;
width:100%;
margin:14px 0 0 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.chambre div p{
float:left;
width:100%;
margin:14px 0 0 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.chambre div h6 a{
float:left;
margin:14px 0 0 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.chambre p.para_fin{
margin:6px 0 0 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.resto h3{
float:left;
font-size:10px;
color:#fff;
font-weight:400;
width:100%;
line-height:27px;
background:url(../images/bordure.gif) repeat-x bottom left;
}
div.corps div.menu_tarifs2 div.menu div.contenu div.resto div p{
float:left;
width:100%;
margin:4px 0 4px 0;
}
div.corps div.menu_tarifs2 div.menu div.contenu div.resto div h6{
float:left;
width:100%;
}
div.corps div.menu_tarifs2 div.menu div.contenu div.resto div h6 a,
h6.lien_pdf a,
a.lien_pdf{
position:absolute;
top:515px;
right:10px;
font-weight:400;
display:block;
padding:0 0 0 20px; 
font-size:12px;
background:url(../images/puces/pdf.png) no-repeat top left;
color:#ff6500;
}
h6.lien_pdf a,
a.lien_pdf{
position:absolute;
top:478px;
right:20px;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.resto div.bloc_menu_resto{
float:left;
width:100%;
margin:10px 0 0 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.resto div.bloc_menu_resto ul{
float:left;
width:100%;
margin:6px 0 6px 0;
}
div.corps  div.menu_tarifs2 div.menu div.contenu div.resto div.bloc_menu_resto ul li{
border:none;
background:none;
font-size:11px;
color:#fff;
line-height:18px;
list-style-type:square;
list-style-position:inside;
}

div.corps  div.menu_int div.menu div.contenu div.extras p.espace_ligne,
div.corps  div.menu_int div.menu div.contenu div.extras h3.espace_ligne{
margin:0 0 8px 0;
}
div.corps  div.menu_int div.menu div.contenu div.extras p{
margin:0;
}
/*-------------------------------------------- BLOC TEXTE -----------------------------------------------*/

div.corps div.bloc_infos{
position:absolute;
top:25px;
left:250px;
width:600px;
}
div.corps div.bloc_infos div.bloc_contenu{
float:left;
width:100%;
display:none;
}
div.corps div.bloc_infos div.bloc_contenu h4 img{
float:left;
}
div.corps div.bloc_infos div.bloc_contenu div.details{
float:left;
position:relative;
width:566px;
height:225px;
margin:25px 0 0 0;
display:block;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.fond{
float:left;
width:100%;
height:225px;
background:#000;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
z-index:1;	
display:block;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont{
position:absolute;
top:0px;
left:0px;
width:526px;
padding:11px 20px 0 20px;
height:214px;
z-index:9998;
display:block;
}
div.corps div.bloc_infos div.bloc_contenu div.surreelle{
background:#291400;
}
div.corps div.bloc_infos div.bloc_contenu div.creus{
background:#393e3f;
}
div.corps div.bloc_infos div.bloc_contenu div.tramontane{
background:#002338;
}
div.corps div.bloc_infos div.bloc_contenu div.tortues{
background:#3f3322;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.photos{
float:left;
display:block;
width:210px;
margin:0 20px 0 0;
z-index:9999;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.photos h5 img{
float:left;
margin:0 3px 3px 0;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.photos h5 img:hover{
cursor:pointer;
	-moz-opacity: 0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.texte{
float:left;
width:290px;
display:block;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.texte h3{
float:left;
font-size:12px;
font-weight:400;
color:#fff;
width:100%;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.texte p{
float:left;
width:100%;
margin:10px 0 0 0;
line-height:18px;
}
div.corps div.bloc_infos div.bloc_contenu div.details div.details_cont div.texte h6 a{
position:absolute;
right:25px;
bottom:8px;
}
/*-------------------GENERAL------------------------*/

/*---------------------------------------- PIED -------------------------------------------------------*/
div#pied{
clear:both;
padding:25px 0 25px 0;
}
div#pied p{
float:left;
color:#330000;
width:100%;
text-align:center;
font-size:11px;
}
div#pied p a{
color:#330000;
}

/*----------------------------------------   FORMULAIRES    --------------------------------------------*/
div.formulaire {
	float:left;
	position:relative;
	width:100%;
	margin:0 0 3px 0;
	padding:0;	
}

div.formulaire p{
	float:left;
	width:200px;
	padding:0;
	margin:0;
}
div.formulaire p.label{
	width:100%;
	float:left;
	font-weight:400;
	font-size:10px;
	color:#fff;
}
div.formulaire p input.normal{
float:left;
width:98%;
padding:0;
margin:3px 0 0 0;
border:none;
background:#ff6500;
color:#fff;
}
div.formulaire textarea.normal{
float:left;
width:98%;
height:90px;
padding:0;
margin:3px 0 0 0;
border:none;
background:#ff6500;
color:#fff;
}


.submit{
float:right;
margin:14px 4px 0 0;
border:1px solid #fff;
color:#fff;
font-size:11px;
cursor:pointer;
background:#ff6500;
padding:2px 22px 2px 22px;
}

.mess,
.mess_err{
float:left;
width:100%;
border: 2px solid #fff;
margin:18px 0 18px 0;
color:#294666;
font-weight:700;
}
.mess_err{
display:none;
}
div.mess dt,
div.mess_petit dt,
div.mess_err dt{
	font-size:12px;
	margin:10px 20px 0 20px;
	font-weight:700;
	color:#fff;
}
div.mess p,
div.mess_petit p,
div.mess_err p{
	margin:10px 10px;
	font-size:12px;
	color:#fff;
	text-align:center;
}
div.mess a,
div.mess_err a{
	color:#000;
	text-decoration:underline;
}
div.mess ul,
div.mess_petit ul,
div.mess_err ul{
	margin:0 20px;
	list-style-type:square;
	list-style-position:inside;
}
div.mess ul li,
div.mess_petit ul li,
div.mess_err ul li{
	font-size:12px;
	color:#fff;
	list-style-type:square;
	list-style-position:inside;	
}