/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{font: 11px/19px Verdana, Arial, Geneva, Helvetica, sans-serif; background-color: #190F09;}
p{padding: 0; color:#B7A392; text-align:justify; padding-top:10px;}

h1 span{display: none;}
h1{height:43px; width:492px;}

h1#presentation{background:url("../../images/charte/title-presentation.jpg") no-repeat left top;}
h1#chef{background:url("../../images/charte/title-chef.jpg") no-repeat left top;}
h1#restaurant{background:url("../../images/charte/title-restaurant.jpg") no-repeat left top;}
h1#philosophie{background:url("../../images/charte/title-philosophie.jpg") no-repeat left top;}
h1#actualite{background:url("../../images/charte/title-actualite.jpg") no-repeat left top;}
h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat left top;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat left top;}

h2{color:#F7DAAD; font:italic bold 17px Georgia, Verdana}
h3{color:#FAD3B6;
  font:italic bold 13px Georgia, Verdana;
  background:url("../../images/charte/bg-h3.png") no-repeat center top;
  text-align:center;
  height:25px;
  padding-top:0;
  clear:both;
  margin-top:30px;
  }
h4{color:#EAB2A1; font:bold 11px Verdana; text-align:center; clear:both; padding-top:12px; line-height:10px}



#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%; background:url(../../images/charte/bg-header.gif) no-repeat center top;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

a:focus{outline:none;}
object {outline:none;}
a:link, a:visited{color:#FFA663; text-decoration: none;}
a:hover, a:active{color:#B7A392}



/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin-bottom:20px; overflow: hidden;}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden; background:url(../../images/charte/bg-right.jpg) no-repeat left top; }
#right-inner{padding:7px 20px 15px;}
a.suite:link, a.suite:visited{font:italic normal 12px Verdana; color:#EAB2A1}
a.suite:hover, a.suite:active{color:#B7A392}

a.carte:link, a.carte:visited{font:italic normal 13px Verdana; color:#EAB2A1; background: url(../../images/charte/icon-menu.jpg) no-repeat left top; padding:5px 0 5px 30px}
a.carte:hover, a.carte:active{color:#B7A392; background: url(../../images/charte/icon-menu-over.jpg) no-repeat left top;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; text-align: left;}

#fwrap1 {position:absolute; z-index: -3; left:0; background:url("images/footer-bg-0.gif") 50% 0% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }


#footer{margin:0 auto;}
#footer .inner{padding: 12px 0px 0 0px; background: url(../../images/charte/bg-footer.jpg) no-repeat left top; float:left; width:956px; margin-left:20px; display:inline;}
#footer p{color:#FAD3B6; line-height:16px; font-family:Arial; padding-top: 0px;}

#info{width:228px; text-align: center; float:left; margin-left:40px; display:inline}
#reservation{width:76px; padding:0px 15px 5px; border:1px solid #5C4032; border-width:0px 1px; margin:8px 15px 0; float:left; display:inline;}
p#descriptif{background:url(../../images/charte/icon-footer.jpg) no-repeat left center; padding-left:30px; margin-top:12px; float:left; margin-left:4px}


#newsletter{width:294px; margin:8px 0 0 15px; border:1px solid #5C4032; border-width:0 0 0 1px; float:left; padding:0 0 8px 15px; height:50px}
#newsletter .input1{background-color:#FFFFFF; border:1px solid #FFFFFF; font:normal 11px Arial; color:#190F09; width:220px; float:left; margin-right:2px; padding:1px 5px 2px;}
.ok{background: url(../../images/charte/ok.jpg) right top no-repeat; border:none; width:33px; height:19px; cursor:pointer; float:left;}
.okOver{background: url(../../images/charte/ok-over.jpg) right top no-repeat; border:none; width:33px; height:19px; cursor:pointer; float:left;}

p#mailsPlace{background: url(../../images/charte/mailto.jpg) no-repeat left top; padding-left:25px; text-align: left; margin-bottom:8px; margin-top:5px}

#footer-content{
  background: url(../../images/charte/bg-footer1.jpg) no-repeat center top;
  float:left;
  width:956px;
  border-top:1px solid #462F22;
  padding-top:18px;
  padding-bottom:16px;
  margin-top:13px
  }

.footer-digital{float:left; width:175px; position:relative; }
#footer .footer-digital p{color:#9E7D64}

#footer a.digital:link,
#footer a.digital:visited{color:#9E7D64; text-decoration: none;}
#footer a.digital:hover,
#footer a.digital:active{color:#FFC7B6;}

.footer-links{float:right; width:450px;}
#footer .footer-links span{color:#9E7D64}
#footer .footer-links p{text-align: right; }

  .footer-links a:link,
  .footer-links a:visited{color:#FAD3B6; font:normal 11px Arial; margin:0 4px; text-decoration: none;}
  .footer-links a:hover,
  .footer-links a:active{color:#FFC7B6; text-decoration: underline;}

div.ref{padding: 0 10px 0; clear:both; color:#AA9482 !important; font-size:11px; text-align:center; font-family:Arial;}

/* ===| VI. OTHER ELEMENTS |====================================================*/

img {border: 0;}
.lead{padding-top:0 !important; }
.lead1{padding-top:5px; }
.lead2{padding-top:18px; }
.lead3{padding-top:13px; }
.indent{padding-left:20px;}
.indent1{padding-left:30px;}
.couleur{color:#EAB2A1;}
.couleur1{color:#F7DAAD;}
.clear{clear:both}
.image-right{float:right;margin-left:17px; margin-bottom:5px;}
.image-left{float:left;margin-right:17px; margin-bottom:5px;}
.left{float:left;}
.right{float:right;}
.line{height:32px; background:url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.line1{height:32px; background:url(../../images/charte/line1.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.centered{text-align: center; margin:0 auto}
.small{font-size:11px; color:#828282; line-height: 14px;}
.small1{font-size:11px; line-height:14px;}

.nobg{background: none !important;}

ul.list{
  list-style:none;
  width:241px;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 2px;
    padding-left:26px;
    line-height:14px;
    font-size:11px;
    color:#828282;
    text-align: justify;
    margin-top:10px;
    }

/* contact */
#contact-form{
  float:left;
  width:610px;
  margin-left:8px;
  display:inline;
  }
.contact-left{
  width:280px;
  float:left;
  padding-left:20px;
  }


  .contact-right{
    width:280px;
    display:inline;
    float:left;
    margin-left:30px;
    display:inline;
    }
    .contact-right p{
      padding-left:5px;
      }

.inputForm{
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#5C5550;
  width:170px;
  font:normal 12px Arial;
  padding-left:2px
	}
.inputFormOver{
  border:1px solid #FCE4B8;
	background-color:#FCE4B8;
	color:#190F09;
  width:170px;
  font:normal 12px Arial;
  padding-left:2px
	}
textarea{font:normal 11px Arial;}

.label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#B7A392;
	text-align:left;
	}
  .label span, .obligatoire span, .indent span{color:#F7DAAD;}
  .wide{width:200px !important;}

.field{
	width:180px;
	float:left;
	margin-top:5px;
  font:normal 11px Arial;
 	}

.submit-buttons{
  width:400px;
  text-align: center;
  margin:0px 0 0 108px;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:200px;
    }
.button{
  background:url(../../images/charte/button.jpg) no-repeat center bottom;
  border:none;
	width:114px;
  height:25px;
	cursor:pointer;
  color:#19100B;
  font:bold 11px Verdana;

	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:114px;
    height:25px;
  	cursor:pointer;
    color:#19100B;
    font:bold 11px Verdana;
    }
.obligatoire {font-size:10px; margin-left:185px}
.comment{height:200px}


body#map{
  background-color:#fff;
  margin:0;
  padding:0;
  overflow: hidden;
	}

/* map buttons */
#imprimer{
	position:absolute;
  left:14px;
	top:475px;
  }
#plus{
	position:absolute;
  left:461px;
	top:92px;
	}
#imprimer img, #fermer img, #plus img{
  cursor:pointer;
  border:0;
  }

/* map adresse */
#map-adresse{
	position:absolute;
	left:72px;
	top:100px;
	}
  #map-adresse p{
    margin:0;
    padding:0;
    color:#F6DDB8;
    }

 /* La philosophie */
 .poeme{
  background:url(../../images/charte/bg-philosophie.jpg) no-repeat left top;
  width:431px;
  height:350px;
  margin-left:70px;
  margin-top:10px
  }
  .poeme p{font-style:italic;margin-left:110px; padding-top:52px; color:#FAD3B6}

/*Restaurant*/
.menu-content{
  width:450px;
  margin:0 auto;
  border:1px solid #43362D;
  padding:4px 7px 4px 12px;
  clear:both;
  }
table{width:450px; height:1%;}
td{background:url(../../images/charte/dot.jpg) repeat-x left center;}

td span.plat{padding-right:7px; line-height:13px;background-color:#190F09; color:#B7A392;}
td p.prix{ background-color:#190F09; width:50px; text-align:right; padding:0 5px 0 0px; color:#B7A392; margin:0;}