body { 
background: #000 url(img/bg.jpg) top center no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
a {color: #AD4E13;}

h1{ 
text-indent: -9999px;
color: transparent;
}

h2{ 
text-indent: -9999px;
color: transparent;
}
#wrap {
	width: 990px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
#page {
	width: 869px;
	margin: 0 auto;
	background: #eeeeee;
	padding: 0px 0px 10px 0px;
}

#header {
	width: 869px;
	height: 227px;
	background: #000 url(img/head.jpg) top center no-repeat;
	margin: -10px auto;
}
#header a {display:block;width:869px;height:227px;}
#menu {
	width: 849px;
	height: 20px;
	margin-top: 20px;
	padding: 10px;
	background: #000;
	font-weight: bold;
	font-size: 14px;
}

#nav ul {
	display: inline;
}

#nav ul li a {
	float: left;
	display: block;
	margin-left:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #808080;
	padding: 1px 8px 1px 8px;
	text-decoration:none;
}

#nav ul li a:hover {
	color: #AD4E13;
}

#nav ul li a.current  {
	color: #AD4E13;
}

#subnav {clear:both;position:relative;}
#subnav .item {line-height:25px;background:#000000;display:block;position:absolute;top:14px;width:150px;}
#subnav .sub_contact {left:450px;}
#subnav .sub_item a {padding-left:5px;display:block;text-decoration:none;border:1px solid #333;border-top:0px;}
#subnav .sub_item a:hover {background:#ccc;display:block;padding-left:5px;}

#bandeau {
	width: 869px;
	height: 220px;
	background: #000;
}

#grey {
	width: 869px;
	height: 53px;
	background: url(img/grey.gif) top center no-repeat;
	position:relative;
}

.tickercontainer { /* the outer div with the black border */
position:absolute;
top:8px;
left:170px;
background: #2D2D2D; 
width: 210px; 
height: 22px; 
margin: 0; 
padding: 0
overflow: hidden;
color:#fff;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 2px;
top: 3px;
width: 206px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 210px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #2D2D2D;
width:700px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #AD4E13;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

#inscription {
	float: left;
	width: 185px;
	background: url(img/inscription.png) no-repeat;
	margin: 6px 0px 0px 0px;
}

#search {
	position:absolute;
	right:10px;
	top:5px;
	width: 460px;
}

#search form {
	float: right;
	margin: 0;
	padding: 4px 0px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border-left: none;
}

#search input {
	float: left;
}

#search-text {
	width: 190px;
	height: 18px;
	padding: 3px 0 0 5px;
	border: 0px;
	background: #C0C0C0;
	color: #000000;
	text-align:center;
}

.go {
text-indent:-9999px;
width:55px;
height:21px;
border:none;
background: #C0C0C0 url(img/ok.png) no-repeat center center;
margin: 0px 10px 0 5px;
}

#leftside {
	float: left;
	width: 400px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 10px;
}
	
#editobloc {
	width: 400px;
	height: auto;
	margin: 0px 0 20px 0;
}

#editotitre {
	float: left;
	width: 40px;
	height: 220px;
	background: url(img/edito.png) no-repeat;
	margin: 0px 10px 10px 10px;
}

#editocontent {
	width: 364px;
	height: auto;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #808080;
}

#videobloc {
	width: 404px;
	height: 220px;
	margin: 20px 0 20px 0;
}

#videotitre {
	float: left;
	width: 40px;
	height: 220px;
	background: url(img/videos.png) no-repeat;
	margin: 5px 10px 10px 10px;
}

#videocontent {
	float:right;
	width: 360px;
	margin: 5px -30px 0px 0px;
	padding: 0px -5px 0px 10px;
}
	
#rightside {
	float: right;
	width: 438px;
	height: auto;
	margin: 0px 0px 0px 0px;
}

#menubloc {
	width: 424px;
	height: 210px;
	margin: 0 0 0 0;
	border-left: solid 1px #666666;
}

#menutitre {
	float: left;
	width: 30px;
	height: 220px;
	background: url(img/menuvertical.png) no-repeat;
	margin: 2px 0px 10px 10px;
}

#menucontent1 {
	float: left;
	width: 220px;
	height: 208px;
	background: #ffffff;
	margin: 2px 0px 0px 10px;
	position:relative;
}

#entrees-du-jour {
	float: left;
	width: 245px;
	height: 29px;
	background: url(img/entrees-du-jour.png) no-repeat;
	margin: 5px 5px -10px 5px;
}

#plats-du-jour {
	float: left;
	width: 245px;
	height: 29px;
	background: url(img/plats-du-jour.png) no-repeat;
	margin: 5px 5px -10px 5px;
}

#desserts-du-jour {
	float: left;
	width: 245px;
	height: 29px;
	background: url(img/desserts-du-jour.png) no-repeat;
	margin: 5px 5px -10px 5px;
}

.plat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	margin: 0px 5px 5px 5px;
}

.voir {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AD4E13;
	bottom: 5px;
	right: 5px;
}

#menucontent2 {
	float: left;
	width: 140px;
	height: 208px;
	background: #ffffff;
	margin: 2px 5px 0px 5px;
	position:relative;
}

#menucontent2titre {
	float: left;
	width: 134px;
	height: 17px;
	background: url(img/menutitre.png) no-repeat;
	margin: 5px 5px 5px 5px;
}

.prix_plat_du_jour, .prix_entree_plat, .prix_menu {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AD4E13;
	margin: 0px 5px 5px 5px;
	position:absolute;
	top:33px;right:5px;
}
.prix_entree_plat {top:80px;}
.prix_menu {top:130px;}
.menu_plat, .menu_entree_plat, .menu_menu {
	width:100px;
	margin:5px 0 25px 5px;
}

.a_la_carte {position:absolute;bottom:5px;right:5px;}
#agendabloc {
	width: 424px;
	height: 110px;
	margin: 20px 0 10px 0;
	border-left: solid 1px #666666;
}

#agendatitre, #agenda h2 {
	float: left;
	width: 245px;
	height: 29px;
	background: url(img/agenda.png) no-repeat;
	margin: 0px 0px 13px -30px;
}

#agendacontent {	
	float: left;
	width: 405px;
	height: auto;
	background: #C0C0C0;
	margin: -5px 20px 10px 10px;
	padding-left: 5px;
}

#agendacontent ul.list {
	margin: 0px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
}

#agendacontent li.listitem {
	list-style: square;
	margin: 8px 8px 8px 8px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

a.reserver{
	color: #AD4E13;
	margin: 0px 10px 0 10px;
	float: right;
}

#galeriebloc {
	width: 424px;
	height: 230px;
	margin: 20px 0 0px 0;
	border-left: solid 1px #666666;
}

#galerietitre {
	float: left;
	width: 260px;
	height: 30px;
	background: url(img/galerie.png) no-repeat;
	margin: 0px 0px 0px 10px;
}

.linea, .lineb {
/*	float: left; */
	width: 410px;
	height: 46px;
	margin: 0px 20px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e5e5;
	position:relative;
}
.lineb {background: #ffffff;}
.linea span, .lineb span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.linea a, .lineb a {text-decoration:none;}

.linea p, .lineb p {
	padding-top: 10px;
}

.linea a.voir, .lineb a.voir{
	color: #AD4E13;
	padding: 0px;
	text-decoration:underline;
}

.floatleft{
	float: left;
	margin: 0 10px 0 0;
	width:70px;
	height:46px;
}
.floatleft img{
	max-width:70px;
	max-height:46px;
}
#footer {
	width: 990px;
	height: 380px;
	background: url(img/bgfooter.png) top left;
	margin: -100px 0 0 -55px;
	position:relative;

}
.footer-content {
clear:both;
text-align:right;
position:absolute;
bottom:50px;
right:8px;
line-height:20px;
}
.footer-content span{background:#EEEEEE;padding:0 5px 0 5px;height:20px;}
/* Titres des pages */
#agenda h2, #galerie h2, #contact h2, #equipe h2, #location h2, #newsletter h2, #cartes h2, 
#mezzanine h2, #restaurant h2 {margin:0px;float:none;width:350px;height:29px;margin-left:5px;}

#agenda h2 {background: url(img/agenda.png) no-repeat;}
#galerie h2 {background: url(img/galerie-photos.png) no-repeat;}
#contact h2 {background: url(img/contact.png) no-repeat;}
#equipe h2 {background: url(img/equipe.png) no-repeat;}
#location h2 {background: url(img/location.png) no-repeat;}
#newsletter h2 {background: url(img/newsletter.png) no-repeat;}
#cartes h2 {background: url(img/cartes.png) no-repeat;}
#mezzanine h2 {background: url(img/mezzanine.png) no-repeat;}
#restaurant h2 {background: url(img/docks.png) no-repeat;}

/* Page Agenda et Galerie */
.backgrey {background:#E1E1E1;margin:10px 0 10px 0;padding:10px 10px 60px 10px;}

.td-vign {width:100px;height:100px;float:left;margin:5px;text-align:center;}
.vign {max-width:100px;max-height:100px;}
.lagalerie {text-align:center;padding:10px;}
.lagalerie .vign {margin:5px;}
.td-date {background:#FDFF00;width:100px;display:inline;height:25px;}
.td-titre {font-size:14px;color:#AD4E13;font-weight:bold;padding-top:5px;padding-bottom:5px;}
.td-titre a {font-size:14px;color:#AD4E13;text-decoration:none;}
.lng1 {margin-top:10px;background:#EEEEEE;}
.lng2 {margin-top:10px;background:#FFFFFF;}
.code_html {text-align:center;}

/* Page contact */
.contact {margin-left:50px;}
.contact label {display:block;width:150px;height:25px;line-height:25px;}
.red {color: #AD4E13;}
#adresse, #horaires {margin-bottom:10px;}
#adresse h3, #horaires h3, #carte h3 {font-size:14px;color:#AD4E13;margin-bottom:5px;}
#adresse li, #horaires {line-height:20px;}
#carte .gmap {width:329px;text-align:center;}

/* Page equipe */
#equipe {padding-bottom:50px;}
#equipe .backgrey {padding-left:8px;}
.membre {width:150px;float:left;margin:10px;height:270px;}
.vign-equipe {width:150px;height:225px;overflow:hidden;text-align:center;}
.vign-equipe .vign {max-width:150px;max-height:225px;}
.td-nom {font-weight:bold;color:#AD4E13;font-size:14px;}

a.switch-iphone {width:300px;height:30px;font-size:30px;display:block;margin:10px auto;background:#eee;text-align:center;}

.imgpres {margin:0 auto;width:640px;height:133px;text-align:center;clear:both;overflow:hidden;margin-bottom:10px;}
.imgpres img {max-width:200px;margin:0 10px 10px 0;}

/* Image d'annonce - entree de site */
#annonce {max-width:800px;max-height:600px;background:#EEEEEE;display:none;text-align:center;position:relative;}
#annonce .saute {position:absolute;top:-50px;right:0px;border:1px solid #000000;background:#FFFFFF;padding:10px;font-weight:bold;cursor:pointer;}
#annonce img {max-width:800px;max-height:600px;}