/****************************

	ELEMENTS HTML GENERAL
	
 ****************************/
	
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #bbaea6;
	background: #41332A url(/images/backline.gif) 0 0 repeat-x;
}
body {
	font-size: 62.5%;
	}

/* Suppression des marging et padding d'lments principaux */
h1, h2, h3, h4, h5, h6, ol, ul, form, p, input, img {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 120%;
}

ul{
	list-style-type: none;
}
input, textarea{
	font-family: Arial, Helvetica, sans-serif;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	background-color: #bbaea6;
	color: #41332A;
}

a img {
	border: none;
}

.spacer{
	clear: both;
}

/*****************************

	GLOBAL

 *****************************/
 
 #page {
	background: url(/images/backdeco.png) 0 0 no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/backdeco.png', sizingMethod='crop');
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	_height: 100%;	
}

/*****************************

	HEADER : logo et menu

 *****************************/
#page h1{
 	padding: 8px 0;
}
 
#page h1 a{
	display: block;
	background: url(/images/logo.png) 0 0 no-repeat;
	width: 600px;
	height: 53px;
	margin: 0 auto;
}

#page h1 a span, .hide, #langs span{
	position: absolute;
	left: -5000px;
}
 
 
 
/*------------------------ Menu ---------------------------*/
#nav{
	width: 618px;
	height: 34px;
	background: url(/images/backnav.png) center bottom no-repeat;
	margin: 0 auto;
	padding:16px 0;
}

#nav li{
	display: inline;
}

#nav li a {
	float:left;
	display: block;
	text-decoration: none;	
	background-repeat: no-repeat;
	height: 30px;
	outline: none;
}
#nav li.fr a, #nav li.fr-active a{
	background-image: url(/images/menu-fr.png);
}
#nav li.nl a, #nav li.nl-active a {
	background-image: url(/images/menu-nl.png);
}

#nav li a span{
	position: absolute;
	left: -5000px;
}

/*----------------------  FR  --------------------------*/
#nav li.fr a.accueil {
	background-position: 0 0;
	width: 83px;
}
#nav li.fr a.evenements {
	background-position: -84px 0;
	width: 126px;
}
#nav li.fr a.carte {
	background-position: -210px 0;
	width: 60px;
}
#nav li.fr a.galerie {
	background-position: -270px 0;
	width: 75px;
}
#nav li.fr a.menu-semaine {
	background-position: -346px 0;
	width: 186px;
}
#nav li.fr a.contact {
	background-position: -532px 0;
	width: 81px;
}

#nav li.fr a.accueil:hover, #nav li.fr-active a.accueil {
	background-position: 0 -35px;
	width: 83px;
}

#nav li.fr a.evenements:hover, #nav li.fr-active a.evenements {
	background-position: -84px -35px;
	width: 126px;
}

#nav li.fr a.carte:hover, #nav li.fr-active a.carte{
	background-position: -210px -35px;
	width: 60px;
}
#nav li.fr a.galerie:hover, #nav li.fr-active a.galerie {
	background-position: -270px -35px;
	width: 75px;
}
#nav li.fr a.menu-semaine:hover, #nav li.fr-active a.menu-semaine {
	background-position: -346px -35px;
	width: 186px;
}
#nav li.fr a.contact:hover, #nav li.fr-active a.contact  {
	background-position: -532px -35px;
	width: 81px;
}

/*-------------------  NL  ----------------------*/

#nav li.nl a.accueil {
	background-position: 0 0;
	width: 68px;
}
#nav li.nl a.evenements {
	background-position: -69px 0;
	width: 143px;
}
#nav li.nl a.carte {
	background-position: -212px 0;
	width: 71px;
}
#nav li.nl a.galerie {
	background-position: -284px 0;
	width: 134px;
}
#nav li.nl a.menu-semaine {
	background-position: -419px 0;
	width: 115px;
}
#nav li.nl a.contact {
	background-position: -535px 0;
	width:82px;
}

#nav li.nl a.accueil:hover, #nav li.nl-active a.accueil {
	background-position: 0 -35px;
	width: 68px;
}

