body,*{
	margin:0;
	padding:0;
}

/*------------General Page Structure*/
html{
	height:100%;
}
body{
	height:100%;
	width:100%;
}
#wrapper{
	width:100%;
	min-width:750px;
	max-width:1000px;
	min-height:100%;
	margin:0 auto;
	overflow:hidden;
}
#page_left, #page_right{
	min-height:100%;
	padding-bottom:2500px;
	margin-bottom:-2500px;
}
#page_left{
	float:left;
	width:30px;
}
#page_right{
	float:right;
	width:29px;
}
#page {
	position:relative;
	margin:0 29px 0 30px;
}
#contents, #header{
	min-width:650px;
	margin:0 auto;
}

/*------------Header structure*/
#header{
	height:141px;
}
#header address{
	width:750px;
	position:relative;
	top:120px;
	left:10px;
	margin:0 auto;
}
#header h1{
	text-indent:-9999px;
	position:absolute;
}

/*------------Nav structure--*/
ul#navigation{
	margin:0 auto;
	margin-top:10px;
	list-style-type: none;
	position:relative;
	min-height:131px;
	margin-bottom:20px;
	width:820px;
	height:110px;
}
#navigation li 					{
	float:left;	
	padding-top:22px;
	padding-left:32px;
	padding-bottom:14px;
	position:absolute;
}
#navigation li.historique   	{
	left:0;
	width:89px;
}
#navigation li.menus         	{
	left:123px;
	width:146px;
}
#navigation li.salons       	{
	left:294px;
	width:120px;
}
#navigation li.contact        	{
	left:439px;
	width:89px;
}
#navigation li.actualites   	{
	left:563px;
	width:170px;
	height:24px;
}
#navigation li.video       	{
	left:20px;
	top:55px;
	width:80px;
}
#navigation li.lieux        	{
	left:120px;
	top:55px;
	width:91px;
}
#navigation li.vins         	{
	left:240px;
	top:55px;
	width:124px;
}
#navigation li.cuisine         	{
	left:360px;
	top:55px;
	width:102px;
}
#navigation li.reservations     {
	left:512px;
	top:55px;
	width:186px;
}

#navigation li.en.salons       	{
	left:254px;
	width:130px;
}
#navigation li.en.lieux        	{
	left:120px;
}
#navigation li.en.video        	{
	left:20px;
	top:55px;
	width:70px;
}
/*------------Language Chooser structure*/
#language{
	position:absolute;
	left:569px;
/*	right:235px;
*/	top:40px;
	font-size:1.3em;
	list-style-type: none;
}
#language li{
	float:left;
	padding-right:5px;
}
#language a{
	color:#728157;
	padding:5px;
	font-weight: bold;
	text-decoration:none;
}
/*------------------------Contents Structure*/
#contents{
	margin:0 auto;
	max-width:850px;
	padding:0 20px;
}
#contents div.menus, #contents div.vins{
	border: 5px solid #fff;
	padding-bottom:0.0em;
	padding:9px 12px;
	padding-top:1.5em;
	padding-left:1.5em;
}

.contact .text{
	width:auto;
}
.reservations h2, .contact h2{
	width:321px;
	height:53px;
	position:relative;
}
/*------------------------Menus page Structure*/
ul.menulist, ul.menuitems{
	list-style-type: none;
	list-style: none inside;
}
ul.menulist li{
	border:1px dotted #EDF7DE;
	margin-bottom:9px;
}
		ul.menulist a{
			line-height:1.1em;
			text-decoration: none;
		}
			ul.menulist a em{
				font-size:1.2em;
				padding:0.2em;
			}
			ul.menulist a:hover em{
				text-decoration: underline;

			}
			ul.menulist a p{
				display:inline;
			}
			ul.menulist a ul{
				list-style-type: disc;
			}
			ul.menulist a ul li{
				margin-bottom:0em;
				border:none !important;
			}

ul.menuitems{
	width:100%;
}
ul.menuitems li{
	display:block;
	margin:3px 0;
}

