@charset "utf-8";
html {
	background-image:url("../images/fond.jpg");
	background-position:bottom center;
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-color: #671109;
	height:100%;
	width:100%;
}
body { 
	margin:0; 
	padding:0; 
	font-size: medium; 
	font-family:Arial; 
}
ul { 
	list-style: none; 
	margin:0; 
	padding:0; 
}
a { 
	color:#000; 
	text-decoration: none;
}
a:hover { 
	color:#aa1e11; 
}
a.link {
text-decoration:underline;
}
img { border:none; }
h1 { margin:0; padding:0; height:60px; float:left; width:220px; }
h2 { margin:10px 0 0 20px; padding:0;/* height:50px;*/ float:left; color:#33a2bf; }
.h2span { font-size:.90em; }
h3 { margin:0 0 20px 0; padding:0; color: #9b1c10; }
body.tarifs h3 { margin:0 0 20px 0; padding:0; color: #9b1c10; text-align:center; font-variant:small-caps; }
h4 { margin:10px 0 0 0; padding:0; color:#9b1c10; }
h5 { margin:0; padding:0; color:#9b1c10; }
.rouge { color:#9b1c10; }

/* CONTENEUR */
#conteneur { margin:0 auto; width:980px; }

/* TOTAL */
#total { float:left; width:980px; margin-top:10px; }

/* FLAGS */
#flags { float:left; width:40px; height:33px; }
#flags ul { width:40px; }
#flags ul li { display:block; float:left; margin:0 0 1px; padding:0; height:15px; }


/* NAV */
#nav { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float:right; 
	width:940px;
}
#nav { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a { display:block; text-align:center; width:124px; height:29px; background:url(../images/menu.png) no-repeat 0 0; padding-top:4px; color:#9b1c10; font-size:.80em; line-height:12px; font-weight:bold; }

#nav li { display:inline; float:left; height:33px; margin:0 1px 0 0; padding:0; }

#nav ul li.li_con a,
#nav ul li.li_sej a { background:url(../images/menu2.png) no-repeat 0 0; width:90px; }
#nav ul li.li_con a:hover,
#nav ul li.li_sej a:hover { width:90px; background:url(../images/menu2.png) no-repeat 0 -33px; color:#fff; }

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	width: 10em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul li a { background:#DCB757; text-align:left; }

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

/* MENU */
#menu, #menuen, #menues { float:right; width:940px; }
#menu ul, #menuen ul, #menues ul { width:940px; }
#menu ul li, #menuen ul li, #menues ul li { display:inline; float:left; height:33px; margin:0 1px 0 0; padding:0;}
#menu ul li a, #menuen ul li a, #menues ul li a { display: block; text-align:center; width:124px; height:29px; background:url(../images/menu.png) no-repeat 0 0; padding-top:4px; color:#9b1c10; font-size:.80em; line-height:12px; }
#menu ul li a:hover, #menuen ul li a:hover { background:url(../images/menu.png) no-repeat 0 -33px; color:#fff; }
#menu ul li a:hover, #menuen ul li a:active { background:url(../images/menu.png) no-repeat 0 -33px; color:#fff; }

#menu ul li.li_con a,
#menu ul li.li_sej a { background:url(../images/menu2.png) no-repeat 0 0; width:90px; }
#menu ul li.li_con a:hover,
#menu ul li.li_sej a:hover { width:90px; background:url(../images/menu2.png) no-repeat 0 -33px; color:#fff; }
/*#menu ul li.li_sej a { width:86px; padding-left:38px; }

#menu ul li.li_tra a { width:106px; padding-left:38px; background:url(../images/menu.png) no-repeat 0 0; }
#menu ul li.li_tra a:hover { background:url(../images/menu.png) no-repeat 0 -33px; }

#menu ul li.li_dec a { width:72px; padding-left:52px; }

#menu ul li.li_res a,
#menu ul li.li_sav a { width:51px; padding-left:43px; background:url(../images/menu.png) no-repeat 0 0; }

#menu ul li.li_for a { width:76px; padding-left:48px; }

#menu ul li.li_git a {  width:56px; padding-left:33px; padding-right:5px; background:url(../images/menu.png) no-repeat 0 0; }*/



#menu ul li.li_git a:hover,
#menu ul li.li_res a:hover,
#menu ul li.li_sav a:hover { background:url(../images/menu.png) no-repeat 0 -33px; }

/*#menuen ul li.li_dom a { width:96px; padding-left:48px; }
#menuen ul li.li_sav a { width:81px; padding-left:63px; }
#menuen ul li.li_sej a { width:86px; padding-left:58px; }
#menuen ul li.li_tra a { width:109px; padding-left:35px; }
#menuen ul li.li_dec a { width:92px; padding-left:52px; }
#menuen ul li.li_res a { width:107px; padding-left:37px; }

#menues ul li.li_dom a { width:96px; padding-left:48px; }
#menues ul li.li_sav a { width:91px; padding-left:53px; }
#menues ul li.li_sej a { width:100px; padding-left:44px; }
#menues ul li.li_tra a { width:114px; padding-left:30px; }
#menues ul li.li_dec a { width:96px; padding-left:48px; }
#menues ul li.li_res a { width:109px; padding-left:35px; }*/

body.dom_on #menu .li_dom a, body.sej_on #menu .li_sej a, body.dec_on #menu .li_dec a,
body.dom_on #menuen .li_dom a, body.sej_on #menuen .li_sej a, body.dec_on #menuen .li_dec a,
body.dom_on #menues .li_dom a, body.sej_on #menues .li_sej a, body.dec_on #menues .li_dec a { background:url(../images/onglets2.png) no-repeat 0 -33px; }

body.sav_on #menu .li_sav a, body.res_on #menu .li_res a, body.git_on #menu .li_git a,
body.sav_on #menuen .li_sav a, body.res_on #menuen .li_res a, body.res_on #menuen .li_git a, body.git_on #menuen .li_git a,
body.sav_on #menues .li_sav a, body.res_on #menues .li_res a, body.res_on #menues .li_git a, body.git_on #menues .li_git a { background:url(../images/onglets-gite.png) no-repeat 0 -33px; }

body.tra_on #menu .li_tra a, body.tra_on #menuen .li_tra a, body.tra_on #menues .li_tra a, { background:url(../images/onglets.png) no-repeat 0 -33px; }

.onglets {
margin:0;
padding:0;
}
.onglets li {
display:block;
width: 125px;
height:40px;
background: url(../images/onglets.png) no-repeat 0 0;
text-align:center;
margin:0 0 5px 0;
}
.onglets li a {
display:block;
text-align:center;
width:125px;
height:30px;
padding-top:10px;
color:#9b1c10;
font-size:12px;
font-weight:bold;
}
.onglets li a:hover {
color:#fff;
}

#resa {
float:left;
width:235px;
text-align:center;
padding-top:20px;
}
#facebook {
float:left;
width:150px;
}
#tripadvisor,
#TA_excellent675 {
float:left;
width:150px;
text-align:center;
padding-bottom:20px;
padding-left:15px;
}

/* HEADER */
#header { float:left; width:960px; height:200px; padding:20px 10px 20px 10px; background:#FFEDB6; }
#tetiere { float:left; width:220px; height:86px; margin-right:20px; }
#tetiere img.resa { float:left; margin-top:30px; }
#photo { float:left; width:700px; height:200px; }
#photo ul { width:400px; }
#photo ul li { display: inline; margin:0 0 0 1px; }

/* INTER */
#inter { float:left; width:960px; background-color: #ffedb6; padding:0 10px 25px 10px; }
/*body.bodyaccueil #inter { padding:25px; }*/

/* FILARIANE */
#filariane { float:left; width:915px; padding:0 0 20px 25px; background-color: #ffedb6; }
#filariane ul li { display:inline; margin:0; padding:0; font-size:.60em; }
#filariane ul li a { }

/* TOTEM LEFT */
#totem_left {
float:left;
width:130px;
}

ul.labels li {
float:left;
}

/* TOTEM RIGHT */
#totem_right {
float:left;
width:170px;
}

#totem_right #CDSWIDEXC {
padding:0;
margin:0;
}
#totem_right  #flickr_badge_wrapper {
width: 170px;
}
#totem_right .flickr_badge_image {
margin:0;
padding:0;
float:left;
}
#totem_right .flickr_badge_image img {
padding:0;
}

