body {
  margin-top:0px;
  background: #343735;
  font-family: "Lucida Calligraphy", Georgia, "Lucida Sans",  Verdana, Arial, Helvetica, sans-serif;
  color:#463f32;
}

A:link {font-size:18px; color:#14d2d2; text-decoration:underline}
A:visited {text-decoration:underline; color:#14d2d2; font-size:18px;}
A:active {text-decoration:underline; font-weight:normal; color:#14d2d2; font-size:18px;}
A:hover {font-size:24px; font-weight:bold; color: #343735;}


h1 {
	text-ident:-50000px; 
}

img {
  border:none;
}

.div_main {
  background: #efe3ce;
  margin: auto;
  width: 800px;
  min-height: 1000px;
  border: 3px solid #14d2d2;
  border-bottom: 0;
}

/* --- titre --- */
.titre {
 height: 57px;
 background:#463f32;
 margin:0;
}
.lang_fr {
  position: absolute;
  width: 80px;
  height: 57px;
  margin-top:3px;
  margin-left: 3px;
  overflow: hidden;
  }
.nom_titre {
  position: absolute;
  height:57px;
  margin-left: 249px;
  overflow: hidden;
  }
.lang_en {
  position: absolute;
  width: 70px;
  height:57px;
  margin-top:3px;
  margin-left: 729px;
  overflow: hidden;
  }  
  
/* --- banniere --- */  
.banniere {
  height: 156px;
  background: #14d3d3;
  margin:0;
}
.banniere_left {
  position: absolute;
  border-right: #463f32 34px solid;
  width: 300px;
  height:150px;
  margin-top:3px;
  overflow: hidden;
}
.banniere_center {
  position: absolute;
  border-right: #463f32 34px solid;
  width: 132px;
  height:150px;
  margin-left: 334px;
  margin-top:3px;
  overflow: hidden;
}
.banniere_right {
  position: absolute;
  margin-left: 500px;
  width: 300px;
  height:150px;
  margin-top:3px;
  overflow: hidden;
}



/* --- menu --- */
.menu {
  position:absolute;
  background: #b99775 url(../images/lambris.png) repeat-y;
  height: 790px;
  width:250px;
  margin:0;
}

/* --- menu1 --- */  
.menu1 {
  position: absolute;
  width:50px;
  height:50px;
  margin-top:2px;
  overflow: hidden;
}
#menu1 {
position: absolute;
  width:50px;
  height:50px;
  margin-top:2px;
  overflow: hidden;
}
#smenu1 {
position: absolute;
  width:156px;
  height:47px;
  margin-left:45px;
  margin-top:5px;
  overflow: hidden;
}

/* --- menu2 --- */
.menu2 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:54px;
  overflow: hidden;
}
#menu2 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:54px;
  overflow: hidden;
}
#smenu2 {
  position: absolute;
  width: 156px;
  height:47px;
  margin-left:45px;
  margin-top:57px;
  overflow: hidden;
}

/* --- menu3 --- */
.menu3 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:106px;
  overflow: hidden;
}
#menu3 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:106px;
  overflow: hidden;
}
#smenu3 {
  position: absolute;
  width: 156px;
  height:47px;
  margin-left:45px;
  margin-top:109px;
  overflow: hidden;
}

/* --- menu4 --- */
.menu4 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:158px;
  overflow: hidden;
}
#menu4 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:158px;
  overflow: hidden;
}
#smenu4 {
  position: absolute;
  width: 156px;
  height:47px;
  margin-left:45px;
  margin-top:161px;
  overflow: hidden;
}

/* --- menu5 --- */
.menu5 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:210px;
  overflow: hidden;
}
#menu5 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:210px;
  overflow: hidden;
}
#smenu5 {
  position: absolute;
  width: 156px;
  height:47px;
  margin-left:45px;
  margin-top:213px;
  overflow: hidden;
}

/* --- menu6 --- */
.menu6 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:262px;
  overflow: hidden;
}
#menu6 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:262px;
  overflow: hidden;
}
#smenu6 {
  position: absolute;
  width: 156px;
  height:47px;
  margin-left:45px;
  margin-top:265px;
  overflow: hidden;
}

/* --- menu7 --- */
.menu7 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:314px;
  overflow: hidden;
}
#menu7 {
  position: absolute;
  width: 50px;
  height:50px;
  margin-top:314px;
  overflow: hidden;
}
#smenu7 {
  position: absolute;
  width: 156px;
  height:47px;
  margin-left:45px;
  margin-top:317px;
  overflow: hidden;
}

/* --- footer --- */

h4 {
	color: #14d2d2;
	font-size:12px;
	text-align:center;
	margin-top:5px;
}
#footer  {
  background: #a38566;
  margin: auto;
  margin-top:790px;
  width: 800px;
  height:30px;
  border: 3px solid #14d3d3;
  border-left:0;
  border-top: 0;
  border-bottom: 0;
}

