@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"Times New Roman", Times, serif; font-size:14px; color:#252525;}
.clearer{ clear:both;}
body{ background-color:#5a4323;}
#menu{ width:675px;}
#menu a{ display:inline-block; margin:0; padding:0; float:left; height:0; padding-top:30px; overflow:hidden; background-repeat:no-repeat; }

 #menu a.accueil{ width:100px; background-position: -340px top; }
 #menu a.prestations{ width:155px; background-position: -440px top; }
 #menu a.accessibilite{ width:110px;  background-position: -595px top; }
 #menu a.chambres{ width:120px;  background-position: -705px top; }
 #menu a.sejour{ width:120px;  background-position: -835px top; }
 #menu a.contact{ width:50px;  background-position: -965px top; }

 #menu a:hover.accueil{ width:100px; background-position: -340px -36px; }
 #menu a:hover.prestations{ width:155px; background-position: -440px -36px; }
 #menu a:hover.accessibilite{ width:110px;  background-position: -595px -36px; }
 #menu a:hover.chambres{ width:120px;  background-position: -705px -36px; }
 #menu a:hover.sejour{ width:120px;  background-position: -835px -36px; }
 #menu a:hover.contact{ width:50px;  background-position: -965px -36px; }



/* INDEX */
#index{ width:985px; background-position: -30px;  height:668px; margin:auto; background-image:url(../img/home_en.jpg); background-repeat:no-repeat; }
#index div.element{background-color:#493c2c; margin:5px 0 0 483px;}
#index a.langue{ display:block; height:0; width:60px; overflow:hidden; padding-top:30px; position:relative; top:40px; left:10px;}

#index #menu{
	height:24px;
	float:right;
	margin-top:385px;
	padding-right:3px;
	overflow:visible;
}
#index #txt{
	width:450px;
	margin:48px 0 0 313px;
	text-indent:180px;
	text-align:justify;
	line-height:17px;
}
#index #menu a{ background-image:url(../img/menu_index_en.jpg); padding-top:36px; height:0;}
#index #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#index #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#index #menu div.element a:hover{text-decoration:underline;}



/* ACCUEIL */
#accueil{ width:985px; background-position: -30px;  height:668px; margin:auto;  background-image:url(../img/accueil_en.jpg); background-repeat:no-repeat; position:relative; z-index:1;}
#accueil #menu div.element{ background-color:#493c2c;  margin:5px 0 0 483px; position:relative;  }
#accueil #menu{ height:36px;  float:right; margin-top:132px;  overflow:visible;  }
#accueil #txt{ width:305px; margin:135px 0 0 285px;  text-align:justify; line-height:17px; }
#accueil #txt h2{ font-size:24px; font-style:italic; font-weight:normal; margin-bottom:20px;}
#accueil #menu a{ background-image:url(../img/menu_accueil_en.jpg); padding-top:36px; height:0;}
#accueil #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#accueil #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#accueil #menu div.element a:hover{text-decoration:underline;}


/* PRESTATIONS */
#prestations{width:985px; background-position: -30px;  height:668px; margin:auto;  background-image:url(../img/prestation_en.jpg); background-repeat:no-repeat;}
#prestations #menu{ height:24px;  float:right; margin-top:132px;  overflow:visible;}
#prestations div.element{ background-color:#493c2c; margin:3px 0 0 490px;}
#prestations #txt{ width:580px; margin:340px 0 0 105px;  text-align:justify; line-height:17px;}
#prestations #txt h2{ font-size:24px; font-style:italic; font-weight:normal; margin-bottom:20px;}
#prestations #menu a{ background-image:url(../img/menu_prestations_en.jpg); padding-top:36px; height:0;}
#prestations #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#prestations #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#prestations #menu div.element a:hover{text-decoration:underline;}