/* CONTENT */
#content { float:left; min-height:300px; -height:300px; width:630px; margin:0 15px 0 15px }
#content p { font-size:.80em; text-align:justify; margin:7px 0 7px 0; }
/*body.bodyaccueil #content { width:660px; }*/
/*body.bodygenerique #content { width:650px; border-left:1px solid #7c1c11; padding-left:24px; background:url(../images/back-domaine.gif) no-repeat center center; }*/
#content p.pfirst { margin:0 0 7px 0; }
#content .h4first { margin:10px 0 5px 0; }
.liste-chambres { float:left; width:695px; text-align: center; }
.liste-chambres li { display:block; width:150px; float:left; font-size:.75em; margin:5px; }
.liste-chambres li img { margin-top:20px; }

.liste-chambres2 { float:left; width:695px; text-align: center; }
.liste-chambres2 li { display:block; float:left; font-size:.75em; margin:5px; }
.liste-chambres2 li img { margin-top:20px; }


#liste_themes {
float:left; 
width:630px;
margin-bottom:20px;
}
.themes {
float:left;
width:200px;
margin-top:15px;
margin-right:15px;
height:180px;
}
.themes_last {
margin-right:0px;
}
#content .themes h3 {
text-align: center;
width:180px;
font-size:14px;
font-weight:bold;
background:#9b1c10;
color:#fff;
padding:10px;
margin:0;
height:35px;
}