ul.menuitems li div{
	position:relative;
	display:block;
	margin:2px 0;
	width:80%;
}
ul.menuitems li img{
	float:left;
}
ul.menuitems li div span{
	background-color: #F4EDDB;
	display:inline;
	padding-right:4px;
}
ul.menuitems li div em{
	position:absolute;
	padding-left:4px;
	right:0;
}
ul.menuitems li div.section{
	padding-top:1em;
}
/*------------Photogallery structure and appearance*/
#photogallery{
	float: left;
}
#photogallery #description{
	margin-bottom:10px;
	display:none;
}
#photogallery a{
	display:inline;
	margin:10px;
}
#photogallery a img{
	display:inline;
}

/*------------Main Elements Coloring*/
body{
	font-size:62.5%;
	font-family: Georgia, Times, Arial, serif;
	background: #DCEFC1 url(../img/body.jpg) repeat-x;
}
#wrapper{
	background: transparent url(../img/page.jpg) repeat  0 0;
}
#header{
/*	background: transparent url(../img/header.jpg) no-repeat top center;*/
	background: transparent url(../img/header.jpg) no-repeat  -30px 0;
}
#wrapper, #header{
	/*Sync page and header BGs*/
/*	background-position: 35% 0%;*/
	
}
#navigation{
	background: transparent url(../img/navigation.jpg) no-repeat -1px top ;
}
#contents{
	background: transparent url(../img/contents.jpg) no-repeat -1px top ;
}
#page_left{
	background: transparent url(../img/page_left_bg.jpg) repeat-y top left ;
	
}
#page_right{
	background: transparent url(../img/page_right_bg.jpg) repeat-y top right;
	
}


/*------------Navigation Appearance*/
/*normal styles*/
#navigation li 					{
	background: transparent url() no-repeat 0 left;
	background-repeat: no-repeat;
	background-position: left -56px;
}
#navigation li a{
	display:block;
	color:#728157;
	font-size: 1.5em;
	font-style: italic;
	line-height:1em;
	text-decoration: none;
}
#navigation li.current a{
	color:#D4841C;
}
#navigation .historique   	{
	background-image: url(../img/nav/historique.png);
}
#navigation .lieux        	{
	background-image: url(../img/nav/lieux.png) ;
}
#navigation .menus         	{
	background-image: url(../img/nav/menu.png) ;
}
#navigation .vins         	{
	background-image: url(../img/nav/vins.png) ;
}
#navigation .salons       	{
	background-image: url(../img/nav/salons.png) ;
}
#navigation .video       	{
	background-image: url(../img/nav/video.png) ;
}
#navigation .cuisine         	{
	background-image: url(../img/nav/cuisine.png) ;
}
#navigation .contact        	{
	background-image: url(../img/nav/contact.png) ;
}
#navigation .reservations    {
	background-image: url(../img/nav/reservations.png) ;
}
#navigation .actualites   	{
	background-image: url(../img/nav/actualites.png) ;
}
/*hover styles*/
#navigation li:hover{
	background-position: left top;
}


/*------------Forms Structure*/
form.form{
}
form.form fieldset {
	margin:none;
	border:none;
	width:25em;
	border: 1px solid #ccc;
	padding-bottom:2em;
}
form.form legend {
	margin: 0 0 0 10px;
	padding:0 10px;
}
form.form fieldset ol {
	margin:1em 2em 1em 20px;
    padding:0;
}
form.form fieldset .information {
	margin:1em 2em 0 20px;
}
form.form fieldset li {
	display:block;
	list-style-type: none;
	padding: 0.5em 0;
	margin: 0;
	position:relative;
	clear:both;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
form.form li input {
	float:left;
	left:16em;
}
form.form label {
	display:block;
	float:left;
	vertical-align: top;
	width: 15em;
	position:relative;
	top:-0.3em;
}
#form_submit{
	margin-top:1em;
}
div.error_message{
	clear:both;
	float:left;
	font-size:0.8em;
	padding:2px;
}
#form_contact, form.form{
	float:right;
	width:390px;
	
	z-index:100;
}
form.form fieldset label{
/*	width:9em;*/
}
form.form fieldset li {
	padding:0.2em 0;
}
form.form fieldset .textinput, form.form fieldset input{
/*	width:18em;*/
}
form.form fieldset textarea {
	height:5em;
}
/*------------Drop Shadows*/
.alpha-shadow {
  background: url(../img/dropshadow.png) no-repeat bottom right;
}
.alpha-shadow div {
  background: url(../img/dropshadow_tl.png) no-repeat left top;
  padding: 0px 36px 35px 0px;
}