/* ACCESSIBILITE */
#accessibilite{
	width:985px;
	height:668px;
	margin:auto;
	background-image:url(../img/accessibilite_en.jpg);
	background-repeat:no-repeat;
	background-position: -30px;
}
#accessibilite #menu{ height:24px;  float:right; margin-top:132px;  overflow:visible;}
#accessibilite div.element{ 	background-color:#493c2c;margin:0 0 0 490px;}
#accessibilite img{
	float:left;
	margin:145px 0 0 40px;
}
#accessibilite #txt{ width:430px; margin:40px 0 0 20px;  text-align:justify; line-height:17px; float:left; font-size:13px;}
#accessibilite #txt h2{ font-size:24px; font-style:italic; font-weight:normal; margin-bottom:20px;}
#accessibilite #menu a{ background-image:url(../img/menu_accessibilite_en.jpg); padding-top:36px; height:0;}
#accessibilite #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#accessibilite #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#accessibilite #menu div.element a:hover{text-decoration:underline;}

/* CHAMBRES */
#chambres{ width:985px; background-position: -30px;  height:668px; margin:auto; background-image:url(../img/chambres_en.jpg); background-repeat:no-repeat;}
#chambres #menu{ height:24px;  float:right; margin-top:132px;  overflow:visible;}
#chambres div.element{ 	background-color:#493c2c; margin:1px 0 0 483px;}
#chambres img{ float:left; margin:145px 0 0 70px;}
#chambres #txt{
	width:330px;
	margin:170px 0 0 0;
	padding-left:245px;
	text-align:justify;
	line-height:17px;
	float:left;
}
#chambres #txt span.ch{ display:block; float:left; margin-right:1px; background-color:#57533d; width:95px; color:#FFFFFF; text-align:center;  }

#chambres #txt span.ch2{ display:block; float:left; margin-right:1px; background-color:#57533d; width:115px; color:#FFFFFF; text-align:center;  }

#chambres #txt h2{ font-size:24px; font-style:italic; font-weight:normal; margin-bottom:20px;}
#chambres #menu a{ background-image:url(../img/menu_chambres_en.jpg); padding-top:36px; height:0;}
#chambres #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#chambres #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#chambres #menu div.element a:hover{text-decoration:underline;}



/* proximite */
#proximite{width:985px; background-position: -30px;  height:668px; margin:auto;  background-image:url(../img/proximite_en.jpg); background-repeat:no-repeat;}
#proximite #menu{
	height:24px;
	float:right;
	margin-top:131px;
	overflow:visible;
}
#proximite div.element{ 		background-color:#493c2c; margin:5px 0 0 478px;}
#proximite #txt{
	width:520px;
	margin:100px 0 0 0;
	padding-left:436px;
	text-align:justify;
	line-height:17px;
	float:left;
}
#proximite #txt h1{ font-size:35px; font-style:italic; font-weight:normal; margin-bottom:20px;}
#proximite #txt h2{ font-size:24px; font-style:italic; font-weight:normal; margin-bottom:20px; line-height:25px;}
#proximite #menu a{ background-image:url(../img/menu_proximite_en.jpg); padding-top:36px; height:0;}
#proximite #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#proximite #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#proximite #menu div.element a:hover{text-decoration:underline;}

/* acces */
#acces{ width:985px; background-position: -30px;  height:668px; margin:auto; background-image:url(../img/acces_en.jpg); background-repeat:no-repeat;}
#acces #menu{ height:24px;  float:right; margin-top:131px;  overflow:visible;}
#acces div.element{ 	background-color:#493c2c;margin:5px 0 0 478px;}
#acces  h1{ font-size:35px; font-style:italic; font-weight:normal; margin-bottom:20px; float:right; margin:90px 0 0 0 ; padding-right:70px;}
#acces #txt{ width:210px; margin:0 0 0 0; padding-left:500px;  text-align:justify; line-height:17px; float:left; }
#acces #txt h2{ font-size:24px; font-style:italic; font-weight:normal; margin-bottom:20px; line-height:25px;}
#acces #menu a{ background-image:url(../img/menu_proximite_en.jpg); padding-top:36px; height:0;}
#acces #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#acces #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#acces #menu div.element a:hover{text-decoration:underline;}

