@charset "utf-8";
body {
	background-color: #525252;
	font-family:Arial, Helvetica, sans-serif;
}
h2{
font-size:14px;
color:#FFFFFF;
margin:0;
}
#conteneur {
width:1010px;
margin: 0 auto;
}
img{
border:none;
}
#total { 
float:left;
width:1010px;
}

#header {
width:970px;
height:145px;
margin:0 20px 40px 20px;
float:left;
background:url(../images/back-header.jpg) no-repeat 0 0;
}

body.bodyinterieur #header {
background:url(../images/back-header-interieur.jpg) no-repeat 0 0;
margin:0 20px 40px 20px;
padding:0
}


#totem{
width:235px;
height:700px;
background-color: #303030;
margin-right:10px;
margin-left:20px;
float:left;
text-align:left;
padding-top:30px;
background-color:#303030;
}

#totem-left{
width:235px;
height:670px;
margin-right:10px;
margin-left:20px;
float:left;
text-align:left;
padding-top:30px;
background-color:#303030;
}

body.bodyidee #totem-left {
background:url(../images/back-totem/back-totem-cadre.jpg) no-repeat 0 0 ;
}
body.bodyballade #totem-left {
background:url(../images/back-totem/back-totem-chambres.jpg) no-repeat 0 0 ;
}
body.bodyprelude #totem-left {
background:url(../images/back-totem/back-totem-chambres.jpg) no-repeat 0 0 ;
}
body.bodymelopee #totem-left {
background:url(../images/back-totem/back-totem-chambres.jpg) no-repeat 0 0 ;
}
body.bodycantate #totem-left {
background:url(../images/back-totem/back-totem-chambres.jpg) no-repeat 0 0 ;
}
body.bodychambres #totem-left {
background:url(../images/back-totem/back-totem-chambres.jpg) no-repeat 0 0 ;
}
body.bodypiscine #totem-left {
background:url(../images/back-totem/back-totem-piscine.jpg) no-repeat 0 0 ;
}
body.bodyactu #totem-left {
background:url(../images/back-totem/back-totem-actualites.jpg) no-repeat 0 0 ;
}
body.bodylivre #totem-left {
background:url(../images/back-totem/back-totem-livre-or.jpg) no-repeat 0 0 ;
}
body.bodytarifs #totem-left {
background:url(../images/back-totem/back-totem-tarifs.jpg) no-repeat 0 0 ;
}
body.bodyacces #totem-left {
background:url(../images/back-totem/back-totem-acces.jpg) no-repeat 0 0 ;
}

#totem-left ul {
list-style:none;
margin:0;
padding:0;
}

#totem-left ul li {
margin:20px 0px 20px 0px;
padding-left: 20px;
}

#totem-left ul li a {
color:#8b8e96;
text-decoration:none;
}

#totem-left ul li a:hover {
color:#fff6f6;
}

body.bodyacces #totem-left ul li.li-con a,
body.bodychambres #totem-left ul li.li-cha a,
body.bodypiscine #totem-left ul li.li-pis a,
body.bodyactu #totem-left ul li.li-act a,
body.bodyidee #totem-left ul li.li-ide a,
body.bodylivre #totem-left ul li.li-liv a,
body.bodytarifs #totem-left ul li.li-tar a{
color:#fff6f6;
}
body.bodysport #totem-left ul li.li-spo a,
body.bodytourisme #totem-left ul li.li-tou a{
color:#fff6f6;
}

body.bodyacces .menu-chambres,
body.bodypiscine .menu-chambres,
body.bodyactu .menu-chambres,
body.bodyidee .menu-chambres,
body.bodylivre .menu-chambres,
body.bodytarifs .menu-chambres,
body.bodysport .menu-chambres,
body.bodytourisme .menu-chambres,
body.bodyliens .menu-chambres,
body.bodymentions .menu-chambres,
body.bodyplan .menu-chambres,
body.bodycredits .menu-chambres{
display:none;
}
body.bodyacces .menu-tour,
body.bodypiscine .menu-tour,
body.bodychambres .menu-tour,
body.bodyidee .menu-tour,
body.bodylivre .menu-tour,
body.bodyballade .menu-tour,
body.bodycantate .menu-tour,
body.bodymelopee .menu-tour,
body.bodyprelude .menu-tour,
body.bodytarifs .menu-tour,
body.bodyliens .menu-tour,
body.bodymentions .menu-tour,
body.bodyplan .menu-tour,
body.bodycredits .menu-tour{
display:none;
}
/* MENU CHAMBRES */
body.bodychambres #totem-left ul li.li-cha,
body.bodyballade #totem-left ul li.li-cha,
body.bodycantate #totem-left ul li.li-cha,
body.bodyprelude #totem-left ul li.li-cha,
body.bodymelopee #totem-left ul li.li-cha{
margin:20px 0px 0px 0px;
}
body.bodyactu #totem-left ul li.li-act,
body.bodysport #totem-left ul li.li-act,
body.bodytourisme #totem-left ul li.li-act{
margin:20px 0px 0px 0px;
}
#totem-left .menu-chambres li{
margin:0px;
padding-left: 40px;
}
#totem-left .menu-tour li{
margin:0px;
padding-left: 40px;
}
body.bodyballade #totem-left ul li.li-bal a,
body.bodycantate #totem-left ul li.li-can a,
body.bodyprelude #totem-left ul li.li-pre a,
body.bodymelopee #totem-left ul li.li-mel a{
color:#fff6f6;
}
body.bodytourisme #totem-left ul li.li-tou a,
body.bodysport #totem-left ul li.li-spo a{
color:#fff6f6;
}
/* ---------------------------------------------------- */ 