.admin {
  position:absolute;
  text-align:center;
  background: #a38566;
  width:250px;
  height:30px;
}
.adresse {
  position:absolute;
  margin-left:250px;
  width:550px;
  height:30px;
  text-align:center;
}

#footer2  {
  background: #a38566;
  margin: auto;
  width: 800px;
  height:30px;
  border: 3px solid #14d3d3;
  border-left:0;
  border-top: 0;
}

A.legal_lien:link {font-size:14px; color:#efe3ce; text-decoration:underline;}
A.legal_lien:visited {text-decoration:underline; color:#efe3ce; font-size:14px;}
A.legal_lien:active {text-decoration:underline; font-weight:normal; color:#efe3ce; font-size:14px;}
A.legal_lien:hover {font-size:14px; font-weight:normal; text-decoration:underline; color: #343735;}	

.legal_lien {
  position:absolute;
  width:250px;
  height:30px;
  text-align:center;
}

/* --- info --- */

.info {
position:absolute;
width:550px;
margin-left:250px;
margin-top:10px;
}

h2 {
	margin:0px;
	margin-left:20px;
	font-size:24px;
}

h5 {
	margin-left:20px;
	font-size:18px;
	margin-bottom:0px;
}

h3 {
	color:#14d2d2;
	margin:0px;
	padding: 10px;
	background: #463f32;
	font-size:18px;
}


/* --- Accueil --- */

p {
	margin:20px;
	margin-right:20px;
	margin-left:20px;
	margin-top:0px;
	font-size:14px;
	text-align:justify;
}

#container_hotel, #container_restaurant {
	margin-top:0px;
	margin-left: 20px;
	height: 194px;
	margin-right: 20px;
	background:#aeabab;
}

.container p {
	position:absolute;
	margin:0px;
	padding:10px;
	height: 150px;
	width: 390px;
}


/* --- notre hotel --- */

#container_notre_hotel, #container_notre_restaurant {
	margin-top:40px;
	margin-left: 20px;
	height: 328px;
	margin-right: 20px;
	background:#aeabab;
}

.container_hotel p {
	position:absolute;
	margin:0px;
	margin-top:110px;
	padding:10px;
	height: 150px;
	width: 380px;
}

/* --- tarifs --- */

#table_tr_tarifs table {
	border-collapse: collapse;	
	margin-top:40px;
	margin-left: 20px;
	width:510px;
}

#table_tarifs table {
	border-collapse:collapse;
	margin-top: 0px;
	margin-left: 20px;
	width:510px; 
}

.tr_style1 {
	background: #aeabab;
	text-align:right;
}

.tr_style2 {
	background: #999999;
	text-align:right;
}

.td_tarif {
	text-align:left;
	width:400px;
}

th {
	background: #463f32;
	text-align:left;
}

.tarif_com p {
	margin-top:10px;
	margin-left:20px;
	font-size:14px;
	margin-bottom:10px;
	text-align:justify;
}

#icone {
	margin-top:20px;
	margin-left:160px;
}

/* --- situation --- */

#container_situ {
	margin-top:40px;
	margin-left: 20px;
	height: 352px;
	margin-right: 20px;
	background:#aeabab;
}

.texte_situation {
	position:absolute;
	margin-left:205px;
	height:124px;
	width:310px;
	overflow:hidden;
}

.texte_situation p {
	margin-top:10px;
	margin-left:10px;
	font-size:14px;
	margin-bottom:10px;
	text-align:justify;
	}

.situ_plan2 {
	position:absolute;
	margin-top:0px;
}

.situ_plan2 img {
	border:double;
	border-color:#463f32;
}

.situ_plan1 img {
	position:absolute;
	border:double;
	border-color:#463f32;
	margin-top:134px;
	margin-left:228px;
}

.googlemap {
	margin-left:39px;
	margin-top:20px;
}


/* --- contact --- */

#container_contact {
	margin-top:40px;
	margin-left: 20px;
	height: 725px;
	margin-right: 20px;
	background:#aeabab;
	padding:0px;
}

#leg1 {
	position:absolute;
	margin-top:0px;
	width:510px;
	}
	
#leg2 {
	position:absolute;
	margin-top:240px;
	width:510px;
	}
	
fieldset {
	border: 0;
	border-top: 3px solid #14d2d2;
}

legend {
	background: #efe3ce;
	color: #463f32;
	margin:10px;
	padding:10px;
	border: 1px solid #14d2d2;
}

#container_adresse {
position:absolute;
margin-top:70px;
margin-left:5px;
}

.adresse_contact {
	position:absolute;
	overflow:hidden;
	height:150px;
	width:230px;
	font-size:14px;
	padding:0px;
	margin-top:20px;
	text-align:center;
}