#nav li.nl a.evenements:hover, #nav li.nl-active a.evenements {
	background-position: -69px -35px;
	width: 143px;
}

#nav li.nl a.carte:hover, #nav li.nl-active a.carte{
	background-position: -212px -35px;
	width: 71px;
}
#nav li.nl a.galerie:hover, #nav li.nl-active a.galerie {
	background-position: -284px -35px;
	width: 134px;
}
#nav li.nl a.menu-semaine:hover, #nav li.nl-active a.menu-semaine {
	background-position: -419px -35px;
	width: 115px;
}
#nav li.nl a.contact:hover, #nav li.nl-active a.contact  {
	background-position: -535px -35px;
	width: 79px;
}

/*****************************

	CONTENU

 *****************************/
#content{
	width: 600px;
	margin: 0 auto;	
	font-size: 1.2em;
}

#content p{
	margin: 0 0 12px 0;
	text-align: justify;
}
#content p.center{
	margin: 0 0 12px 0;
	text-align: center;
}

#content ol, #content ul{
	margin: 5px 0 8px 12px;
}
#content ol li{
	list-style-position: inside;
	padding: 1px 0 2px;
}
#content ul li{	
	background: url(/images/puce01.png) 0px 5px no-repeat;
	padding: 1px 0 2px 12px;
}

#content h3{
	color: #D05613;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 8px;
}
#content h4{
	color: #d1c9c4;
	font-weight: bold;
	font-size: 1.25em;
	margin-bottom: 12px;
}
.orange-title{
	color: #D05613;
}

/*-----------  Video  ---------------*/
#content #video{
	background: url(/images/videoback.png) 0 0 no-repeat;
	height: 333px;
	width: 530px;
	margin: 34px auto;
	padding: 19px 0 0 20px;
}


/*------ Contact --------*/

#content p.ok{
	text-align: left;
	font-size: 1.25em;
	margin: 30px 0 0 80px;
}

#content form#frmContact{
	margin: 26px 0;
}
#content form#frmContact p{
	margin: 3px 0;
	padding: 0;
}
#content form#frmContact label{
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 8px;
	font-weight: bold;
	padding-top: 3px;
}
#content input.input, #content textarea.input{
	border: 1px solid #2B2018;
	background-color: #534136;
	width: 330px;
	height: 20px;
	color: #BBAEA6;
}
#content textarea.input{
	height: 160px;
}
#content form#frmContact p input.btn_send{
	background-color: #2b2018;
	border: 1px solid #1f1814;	
	margin: 5px 0 24px 138px;
	color: #fff;
	width: 332px;
	height: 22px;
	font-weight: bold;
}
#content form#frmContact p.ch-oblig{
	font-size: 0.9em;
	margin: 5px 0 24px 138px;
}
#content form#frmContact p.err{
	font-size: 1em;
	margin: 5px 0 16px 138px;
	width: 330px;
	color: #c6221d;
	text-align: left;
}

/*------------------------ CARTE DEROULANTE -------------------------------*/
#plats table {
	border: none;
	border-spacing: 0;
	padding: 0;
	border-collapse: collapse;
}


/*
#content #plats ul li{
	background:  none;
	padding: 0;
}*/

#content #plats ul li.header {
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: center;
	background: #291F15;
	padding: 9px;
	border: 1px solid #1F150F;
}
#content #plats ul li.resp {
	background-color: #352820;
	border-left: 1px solid #1F150F;
	border-right: 1px solid #1F150F;
	border-bottom: 1px solid #1F150F;
}
#content #plats ul{
	margin: 0;
}
#content #plats ul li {
	background: none;
	background-color: #352820;
	padding-left: 0;
}

#plats table thead {
	display: none;
}
#plats table tbody {
	background-color: #352820;
}
#plats table tr {	
	font-size: 1.12em;
	color: #FFFFFF;
}
#plats table td.name {
	padding: 0 0 0 34px;
	width: 450px;
	text-align: left;
}
#plats table td.price {
	padding: 8px 34px 8px 0;
	width: 148px;
	text-align: right;
}
#plats table td.name-last {
	padding: 0 0 0 34px;
	width: 450px;
	text-align: left;
}
#plats table td.price-last {
	padding: 8px 34px 8px 0;
	width: 148px;
	text-align: right;
}
#plats table tbody tr:hover {
	background-color: #30241A;
}
#plats table a, #plats table a:hover {	
	height: 23px;
	display: block;
	width: 450px;
	padding-top: 7px;
	margin: 0;
} 
#plats table a:hover {
	background: none;
	color: #FFFFFF;
}