/*------------General Typesetting and images styling*/
img {
	border:none;
}
img.illustration{
	border:5px solid white;
	display:block;
}
img.map{
	border:5px solid white;
	margin-right:1em;
	margin-top:1em;
}
/*Block Elements Styling*/
#contents, #header, #navigation{
/*	color:#728157;
	color:#597236;*/
	color:#636E63;
}

/*Header Styling*/
#header address{
	font-size:1.3em;
	line-height:15px;
}
#header address,
#contents ul.menulist a{
	color:#728157;
}

/*Contents Blocks Styling*/
#contents{
	font-size:1.6em;
	line-height:1.4em;
}
#contents div.menus, #contents div.vins{
	border-color:#fff;
	background-color: #F4EDDB;
}
#contents p{
	margin:1em 0;
}
#contents blockquote{
	color:#c44519;
	font-style: italic;
	font-size:1.2em;
}
#contents h1{
	line-height:1em;
	margin-bottom:0.6em;
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
}
.text{
	float:left;
	padding:10px;
	width:380px;
}
#contents a{
	color:#386E37;
}
#contents a:hover{
	background-color:#EEEFD4;
}
#contents li.menuitems a{
	border: 0px solid transparent;
	text-decoration: none;
	
}
p.clear{
	clear:both;
}
p em{
	color:#A88462;
	font-style: normal;
	font-weight: bold;
}
ul.menulist li{
	border-color:#EDF7DE;
	padding:0.2em;
}
ul.menulist li:hover{
	background-color:#EDE4D2;
	border-color: #c44519;
}
ul.menulist a em,
#contents h1,
#contents h2,
.contact strong, strong{
	color:#6D8B3E;
	
}
ul.menulist li ul li{
	padding:0;
	border:none;
}
ul.menuitems li{
	background-color: #F4EDDB;
	
}
ul.menuitems li div.item{
	background: transparent url(../img/listbg.gif) repeat-x;
}
ul.menuitems .item {
/*	font-weight: normal;
	color:#F4EDDB;
*/
}

ul.menuitems .section {
/*	font-weight: bold;
	color:#c44519;*/
}
ul.menuitems li span,ul.menuitems li em{
	background-color: #F4EDDB;
}

/*------------Forms appearance*/
form.form fieldset{
	border-color:#ccc;
	border-top-color: #546654;
	background-color:#F4EDDB;
}
#fieldset_details{
	border-left:1px solid #546654;
}
form.form label{
	font-size:.9em;
  	line-height: 1.8em;
	font-weight: bold;
}
form.form em {
	font-weight: bold;
	font-style: normal;
	color: #42A6D1;
}

form.form fieldset .information {
	font-size:0.8em;
}
#calendar-widget{
	background-color:#EAEFE2;
}
.error_message{
	color:#c44519;
	background-color: #EAEFE2;
/*	border:1px dotted #c44519;*/
}
.calendarButton{
	float:left;
	position:relative;
	top:0px;
	border:1px solid #DCEFC1;
}
.cnil {
	margin-top:3em;
	font-size:0.7em;
}

/*
#728157;
#728157;
#686E5F;
#c44519;
#EDF7DE;
#DCEFC1;
#c44519;
#546654
*/




/*------------Float Clear Hack*/
.clearfix:after {
    content: ".."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */