/* CSS by La Cox */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background-color: #c2b594;
	padding: 0;}

#container {
	width: 980px;
	height: auto;
	min-height: 775px;
	margin: 0 auto 0 auto;
}

div#left {
width: 270px;
height: auto;
min-height: 775px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #3c2415;
float: left;
}

div#right {
width: 710px;
height: auto;
	min-height: 775px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #a29061;
float: right;
}

div#leftresto {
width: 270px;
height: 1465px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #3c2415;
float: left;
}

div#rightresto {
width: 710px;
height: 1465px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #a29061;
float: right;
}

div#lefthotel {
width: 270px;
height: 850px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #3c2415;
float: left;
}

div#righthotel {
width: 710px;
height: 850px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #a29061;
float: right;
}

div#leftautre {
width: 270px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #3c2415;
float: left;
}

div#leftlegal {
width: 270px;
height: 810px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #3c2415;
float: left;
}

#footer {
width: 980px;
height: 25px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
background: url(images/footer-texture.jpg) #943E0B no-repeat;
}

#credits {
width: 980px;
height: auto;
padding: 0; 
border: 0; 
margin: 7px 0 0 0;
font: 10px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
float: left;
}

#credits a { color:#ffffff; text-decoration: underline; }
#credits a:hover { color:#ffffff; text-decoration: none; }

/* ***** LEFT SIDE ***** */

#logobox {
width: 270px;
height: 270px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menubox {
width: 270px;
height: 132px;
padding: 0; 
border: 0; 
margin: 50px 0 0 0;
float: left;
}

#resabox {
width: 270px;
height: 110px;
padding: 0; 
border: 0; 
margin: 50px 0 0 0;
float: left;
}

#adressebox {
width: 270px;
height: 60px;
padding: 0; 
border: 0; 
margin: 30px 0 0 0;
float: left;
}

#accesplanbox {
width: 270px;
height: 30px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

/* ***** RIGHT SIDE ***** */

#rightbox {
width: 698px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#maincontent {
width: 420px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#prendretemps {
width: 420px;
height: 60px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#squarebox {
width: 420px;
height: 420px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #FFFFFF;
float: left;
}

#animbox {
width: 400px;
height: 400px;
margin: 10px 0 0 10px;
border: 0;
padding: 0;
float: left;
}

#contentbox1 {
width: 390px;
height: auto;
padding: 0; 
border: 0; 
margin: 30px 0 0 0;
float: left;
}

#contentbox2 {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#titlehome {
width: 360px;
height: 35px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#introduction {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 12px 0 0 0;
font: 12px Arial, Helvetica, sans-serif;
color: #3c2415;
float: left;
}

#rightcolumn {
width: 278px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

/* ***** RESTAURANT RIGHT SIDE ***** */

#rightbox2 {
width: 685px;
height: auto;
min-height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#rightinnerbox {
width: 673px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#restotopbox {
width: 673px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
position: absolute ;
z-index: 2
}

#restocontent {
width: 370px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#titleresto {
width: 365px;
height: 40px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#restotext {
width: 368px;
height: auto;
padding: 0; 
border: 0; 
margin: 0 0 0 2px;
font: 12px Arial, Helvetica, sans-serif;
color: #3c2415;
text-align: justify;
float: left;
}

#prendretemps2 {
width: 365px;
height: 45px;
padding: 0; 
border: 0; 
margin: 3px 0 0 0;
float: left;
}


#restopicstop {
width: 285px;
height: 285px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #FFFFFF;
float: right;
}

#animrestobox {
width: 265px;
height: 265px;
margin: 10px 0 0 10px;
border: 0;
padding: 0;
float: left;
}

#restotripics {
width: 620px;
height: 190px;
padding: 0; 
border: 0; 
margin: 395px 0 0 0;
position: absolute ;
z-index: 2
}

#restoframe1 {
width: 190px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0 25px 0 0;
float: left;
}

#restoframe2 {
width: 190px;
height: 190px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#restoframe1 img, #restoframe2 img {
border: 5px solid #ffffff;
}

#carresresto {
width: 120px;
height: 245px;
padding: 0; 
border: 0; 
margin: 562px 0 0 553px;
position: absolute ;
z-index: 1
}


#restomenutopbox {
width: 530px;
height: auto;
padding: 0; 
border: 0; 
margin: 615px 0 0 0;
position: absolute ;
z-index: 2
}

#decouverte {
width: 530px;
height: auto;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
float: left;
}

#restomenusbox {
width: 565px;
height: auto;
padding: 0; 
border: 0; 
margin: 725px 0 0 0;
position: absolute ;
z-index: 2
}

#gourmandbox {
width: 270px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#prestigebox {
width: 270px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#menudetailsbox {
width: 270px;
height: 485px;
background-color: #d4cab3;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menudetailstext {
width: 260px;
height: auto;
padding: 5px; 
border: 0; 
margin: 28px 0 0 0;
font: 10px Arial, Helvetica, sans-serif;
color: #3c2415;
text-align: center;
line-height: 1.5em;
float: left;
}