/* PAGES CHAMBRES */
body.bodycantate #clipart ul,
body.bodyballade #clipart ul,
body.bodymelopee #clipart ul,
body.bodyprelude #clipart ul {
width:700px;
text-align:center;
float:left;
margin:0 0 20px 0;
padding:0;
}


body.bodycantate #clipart ul li,
body.bodyballade #clipart ul li,
body.bodymelopee #clipart ul li,
body.bodyprelude #clipart ul li {
list-style:none;
display:inline;
margin:0 5px 0 5px;
}
body.bodycantate #clipart ul li img,
body.bodyballade #clipart ul li img,
body.bodymelopee #clipart ul li img,
body.bodyprelude #clipart ul li img {
border:none;
}


#menu {
width:980px;
height:25px;
margin-bottom:40px;
text-align:center;
float:left;
font-size:15px;
}

#totem ul {
list-style:none;
margin:0;
padding:0;
}

#totem ul li {
margin:20px 0px 20px 0px;
padding-left: 20px
}

#totem ul li a {
color:#8b8e96;
text-decoration:none;
}

#totem ul li a:hover {
color:#fff6f6;
}

#logo {
width:235px;
height:115px;
/*background-color: #303030;*/
margin-right:15px;
float:left;
text-align:center;
padding-top:30px;
}

#tetiere {
width:720px;
height:50px;
float:right;
text-align:center;
padding-top:95px;
}
body.bodyinterieur #tetiere {
height:140px;
text-align:right;
padding:0;
margin:0;
}
#tetiere2 {
width:720px;
height:120px;
text-align:center;
}

#feuilles {
width:730px;
height:70px;
background-color: #303030;
margin-bottom:15px;
text-align:center;
padding-top:5px;
}

#titre {
width:730px;
height:47px;
background-color:#303030;
text-align:center;
padding-top:8px;
}

#titre-melopee{
float:right;
}

#menu {
width:980px;
height:25px;
margin-bottom:40px;
text-align:center;
float:left;
font-size:15px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu ul li {
display:inline;
margin:0 15px 0 15px;
}

#menu ul li a {
color:#8b8e96;
text-decoration:none;
}

#menu ul li a:hover {
color:#fff6f6;
}

#menu ul li a.blanc {
color:#fff;
}
.totem-left ul li a.blanc{
color:#fff;
}
footer.lien ul li a.blanc {
color:#fff;
}

#flash{
width:1010px;
height:470px;

float:left;
}

.flash{

}
#total-interieur{
width:980px;
height:415px;
margin-bottom:40px;
float:left;}

#flash-interieur{
width:720px;
float:right;
margin-top:0px;
margin-right:20px;
}

#image-chambre{
float:right;
margin:0;
padding:0;
}

#content{
width:980px;
margin-bottom:40px;
color:#8b8e96;
float:left;
padding-top:25px;
padding-left:25px;
}

#content p{
color:#FFFFFF;
text-align:justify;
font-size:12px;
}

#content-interieur{
width:710px;
max-height:700px;
margin-top:0px;
margin-bottom:40px;
color:#8b8e96;
float:left;
overflow:auto;
padding-left:10px;
}
body.bodyballade #content-interieur,
body.bodycantate #content-interieur,
body.bodymelopee #content-interieur,
body.bodyprelude #content-interieur{
overflow:hidden;
}

#clipart{
float:left;
}

#content-interieur p{
color:#FFFFFF;
text-align:justify;
font-size:12px;
}
body.bodyidee #content-interieur{
margin-bottom:5px;
margin-top:0px;
}
body.bodyidee #content-interieur img{
margin:0;
padding:0;
}
body.bodyidee #content-interieur p{
margin:0;
padding:0;
}


.coordonnees{
width:500px;
float:left;
margin:0;
padding:0;
color:#8B8E96;
}

