@charset "utf-8";
* { margin:0; padding:0; border:0 none; }
body { background:url(../images/background.jpg) no-repeat top center #d5b076; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#6c6b53; }
body.jour {background:url(../images/background-jour.jpg) no-repeat top center #d5b076;}
body.nuit {background:url(../images/background.jpg) no-repeat top center #d5b076;}
body.bodyoffrir { background:url(../images/fond-offrir.jpg) no-repeat top center #000; }
body.bodybienetre { background:url(../images/bien-etre/fond-bien-etre.jpg) no-repeat top center #000; }
body.bodymusique { background:url(../images/background-musique2.jpg) no-repeat top center #000; }
h1 { display:none; }
h2 { font-size:16px; float:left; width:710px; padding:5px 0 5px 20px; background:#fff; }
body.bodyAccueil h2 { background:none; }
h3 { font-size:14px; }
a { text-decoration:none; color:#6c6b53; }
img { border:0px; }
a:hover { text-decoration:underline; }
#conteneur { margin:0 auto; width:980px; }
body.bodyAccueil #conteneur { margin:0 auto; width:980px; }
body.bodyinter #conteneur { margin:0 auto; width:980px; }

.back { background:#fff; width:980px; } 

#flags { float:right; width:980px; text-align:right; margin-top:10px; }
#flags ul { list-style:none; margin-right:50px; }
#flags ul li { display:inline; margin:0 0 0 10px; }
#intro { float:left; width:780px; padding:0 100px 0 100px; }

#header { float:left; width:980px; height:30px; background:url('../images/content-top.png') no-repeat 0 0; padding-top:28px; }
/*body.bodyoffrir #header { background:url('../images/haut-offrir.png') no-repeat; }
body.bodybienetre #header { background:url('../images/haut-offrir.png') no-repeat; }*/
h3 { font-size:11px; line-height:30px; background:#fff; }
.flags { float:left; width:128px; padding:5px; text-align:center; background:#fff; }
.player {float:left; width:240px; padding:5px; text-align:right; background:#fff; }

#filariane { float:left; width:960px; font-size:10px; padding:5px 0px 20px 20px; background:#fff; }
#filariane a { color:#6c6b53; font-style:italic; }

#inter { float:left; width:980px; background-color:#fff; }

.h3presse { float:right; width:140px; margin:20px 0 0 0; padding:0; }


/* CHAMBRES */
body.bodychambres #inter { width:940px; padding: 20px; }
body.bodyoffrir #inter { /*background-color: red;*/ }
body.bodychambres #inter p { width:900px; text-align: justify; margin:0px 20px 5px 20px; font-size: .80em; }
body.bodychambres h3 { font-size:1em; line-height:30px; background:#fff; margin-top:15px; }

.bouton_resa { color: maroon; }
.bouton_dispo { color:#3e4839;  }

.logo { float:left; width:101px; padding-left:10px; padding-right:10px; background:#fff; }

#title { float:left; width:667px; padding-right:10px; margin-bottom:20px; background:#fff; }
#title a { font-size:16px; color:#d5b076; font-style:italic; }

.photo-index { float:left; width:380px; text-align:center; margin-bottom:20px; background:#fff; }
.texte-index { float:right; padding-right:20px; width:398px; background:#fff; }
h4 { font-size:14px; line-height:25px; }
p.actus { margin-bottom:10px; font-size:11px; }
p.actus a { color:#d5b076; font-style:italic; }

.encadre-index { float:left; width:778px; background-color:#ebcb98; padding:10px; }
.photos-index { float:left; width:660px; }
.labels { float:right; width:118px; text-align:center; }

.grillons { float:left; width:798px; text-align:center; background-color:#ebcb98; font-size:11px; }

#footer { background:#d5b076; float:left; font-size:11px; width:835px; }
#footer a { color:#fff; }
.footer-left { float:left; width:450px; color:#fff; }
.footer-right { float:right; width:348px; text-align:right; color:#fff; }
.footer-right a { color:#fff; }
.footer-left2 { float:left; width:350px; color:#fff; }
.footer-right2 { float:right; width:448px; text-align:right; color:#fff; }
.footer-right2 a { color:#fff; }


body.bodyinter #footer, body.bodychambres #footer { background:#d5b076; float:left; font-size:11px; width:980px; background:url('../images/content-bottom.png') no-repeat; padding-top:28px; margin-top:0; }
/*body.bodyoffrir #footer { background:url('../images/bas-offrir.png') no-repeat; }
body.bodybienetre #footer { background:url('../images/bas-offrir.png') no-repeat; }*/
body.bodyinter p.photos-chambres { float:left; width:798px; margin-top:20px; margin-bottom:20px; font-size:12px; height:132px; }
body.bodyinter p.ptarifs { float:left; width:798px; margin-top:10px; margin-bottom:10px; font-size:12px; }
body.bodyinter img.chambres { float:left; margin-right:20px; }
body.bodyinter .divchambres { float:left; margin-right:20px; font-size:12px; width:187px; }
.txt-14 { font-size:14px; }
body.bodyinter h3 { font-size:16px; float:left; width:758px; }

#content-logos { float:left; width:980px; margin-bottom:30px; }

#logos { float:left; width:950px; margin-top:180px; text-align:center; padding-left:30px; height:120px }
.chc {float:left; width:265px; margin-right:25px;}
.musique {float:left; width:365px; margin-right:25px;}
.facebook {float:left; width:270px;}
.musique-texte {float:left; font-size:12px;width:365px; margin-top:10px; }
#logos div img { border:0 none; }
#logos .musique-texte img {
	float:right;
	margin-left:10px;
}
#logos .musique-player{
	float:left;
	width: 365px;
	height: 70px;
}



#logos2 { float:right; width:685px; margin-left:55px; margin-right:20px; margin-top: 20px; }
#logos2 div { float:left; width:175px; font-size:11px; color:#fff; text-align:center; padding-top:30px; }
#logos2 div img { border:0 none; }

#offre { float:left; width:980px; height:205px; background: url(../images/back-offres.png) no-repeat 0 0; }
#offre p { clear:both; float:left; width:480px; color:#000; font-size:11px; padding:10px; margin-bottom:10px; }
#offre .h2offre { float:left; font-size:18px; color:#6C6B53; width:980px; padding:0; padding-bottom:10px; margin:0; }
#offre .h2offre2 { float:left; font-size:18px; color:#fff; width:500px; padding:0; padding-bottom:10px; margin:20px 0 0 0; }
#offre .h3offre { float:left; font-size:12px; color:#fff; background:#6c6b53; width:145px; padding:0 0 0 5px; margin:0 5px 0 0; }
#offre .h3offre a { color:#fff; text-decoration:none; }
#offre img { float:left; margin-right:10px; border:0 none; }

.h2index { float:none; background:none; color:#fff; margin:0; padding:0; font-style:italic; font-size:22px; font-weight:none; }
.pindex { font-size:11px; color:#fff; padding:0; margin:0; }
.pindex a { color:#fff; }
#footerindex { margin:0 auto; font-size:11px; width:798px; padding-top:0px; color:#fff; }

#menu { float:left; height:50px; text-align:center; font-size:11px; width:980px; margin-top:10px; }
#menu ul { margin:0; padding:0; list-style:none; }
#menu ul li { display:block; float:left; }
#menu ul li a { text-decoration:none; }
#menu ul li a:hover { text-decoration:underline; }
body.bodyinter #menu, body.bodychambres #menu { height:100px; }

#navig { float:left; height:50px; text-align:center; width:980px; height:70px; font-size:11px; background:url(../images/back-navig.gif) no-repeat 0 0 #fff; }
#navig ul { margin:0 0 0 50px; padding:0; list-style:none; }
#navig ul li {
display:block;
float:left;
width:95px;
height:50px;
margin:0 3px 0 3px;
padding-top: 15px;
}
#navig ul li a {
color:#fff;
font-size:14px;
display: block;
float:left;
width:90px;
height:40px;
}
#navig ul li a { text-decoration:none; }
#navig ul li a:hover { text-decoration:underline; }

body.bodypagehote #navig ul li.bouton-hote a { background-color:#BFBFB3; color:#fff; }
body.bodypagedouc #navig ul li.bouton-douc a { background-color:#BFBFB3; color:#fff; }
body.bodypagecham #navig ul li.bouton-cham a { background-color:#BFBFB3; color:#fff; }
body.bodypagesoin #navig ul li.bouton-soin a { background-color:#BFBFB3; color:#fff; }
body.bodypagegers #navig ul li.bouton-gers a { background-color:#BFBFB3; color:#fff; }
body.bodypageoffr #navig ul li.bouton-offr a { background-color:#BFBFB3; color:#fff; }
body.bodypagemusi #navig ul li.bouton-musi a { background-color:#BFBFB3; color:#fff; }
body.bodypageactu #navig ul li.bouton-actu a { background-color:#BFBFB3; color:#fff; }

body.bodyAccueil #navig {
width:980px;
margin-top: 40px;
margin-bottom:40px;
width:980px;
background: url(../images/back-menu.png) no-repeat 0 0;
padding-top:0;
}
body.bodyAccueil #navig ul { margin:0; padding:0; list-style:none; }
body.bodyAccueil #navig ul li {
display:block;
float:left;
width:95px;
height:50px;
margin:15px 3px 0 3px;
background:url(../images/barre-menu.gif) no-repeat right center;
padding-right:10px;
padding-top: 0px;
}
body.bodyAccueil #navig ul li a {
color:#fff;
font-size:16px;
display: block;
float:left;
width:95px;
height:50px;
}
body.bodyAccueil #navig ul li.bouton-resa {
background:none;
width:73px;
}
body.bodyAccueil #navig ul li.bouton-resa a {
color:#6C6B53;
width:73px;
}
body.bodyAccueil #navig ul li.bouton-actu {
background:none;
width:85px;
}
#navig ul li.bouton-musi a {
padding-top:10px;
}

.presse { /*float:right; width:150px; height:400px; overflow:auto;*/ }
.presse p { margin-bottom:10px; }
.presse ul { margin:0; padding:0; list-style:none; float:left;}
.presse ul li { display:block; float:left; margin-right:5px; height:150px; }

#blocktoscroll {
overflow:hidden;
width:758px;
height:100px;
text-align:justify;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#blocktoscroll a {
text-decoration:none;
}
#blocktoscroll a:hover {
text-decoration:underline;
}

#form { width:758px; padding:20px; font-size:12px; }
#form label { display: inline; float: left; width:120px; margin-left: 75px; }
input,textarea { border:#000 1px solid; }

#liens { float:left; width:758px; padding:20px; }
#liens p { float:left; width:369px; font-size:0.8em; height:100px; padding-left:10px; }
#liens img { float:left; border:none; margin-right:10px; }

#promos, #promos2 { list-style: none; margin:0 auto; padding: 0; width:900px; }
#promos li, #promos2 li { width:150px; float:left; color:#000; font-size:11px; /*background-color:#fff;*/ margin-right:5px; }

#imagevue {
   float:left; padding-left:49px; padding-top:22px; min-height:580px; _height: 580px; width:749px;
}
.rouge{
color:maroon;
}
.bigtexte {
font-size:18px;
}

#inter .actus {
width:940px; padding:20px; float:left;
}

body.bodyinter .actus h3 {
width:940px; float:left;
}