/* tarifs */
#tarifs{ width:985px; background-position: -30px;  height:668px; margin:auto; background-image:url(../img/tarifs_en.jpg); background-repeat:no-repeat;}
#tarifs #menu{ height:24px;  float:right; margin-top:131px;  overflow:visible;}
#tarifs div.element{ 	background-color:#493c2c; margin:5px 0 0 478px;}
#tarifs  h1{font-size:35px; font-style:italic; font-weight:normal; margin-bottom:20px; float:right; margin:110px 0 0 0 ; padding-right:70px; width:150px; text-align:right;}
#tarifs #txt{
	float:right;
	margin:37px 0 0 0;
	padding-right:340px;
}
#tarifs  table{width:327px;  }
#tarifs  table tr td{ color:#FFFFFF; vertical-align:middle;}
#tarifs  table tr td small{ font-size:12px;color:#FFFFFF;}
#tarifs  table tr{ height:60px;}
#tarifs  table tr.petit{ height:33px;}
#tarifs  table tr.xpetit{ height:20px;}
#tarifs  table tr.moyen{ height:45px;}
#tarifs  table tr td.noir{ color:#000; vertical-align:middle;}
#tarifs #menu a{ background-image:url(../img/menu_proximite_en.jpg); padding-top:36px; height:0;}
#tarifs #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#tarifs #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#tarifs #menu div.element a:hover{text-decoration:underline;}

/* region */
#region{width:985px; background-position: -30px;  height:668px; margin:auto;  background-image:url(../img/region_en.jpg); background-repeat:no-repeat;}
#region #menu{ height:24px;  float:right; margin-top:131px;  overflow:visible;}
#region div.element{ 		background-color:#493c2c;margin:5px 0 0 478px;}
#region  h1{
	font-size:35px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:20px;
	float:right;
	margin:90px 0 0 0;
	padding-right: 370px;
}
#region #txt{
	width:500px;
	margin:0 0 0 0;
	padding-left:460px;
	text-align:justify;
	line-height:17px;
	float:left;
}
#region #txt h2{ font-size:24px; font-style:italic; font-weight:normal; line-height:25px; display:inline-block;}
#region #menu a{ background-image:url(../img/menu_proximite_en.jpg); padding-top:36px; height:0;}
#region #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#region #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#region #menu div.element a:hover{text-decoration:underline;}


/* conditions */
#conditions{width:985px; background-position: -30px;  height:668px; margin:auto;  background-image:url(../img/conditions_en.jpg); background-repeat:no-repeat;}
#conditions #menu{ height:24px;  float:right; margin-top:131px;  overflow:visible;}
#conditions div.element{ 	background-color:#493c2c; margin:5px 0 0 478px;}
#conditions  h1{ font-size:35px; font-style:italic; font-weight:normal; margin-bottom:10px; }
#conditions #txt{
	width:890px;
	margin:100px 0 0 0;
	padding-left:50px;
	text-align:justify;
	line-height:17px;
	float:left;
}
#conditions #menu a{ background-image:url(../img/menu_proximite_en.jpg); padding-top:36px; height:0;}
#conditions #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#conditions #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#conditions #menu div.element a:hover{text-decoration:underline;}


/* resa */
#resa{width:985px; background-position: -30px;  height:668px; margin:auto;  background-image:url(../img/conditions_en.jpg); background-repeat:no-repeat;}
#resa #menu{ height:24px;  float:right; margin-top:131px;  overflow:visible;}
#resa div.element{
		background-color:#493c2c;
	margin:05px 0 0 478px;
}
#resa  h1{ font-size:35px; font-style:italic; font-weight:normal; margin-bottom:10px; }
#resa #txt{ width:890px; margin:100px 0 0 0;  padding-left:80px;text-align:justify; line-height:17px; float:left; }
#resa #menu a{ background-image:url(../img/menu_proximite_en.jpg); padding-top:36px; height:0;}
#resa #menu div.element {	position:relative;	width: 180px;height: 0;	background-repeat:no-repeat;	color:#FFFFFF;	overflow:hidden;	z-index:100;}
#resa #menu div.element a{ background-image:none; font-size:12px; display:block; color:#FFFFFF;  width:180px;   padding-top:5px; height:15px; text-align:center; text-decoration:none; }
#resa #menu div.element a:hover{text-decoration:underline;}
#resa  form{ line-height:30px;}
#resa  form fieldset{ float:left; width:400px; border:none;}
#resa  form label{ display:inline-block; width:100px;}
#resa  form label.gd{ display:inline-block; width:250px;}

/* ================================================================================================*/
#base {
		padding:0;
		margin:-35px 0 0 0;
		text-align:center;
	color: #D5D2A3;
}
#base a{
	color: #D5D2A3;
}