A.lien_contact:link {font-size:12px; color:#efe3ce; text-decoration:underline;}
A.lien_contact:visited {text-decoration:underline; color:#efe3ce; font-size:12px;}
A.lien_contact:active {text-decoration:underline; font-weight:normal; color:#efe3ce; font-size:12px;}
A.lien_contact:hover {font-size:12px; font-weight:normal; text-decoration:underline; color: #343735;}	

.carte {
	position:absolute;
	margin-top:70px;
	margin-left:245px;
}

#form_contact {
position:absolute;
margin-top:310px;
	}

#form_contact table {
	margin-top: 0px;
	margin-left: 20px;
	width:470px;
	border-spacing: 10px;
}

#form_contact td {
border:none;
text-align:left;
padding:0px;
}

#form_contact .td_com {
	text-align:center;
	padding:0px;
}

#form_contact .td_obl {
	text-align:center;
	font-size:10px;
	color:#FF0000;
	padding:0px;
}

input {
background:#efe3ce;
color:#463f32;
border: 1px solid #14d2d2;
width:320px;
height:18px;
	}
	
textarea {
background:#efe3ce;
color:#463f32;
border: 1px solid #14d2d2;
overflow:auto;
width:400px;
height:80px;
	}
	
#valid {
width:105px;
height:40px;
border:none;
background-color:#aeabab;
}
	
/* --- alentours --- */

#container_alentours {
	margin: 20px;
	margin-top: 20px;
	background: #aeabab;
	height: 750px;
}

A.photo_al:link {font-size:14px; color:#efe3ce; text-decoration:underline;}
A.photo_al:visited {text-decoration:underline; color:#efe3ce; font-size:14px;}
A.photo_al:active {text-decoration:underline; font-weight:normal; color:#efe3ce; font-size:14px;}
A.photo_al:hover {font-size:14px; font-weight:normal; text-decoration:underline; color: #343735;}	


#container_alentours p {
	margin:10px;
	font-size:14px;
	text-align:justify;
}

.list_alentours {
	margin-left:10px;
}

.div_alentours_images {
	margin-top:20px;
}

.img_alentours {
	position: absolute;
	margin-left:20px;
}

.img_alentours img {
	position: absolute;
	width:466px;
	height:296px;
	border: 2px solid #14d2d2;
}

#container_contact {
	margin-top:40px;
	margin-left: 20px;
	height: 725px;
	margin-right: 20px;
	background:#aeabab;
	padding:0px;
}

/* --- livre d'or --- */

#container_livre {
	margin-top:40px;
	margin-left: 20px;
	height: 725px;
	margin-right: 20px;
	background:#aeabab;
	padding:0px;
}

#leg3 {
	position:absolute;
	margin-top:0px;
	width:510px;
	}
	
#leg4 {
	position:absolute;
	margin-top:380px;
	width:510px;
	}
	
#form_livre {
	position:absolute;
	margin-top:55px;
	}

#form_livre table {
	margin-top: 0px;
	margin-left: 20px;
	width:470px;
	border-spacing: 10px;
}

#form_livre td {
	border:none;
	text-align:left;
	padding:0px;
}

#form_livre .td_com {
	text-align:center;
	padding:0px;
}

#form_livre .td_obl {
	text-align:center;
	font-size:10px;
	color:#FF0000;
	padding:0px;
}

#form_livre input#valid2  {
	width:105px;
	height:40px;
	border:none;
	background-color:#aeabab;
}

#form_livre input {
	background:#efe3ce;
	color:#463f32;
	border: 1px solid #14d2d2;
	width:255px;
	height:18px;
}
	
#lect{	
	position:absolute;
	margin-top:450px;
	margin-left:20px;
	}

#mes {
	position:absolute;
	padding:10px;
	text-align:justify;
	width:446px; 
	height:80px; 
	background:#ccc;
	border:2px solid;
	border-color:#14d2d2;
	overflow:auto;
}

#menu_message {
	position:absolute;
	margin-top:120px;
}

#preview {
	width:50px;
	height:40px;
	border:none;
	background:#aeabab;
}

#next {
	position:absolute;
	margin-top:-40px;
	margin-left:420px;
	width:50px;
	height:40px;
	border:none;
	background:#aeabab;
}	

.pseudo {
color:#efe3ce;
}

/* --- legale --- */

#container_legale {
	margin-top:40px;
	margin-left: 20px;
	height: 725px;
	margin-right: 20px;
	background:#aeabab;
	padding:0px;
}

#leg5 {
	position:absolute;
	margin-top:0px;
	width:510px;
	}
	
#leg6 {
	position:absolute;
	margin-top:200px;
	width:510px;
	}

.adresse_legale {
	position:absolute;
	margin-top:70px;
	overflow:hidden;
	height:150px;
	width:505px;
	font-size:14px;
	padding:0px;
	text-align:center;
}

.realisation {
	position:absolute;
	margin-top:280px;
	overflow:hidden;
	height:150px;
	width:505px;
	font-size:14px;
	padding:0px;
	text-align:center;
}

A.legal:link {font-size:14px; color:#efe3ce; text-decoration:underline;}
A.legal:visited {text-decoration:underline; color:#efe3ce; font-size:14px;}
A.legal:active {text-decoration:underline; font-weight:normal; color:#efe3ce; font-size:14px;}
A.legal:hover {font-size:14px; font-weight:normal; text-decoration:underline; color: #343735;}