#menudetailstext2 {
width: 260px;
height: auto;
padding: 5px; 
border: 0; 
margin: 5px 0 0 0;
font: 10px Arial, Helvetica, sans-serif;
color: #3c2415;
text-align: center;
line-height: 1.3em;
float: left;
}

#telechargerbtn {
width: 270px;
height: 40px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#restomenujourbox {
width: 565px;
height: 40px;
padding: 0; 
border: 0; 
margin: 1305px 0 0 0;
position: absolute ;
z-index: 2
}

#menujour {
width: 232px;
height: 35px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menujourtext {
width: 318px;
height: 25px;
padding: 0; 
border: 0; 
margin: 13px 0 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
float: right;
}

#restomenutradbox {
width: 565px;
height: 40px;
padding: 0; 
border: 0; 
margin: 1355px 0 0 0;
position: absolute ;
z-index: 2
}

#menutradition {
width: 240px;
height: 35px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menutradtext {
width: 310px;
height: 25px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
float: right;
}

#restomenuenfantbox {
width: 565px;
height: 40px;
padding: 0; 
border: 0; 
margin: 1400px 0 0 0;
position: absolute ;
z-index: 2
}

#menuenfant {
width: 200px;
height: 35px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menuenfanttext {
width: 350px;
height: 25px;
padding: 0; 
border: 0; 
margin: 13px 0 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
float: right;
}


/* ***** HOTEL RIGHT SIDE ***** */

#hoteltripics {
width: 620px;
height: 190px;
padding: 0; 
border: 0; 
margin: 340px 0 0 0;
position: absolute ;
z-index: 2
}

#carreshotel {
width: 120px;
height: 245px;
padding: 0; 
border: 0; 
margin: 517px 0 0 553px;
position: absolute ;
z-index: 1
}

#hoteltarifsbox {
width: 520px;
height: auto;
padding: 8px; 
border: 1px solid #3c2415; 
margin: 560px 0 0 0;
background-color: #d4cab3;
font: 12px Arial, Helvetica, sans-serif;
color: #3c2415;
line-height: 1.8em;
position: absolute ;
z-index: 2
}

#hotelbottombox {
width: 620px;
height: auto;
padding: 0; 
margin: 825px 0 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #3c2415;
position: absolute ;
z-index: 2
}

/* ***** AUTRES RIGHT SIDE ***** */

#rightcolumn2 {
width: 230px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#rightbox3 {
width: 685px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#maincontent2 {
width: 440px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#titleautres {
width: 440px;
height: 40px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#autrestopbox {
width: 440px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: left;
}

#autrestext {
width: 438px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 2px;
font: 12px Arial, Helvetica, sans-serif;
color: #3c2415;
text-align: justify;
float: left;
}

h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #3c2415;
}

/* ***** CONTACT RIGHT SIDE ***** */

#rightbox4 {
width: 685px;
height: 775px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#contacttopbox {
width: 673px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: left;
}

#contentleftbox {
width: 365px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#titlecontact {
width: 365px;
height: 40px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#contacttext {
width: 362px;
height: auto;
padding: 0; 
border: 0; 
margin: 0 0 0 2px;
font: 12px Arial, Helvetica, sans-serif;
color: #3c2415;
text-align: justify;
float: left;
}

#contactmapbox {
width: 285px;
height: 285px;
padding: 0; 
border: 0; 
margin: 0;
background-color: #FFFFFF;
float: right;
}

#contactmainbox {
width: 673px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#contactrightpic {
width: 200px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#contactformbox {
width: 450px;
height: auto;
margin: 20px 0 0 0;
font: 12px Arial, Helvetica, sans-serif;
padding: 8px; 
border: 1px solid #3c2415; 
background-color: #d4cab3;
color: #3c2415;
float: left;
}

 fieldset {
	margin-bottom: 0;
	border: 0;
	width: auto;
	margin-top: 0;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0 0;
	clear: both;
}

label.text {
	display: block;
	float: left;
	width: 30%;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
}

label.text2 {
	display: block;
	float: left;
	width: 10%;
	text-align: left; 
	margin: 0.5em 1em 0 0;
	padding: 0.1em 0.1em 0.1em 0;	
}

label.text3 {
	display: block;
	float: right;
	width: 82%;
	text-align: left; 
	margin: 0.5em 1em 0 0;
	padding: 0.1em;	
}

input.text,
textarea {
	width: 58%;
	margin-right: 0.25em;	

}
.envoy {
	margin: 0.5em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}

 .mandatory {
  color: #3c2415;
text-align: left;
font: italic 10px Arial, Helvetica, sans-serif;
 }

.newsletter {
font: 11px Arial, Helvetica, sans-serif;
color: #3c2415;
}

/* ***** LINKS ***** */

.brown:link {color: #3c2415; text-decoration:underline;}
 .brown:visited {color: #3c2415; text-decoration:underline;}
 .brown:hover {color: #dc080e; text-decoration:none;}


/* ***** CONTACT RIGHT SIDE ***** */

#legaltext {
width: 650px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 2px;
font: 11px Arial, Helvetica, sans-serif;
color: #3c2415;
text-align: justify;
float: left;
}

#rightboxlegal {
width: 685px;
height: auto;
min-height: 810px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}