.alignCenter { text-align: center; width:695px; }
table { width:630px; margin:10px 0 20px 0; border:none; padding:0; }
tr { height:20px;  color:#000; padding:0; margin:0; }
th { font-size:.80em; padding:5px; background-color:#872417; color:#fff; margin:0; border:none; }
td { padding:5px;font-size:.80em; border:1px solid #ccc; padding:0; margin:0; }
.center { text-align: center; }
.alignLeft { float:left; margin-right:10px; }
.alignRight { float:right; margin-left:10px; }

body.bodygenerique ul.liste_tarif {
font-size:.80em;
list-style:disc;
margin:0 0 0 20px;
}

body.bodygenerique ul.liste_tarif  li {
margin:5px 0 5px 0;
}

body.bodygenerique ul {
list-style:disc;
}
body.bodygenerique #totem ul {
list-style:none;
}
body.bodygenerique ul li {
font-size:.80em; text-align:justify;
margin:0 0 0 20px;
}



/* NEWS */
#news { float:left; width:235px; margin-right:25px;  }
#news h4.h4news { width:235px; background:url(../images/back-titrenews.gif) no-repeat 0 0; margin:0; padding-top:10px; height:33px; text-align: center; color:#fff; }
#news ul.actus { width:225px; background:url(../images/back-news.gif) repeat-y 0 0; padding:5px; }
#news ul.actus li { margin:7px; padding:0 0 7px 0; border-bottom:1px solid #000; font-size:.80em; }
#news ul.actus li.nonews { border:none; text-align: center; }
.coord { font-size:.70em; margin-top:50px; }
#news ul.logos { margin-top:20px; }
#news ul.logos li { display:inline; }

/* TOTEM */
#totem { float:left; width:185px; margin-right:25px;  }
#totem h4.h4totem { width:185px; background:url(../images/back-titretotem.gif) no-repeat 0 0; margin:0; padding-top:8px; height:26px; text-align: center; color:#fff; font-size:.90em; }
#totem ul { width:173px; background:url(../images/back-news.gif) repeat-y 0 0; padding:5px; }
#totem ul li { margin:7px; padding:0 0 7px 0; border-bottom:1px solid #000; font-size:.80em; }
#totem ul li.nonews { border:none; }
.coord { font-size:.70em; margin-top:50px; }

/* LOGOS PARTENAIRES */
#partenaires { float:left; width:630px; margin-top:20px; }

ul.logos li {
display:block;
float:left;
margin:2px;
}
ul.logos {
width:620px;
height:85px;
text-align:center;
background:#fff;
padding-left:10px;
padding-top:5px;
}

/* FOOTER */
#footer { float:left; width:980px; height:150px; background:url(../images/back_footer.jpg) no-repeat 0 0; }
#footer ul { width:982px; height:30px; margin-top:120px; text-align: center; }
#footer ul li { display:inline; margin:0 10px; }
#footer ul li a { color:#fff; font-size:.70em; }
#footer ul li a:hover { color:#ffedb6; }

/* CONTACT */
#adresse { -display:none; }
.formcontact { float:left; width:695px; font-size:0.80em; }
.labelform { float:left; width:250px; text-align: right; min-height: 30px; -height:30px; }
.labelprojet, .labelecheance { float:left; width:250px; text-align: right; min-height: 90px; -height:90px; }
.choixecheance { float:right; width:445px; min-height: 90px; -height:90px; }
.champform, .buttonmail, .chp_obl { float:right; width:445px; min-height: 30px;  -height:30px; }
.choixprojet { float:right; width:445px; min-height: 90px; }
.labelformmess { float:left; width:250px; text-align: right; min-height: 120px; -height:120px; }
.champformmess { float:right; width:445px; height:120px; }


.photos-hotes {
float:left;
margin-right:10px;
margin-bottom:20px;
font-size:11px;
}

/*pour les infobulles de la carte*/
#gmapmarker {
	font: normal small verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	width: 350px;
	height: 150px;
	overflow: auto;
}
#gmapmarker p {
	margin : 0;
	padding : 2px 0 2px 0;
	font-size: 11px;
}
#gmapmarker a {
	text-decoration: none;
	color: #0066CC;
	background-color: transparent;
}
#gmapmarker a:hover {
	color: #F60;
	background-color: transparent;
}
#gmapmarker h1 {
	font-weight: bold;
	font-size: 13px;
	color: #000;
	border-bottom: 1px solid #000;
	padding : 2px;
	margin : 0;
}

#content ul.liste-photos {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width:695px;
	float:left;
}
#content ul.liste-photos li {
	list-style:none;
	margin:5px;
	padding:0;
	width:200px;
	height:150px;
	float:left;
}

.deuxcolonnes {
float:left;
width:630px;
margin:10px 0 10px 0;
}
.col_left {
float:left;
width:310px;
padding:0 5px 0 0;
}
.col_right {
float:left;
width:310px;
padding:0 5px 0 0;
}