.lien{
float:left;
width:400px;
}
/* - - - - - - - - - - - - - - - - - - -  - */
/* PAGE CADRE  */
.photo-cadre {
	float:left;
	width:200px;
	margin:0 60px 60px 0;
	text-align:center;
	padding:0;
	font-size:10px;
}
.photo-cadre2 {
float:left;
width:200px;
text-align:center;
margin:0 0 60px 0;
padding:0;
font-size:10px;
}
.photo-cadre img, .photo-cadre2 img {
border:none;
}
/* - - - - - - - - - - - - - - - - - - -  - */
/* PAGE CHAMBRES  */
.photos-chambres {
float:left;
width:350px;
height:350px;
margin:0px 20px 0px 0px;
text-align:center;
padding:0;
font-size:20px;
color:#FFFFFF;
}

.photos-chambres2 {
float:right;
width:350px;
height:350px;
text-align:center;
margin:00;
padding:0;
font-size:20px;
color:#FFFFFF;
}
.photos-chambres img, .photos-chambres2 img {
border:none;
}

/* FOOTER  */
#footer{
vertical-align:top;
width:990px;
height:100px;
float:left;
font-size:10px;
padding-top:25px;
padding-left:20px;
padding-right:20px;
}
#footer a {
color:#8B8E96;
text-decoration:none;
}
#footer a:hover {
color:#fff;
}

#footer ul {
list-style:none;
margin:0;
padding:0;
text-align:right;
}

#footer ul li {
display:inline;
margin:0 20px 0 20px;
}

#footer ul li a {
color:#8b8e96;
text-decoration:none;
}
#footer ul li a:hover {
color:#fff6f6;
}

/* TARIFS */
.tableau-tarifs {
width:700px;
background-color:#959494;
padding:5px;
}
.tableau-tarifs th {
font-size:12px;
color:#fff;
background-color:#303030;
}
.tableau-tarifs td {
text-align:center;
padding:5px;
}
.tableau-tarifs a img{
border:none;
}
/* page acces */
#map{
margin:0;
padding:0;
}
.plan{
margin:0;
padding:0;
float:left;
}
.plan p{
width:300px;
float:left;
}
body.bodyacces #content-interieur{
margin-top:0px;
padding:0;
}
body.bodyacces #content-interieur h2{
padding:0;
margin:0;
color:#FFFFFF;
font-size:12px;
}
.texte10{
font-size:10px;
}
.texte12{
font-size:12px;
color:#FFFFFF;
}
.texte10blanc{
font-size:10px;
color:#FFFFFF;
}
.lien-chambre-tarif a{
text-decoration:none;
color:#FFFFFF;
float:right;
}
.lien-chambre-tarif a:hover{
text-decoration:underline;
color:#FFFFFF;
}
.lien-chambre-tarif2 a{
text-decoration:none;
color:#FFFFFF;
}
.lien-chambre-tarif2 a:hover{
text-decoration:underline;
color:#FFFFFF;
}
h3{
text-decoration:none;
color:#FFFFFF;
font-size:12px;
}
/* plan site */
.plan-site a{
text-decoration:none;
color:#FFFFFF;
}
.plan-site a:hover{
text-decoration:underline;
color:#FFFFFF;
}

/* PAGES ACTIVITES LOISIRS */
body.bodyactu #content-interieur{
margin-right:20px;
width:715px;
padding-left:0;
margin-left:5px;
}
.divactivites {
width:580px;
float:left;
margin-bottom:20px;
margin-left:100px;
/*background-color:#666666;*/
}
.divactivites h2{
padding-top:30px;
}
.pactivites{
padding-top:40px;
width:180px;
float:left;
}
body.bodyactu #content-interieur a{
text-decoration:none;
color:#8b8e96;
margin:0;
padding:0;
}
body.bodyactu #content-interieur a:hover{
color:#fff6f6;
}
body.bodyactu #content-interieur img{
padding:0;
border:none;
margin-right:20px;
float:left;
}
body.bodyactu #content-interieur p{
margin:0;
padding:0;
}

/* PAGE SPORTS */
body.bodysport #content-interieur{
margin-right:20px;
width:715px;
padding-left:0;
margin-left:5px;
}
body.bodysport #content-interieur img{
padding:0;
border:none;
margin-right:20px;
float:left;
}
body.bodysport #content-interieur p{
float:left;
}

/* PAGE TOURISME */
body.bodytourisme #content-interieur{
margin-right:20px;
width:715px;
padding-left:0;
margin-left:5px;
}
body.bodytourisme #content-interieur img{
padding:0;
border:none;
margin-right:20px;
float:left;
}
body.bodytourisme #content-interieur p{
float:left;
}


body.bodyplan ul {
list-style:none;
margin:0;
padding:0;
}

body.bodyplan ul li {
margin:20px 0px 20px 0px;
padding-left: 20px;
}

body.bodyplan ul li a {
color:#8b8e96;
text-decoration:none;
}

body.bodyplan ul li a:hover {
color:#fff6f6;
}
body.bodyplan #content-interieur ul{
display:block;
margin:0;
padding:0;
}
body.bodyplan #content-interieur h2,
body.bodyacces #content-interieur h2,
body.bodyacces #content-interieur p{
float:left;
margin:0;
padding:0;
}

body.bodyplan ul.lien li {
padding-left:0;

}