/*--------------- BTN ADMIN-----------------------*/

#content form#frmContent p  label{
	display: block;
	width: 120px;
	font-weight: bold;
	margin-bottom: 4px;
}

input.field, select.field, textarea.field{
	border: 1px solid #2B2018;
	background-color: #534136;
	color: #BBAEA6;
	padding: 1px;
}

#content form#frmContent p  input.field{
	width: 350px;
}

input.large{
	width: 400px;
}
textarea.field{
	font-size: 1.2em;
}

input.btn_save, input.btn_supp, input.btn_add{
	border: 1px solid #0c0907;
	color: #fff;
	background: #2B2018 url(/images/ico-check.png) 4px 2px no-repeat;
	padding: 3px 8px 3px 26px;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}
input.btn_supp{
	background: #2B2018 url(/images/ico-supp.png) 4px 2px no-repeat;
}
input.btn_add{
	background: #2B2018 url(/images/ico-add.png) 6px 5px no-repeat;
}
input.btn_save:hover, input.btn_supp:hover, input.btn_add:hover{
	background-color: #1a140f;
}

/*-----------------  Admin menu de la semaine et carte  ----------------------*/
#menu-list ul li {
	padding: 2px 0 6px 0;
}
#menu-list ul li a span, #plat-type-list ul li a span{
	display: block;
	float: left;
	width: 88px;
	height: 30px;
	color: #A7633B;
	font-weight: bold;
}
#plat-type-list ul li a span{
	width: 64px;
}

#menu-list fieldset, #plat-type-list fieldset{
	border: 1px solid #997762;
	background-color: #48392f;
	color: #A7633B;
	padding: 8px;
}
#menu-list fieldset label, #plat-type-list fieldset fieldset label{
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 12px;
	color: #BBAEA6;
	font-weight: bold;
}
#menu-list fieldset h5, #plat-type-list fieldset h5{
	text-align: center;
	font-weight: bold;
	color: #A7633B;
	font-size: 1.2em;
	margin: 6px 0 18px;
}

#plat-type-list ul li{
	padding: 2px 0 6px 0;
}

#plat-type-list #plat-type-box{
	border-bottom: 1px dashed #645041;
	padding: 8px;
	margin-bottom: 24px;
}

#plat-type-list fieldset label{
	color: #BBAEA6;
	font-weight: bold;
}

#plat-type-list .box{
	float: left;
	padding-left: 50px;
	margin-bottom: 20px;
}

#plat-type-list fieldset fieldset{
	border: 1px dashed #645041;
	background-color: #514034;
}

/*--------------------------- LANGUES --------------------------*/
#langs {
	width: 600px;
	margin: 3px auto 18px;	
	font-size: 1.2em;
}	
#langs ul {
	float: right;
}
#langs li {
	padding-left: 8px;
}
#langs ul li a {
	float: left;
	font-weight: bold;
	color: #5e4a3d;
}
#langs ul li a.active, #langs ul li a.active:hover {
	color: #c1ac9e;
	background: none;
}


/*------------------------ PAGE BOTTOM -------------------------------*/
#page-bottom{
	clear: both;
	height: 58px;
}

/*------------------------ FOOTER -------------------------------*/
#footer{
	width: 100%;
	margin: -44px auto 0;
	height: 44px;
	background-color: #2B2018;
	border-top: 1px solid #1F1814;
	color: #ab9e95;
}
#footer p{
	padding-top: 17px;
	width: 600px;
	margin: 0 auto;
}
#footer p span{
	float: left;
}
#footer p span.refreshed{
	float: right;
}
#footer p span.refreshed a{
	color: #ab9e95;
	text-decoration: none;
}
#footer p span.refreshed a:hover{
	text-decoration: underline;
	background: none;
}