* {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body, html {
	margin: 0 auto;
	background-color: #FFFFFF;
}

a {
	text-decoration: none;
	color:inherit;
	outline: none;
}

img {
	border:0;
}

.clear {
clear:both;
}

.transparent {
font-size:0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}

/*********-- Structure de la page --*********/

#main {
	width: 940px;
	height: 600px;
	margin-left:10%;
}

#top_left {
	background-image: url(images/topLeft.png);
	position: absolute;
	width: 282px;
	height: 211px;
	z-index:2;
	top:0;
}
#entete {
	background-image: url(images/title.png);
	margin-left:20%;
height:94px;
width: 510px;
float:left;
position:relative;
margin-top:15px;
z-index:3;
}

#contenu {
min-height: 500px;
width: 850px;
position:relative;
margin:auto;
}
#accueilimg {
	position: relative;
	z-index:1;
	float:left;
	margin-top:-100px;
	margin-left:220px;
	right:0;
}
/***** galerie*****/
#galerie {
width: 300px;
height:100%;
position: fixed;
left:70%;
background-image: url(images/rightGraph_fond.png);
background-position: right;
background-repeat: repeat-y;
z-index:2;
}
#imagegalerie {
	display:block;
	margin-left:180px;
	margin-top:110px;
	position: absolute;
	height:500px;
	width: 100px;
	overflow: scroll;
}
ul#Listgalerie {
	list-style: none;
	width: 100px;
	height:500px;
}
#imagegalerie a{
	display:block;
	margin:5px;
}
#imagegalerie img{
	border: 2px solid #4b0000;
	max-width: 95px;
}
span#fond {
background-image: url(images/rightGraph.png);
	height:586px;
	width: 301px;
	z-index:3;
	display:block;
}
#foot_contact {
position:relative;
background-color: #efefef;
height:70px;
width: 100%;
}
span#partenaire {
display: block;
position: absolute;
bottom:0;
right:0;
margin-right:20px;
cursor: pointer;
background-color:#760000;
}
#footer_spacer {
	height:40px;
	float:left;
	position: relative;
	display:block;
	width: 50px;
}
#foot_contact span {
float:left;
margin-left:150px;
}
#foot_contact span p{
	font-size: 11px;
	padding-top:15px;
	padding-left:60px;
	float:left;
}

#footer {
	position: fixed;
	bottom:0;
	height:108px;
	background-color: black;
	width: 100%;
	z-index:20;
}
/***************--- MENU ---******************/

#loup ul {
	display: inline;
	width: 100%;
	float:left;
	margin-left:250px;
	margin-top:184px;
	list-style: none;
	
}
a#accueil {
	background-image: url(images/menu_accueil.png);
	background-repeat: no-repeat;
	float:left;
	height:12px;
	width: 65px;
	display: block;
}
a#restaurant {
	background-image: url(images/menu_restaurant.png);
	background-repeat: no-repeat;
	float:left;
	height:13px;
	width: 117px;
	display: block;
}
a#carte {
	background-image: url(images/menu_carte.png);
	background-repeat: no-repeat;
	float:left;
	height:13px;
	width: 79px;
	display: block;
}
a#menus {
	background-image: url(images/menu_menus.png);
	background-repeat: no-repeat;
	height:13px;
	width: 95px;
	display: block;
	float:left;
}
a#vins {
	background-image: url(images/menu_vins.png);
	background-repeat: no-repeat;
	height:13px;
	width: 78px;
	display: block;
	float:left;
}
a#contact {
	background-image: url(images/menu_contact.png);
	background-repeat: no-repeat;
	height:12px;
	float:left;
	width: 115px;
	display: block;
}
a#localisation {
	background-image: url(images/menu_localisation.png);
	background-repeat: no-repeat;
	height:13px;
	width: 82px;
	display: block;
	float:left;
}


/*****---- ACCEUIL---*****/
div#contenuaccueil {
margin-top:0px;
}
div#MdC {
	display: block;
	float:left;
	width: 521px;
	margin-top:0px;
	margin-right:0px;
	min-height:450px;
	z-index:1;
}
div#varibleMdC {
	display: block;
	color: #000000;
	float: left;
	position: relative;
	width: 480px;
	text-align:justify;
	min-height: 400px;
	margin-bottom:35px;
	margin-top:0px;
	margin-left:20px;
	z-index: 1;
}
#topMdC {
	background-image: url(images/accueil_fondTopMchef.png);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width: 521px;
	height:230px;
	z-index:-1;
	top:0;
}

#sugg {
	background-color: #f7f7f7;
	display: block;
	position:relative;
	float:left;
	min-height:420px;
	width: 300px;
	z-index:1;
}
#varibleSugg {
	display: block;
	color: #000000;
	float: left;
	position: relative;
	width: 180px;
	min-height: 400px;
	margin-bottom:35px;
	margin-left:0px;
	margin-top:20px;
	z-index: 1;
	text-align: justify;
}
#sugg img.illustration {
	margin-top:20px;
	border: 4px solid #760000;
}
#sugg p.description {
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 13px;
margin-top:10px;
text-align: justify;
width: 200px;
margin-left:0px;
}
#sugg p {
margin-top:0px;
text-align: justify;
width: 200px;
margin-left:0px;
}
#titleSugg{
	background-image: url(images/titre_restaurant.png);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width: 226px;
	height:55px;
	margin-top:-60px;
	margin-left:-15px;
	top:0;
}
#topSugg{
	background-image: url(images/accueil_fondTopSugg.png);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width: 225px;
	height:207px;
	z-index:-1;
	top:0;
}
#bottomSugg {
	background-image: url(images/accueil_fondBottomSugg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width:225px;
	height:207px;
	z-index:-1;
	bottom:0;
}


.texte_resto {
width: 440px;
}

/*****************------- PAGES ------------********/

#page_contenu {
	background-image: url(images/page_FOND.png);
	background-repeat: repeat-y;
	position: relative;
	float:left;
	display:block;
	width: 770px;
	margin-top:0px;
	min-height:450px;
	top:0;
	text-align: justify;
}
#page_contenuTop{
	background-image: url(images/page_FONDtop.png);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width:770px;
	height:221px;
	top:0;
}
#page_contenuBottom {
	background-image: url(images/page_FONDbottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width:770px;
	height:400px;
	bottom:0;
}

.texte{
	min-height: 100px;
	margin-top:30px;
	width: 450px;
	display: block;
	margin-left:30px;
	position: relative;
	float:left;
	z-index:1;
}
.texte h3 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 24px;
	color:#760000;
	text-align: center;
	
}

.centre{
	text-align: center;
}

.texte img.illustration{
	margin-top:20px;
	border: 4px solid #760000;
}
.texte img.illustrationresto{
	margin-top:20px;
	border: 4px solid #760000;
}
.texte img.spacer{
	margin-top:10px;
	margin-bottom:10px;
}

/*----RESTAURANT ----*/
h2.resto {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/resto_lesHorraires.png);
	background-repeat: no-repeat;
}
/*--- VINS -----*/
h2.vins {
	display: block;
	height: 37px;
	width: auto;
	background-image: url(images/vins_lesVins.png);
	background-repeat: no-repeat;
}

/*--- Localisation -----*/
h2.loca {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/loca_venirManger.png);
	background-repeat: no-repeat;
}

/*---Contact --*/
h2.contact {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/contact_nouscontacter.png);
	background-repeat: no-repeat;
}
.texte form p {
	text-align: left;
}
.texte #contact {
	margin-top:50px;
}

.transparent {
font-size:0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}

/*********-- Structure de la page --*********/
#bottom_left {
	background-image: url(images/footer_loup-old.png);
	position:fixed;
	width: 198px;
	height: 203px;
	bottom:4%;
	z-index:3;
	left: 2px;
}

#bottom_center{
	background-image: url(images/bande3.jpg);
	position:fixed;
	width: 710px;
	height: 29px;
	bottom:1px;
	left:21%;
	z-index:20;
}

.lien_right {
width: 40px;
height:28px;
display: block;
text-indent:-5000px;
float:right;
}

#bottom_center_menu{

	position:fixed;
	width: 705px;
	height: 29px;
	background-color: #760000;
	bottom:40px;
	left:21%;
	z-index:4;
}

ul#menu_bas {
height: 20px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
color: #ffffff;
position:relative;
top: 7px;
left: 24px;
float:left;
}

ul#menu_bas li {
float: left ;
text-align: center ;
}

ul#menu_bas li a.b1 { width: 61px; height: 12px; margin-right: 6px; display: block ; text-indent: -5000px; background: url(images/menu_accueil.png) no-repeat;}
ul#menu_bas li a.b2 { width: 73px; height: 13px; margin-right: 6px; display: block ; text-indent: -5000px; background: url(images/menu_carte.png) no-repeat;}
ul#menu_bas li a.b3 { width: 90px; height: 13px; margin-right: 6px; display: block ; text-indent: -5000px; background: url(images/menu_menus.png) no-repeat;}
ul#menu_bas li a.b4 { width: 73px; height: 13px; margin-right: 6px; display: block ; text-indent: -5000px; background: url(images/menu_vins.png) no-repeat;}
ul#menu_bas li a.b5 { width: 96px; height: 13px; margin-right: 6px; display: block ; text-indent: -5000px; background: url(images/menu_localisation.png) no-repeat;}
ul#menu_bas li a.b6 { width: 130px; height: 15px; margin-right: 6px;display: block ; text-indent: -5000px; background: url(images/menu_partenaires.png) no-repeat;}
ul#menu_bas li a.b7 { width: 111px; height: 12px; display: block ; text-indent: -5000px; background: url(images/menu_contact.png) no-repeat;}








#entete {
	background-image: url(images/title.png);
	margin-left:20%;
height:94px;
width: 510px;
float:left;
margin-top:15px;
}

#contenu {
min-height: 500px;
width: 850px;
position:relative;
margin:auto;
}
/***** galerie*****/
#galerie {
width: 300px;
height:100%;
position: fixed;
left:70%;
background-image: url(images/rightGraph_fond.png);
background-position: right;
background-repeat: repeat-y;
z-index:2;
}
#imagegalerie {
	display:block;
	margin-left:180px;
	margin-top:110px;
	position: absolute;
	height:500px;
	width: 100px;
	overflow: scroll;
}
ul#Listgalerie {
	list-style: none;
	width: 100px;
	height:500px;
}
#imagegalerie a{
	display:block;
	margin:5px;
}
#imagegalerie img{
	border: 2px solid #4b0000;
	max-width: 95px;
}
span#fond {
background-image: url(images/rightGraph.png);
	height:586px;
	width: 301px;
	z-index:3;
	display:block;
}
#foot_contact {
position:relative;
margin-top:3%;
background-color: #efefef;
height:70px;
width: 100%;
float:left;
}

#footer_spacer {
	height:40px;
	float:left;
	position: relative;
	display:block;
	width: 50px;
}
#foot_contact span {
float:left;
margin-left:150px;
}
#foot_contact span p{
	font-size: 11px;
	padding-top:15px;
	padding-left:60px;
	float:left;
}

#footer {
	position: fixed;
	bottom:0;
	height:70px;
	background-color: black;
	width: 100%;
	z-index:1;
}

#loup {
	background-image: url(images/footer_loup.png);
	background-repeat: no-repeat;
	position:absolute;
	bottom: 0;
	left:12%;
	display: block;
	height:207px;
	width: 650px;
	z-index:-4;
}
/***************--- MENU ---******************/
#loup ul {
	display: inline;
	width: 100%;
	float:left;
	margin-left:250px;
	margin-top:194px;
	list-style: none;
	
}
a#accueil {
	background-image: url(images/menu_accueil.png);
	background-repeat: no-repeat;
	float:left;
	height:12px;
	width: 65px;
	display: block;
}
a#restaurant {
	background-image: url(images/menu_restaurant.png);
	background-repeat: no-repeat;
	float:left;
	height:13px;
	width: 117px;
	display: block;
}
a#carte {
	background-image: url(images/menu_carte.png);
	background-repeat: no-repeat;
	float:left;
	height:13px;
	width: 79px;
	display: block;
}
a#menus {
	background-image: url(images/menu_menus.png);
	background-repeat: no-repeat;
	height:13px;
	width: 95px;
	display: block;
	float:left;
}
a#vins {
	background-image: url(images/menu_vins.png);
	background-repeat: no-repeat;
	height:13px;
	width: 78px;
	display: block;
	float:left;
}
a#contact {
	background-image: url(images/menu_contact.png);
	background-repeat: no-repeat;
	height:12px;
	float:left;
	width: 115px;
	display: block;
}
a#localisation {
	background-image: url(images/menu_localisation.png);
	background-repeat: no-repeat;
	height:13px;
	width: 82px;
	display: block;
	float:left;
}


/*****---- ACCEUIL---*****/

div#MdC {
	display: block;
	background-color: #f7f7f7;
	float:left;
	position:relative;
	width: 521px;
	margin-top:0px;
	margin-right:30px;
	min-height:450px;
	z-index:1;
}
div#varibleMdC {
	display: block;
	color: #000000;
	float: left;
	position: relative;
	width: 480px;
	min-height: 400px;
	margin-bottom:35px;
	margin-top:70px;
	margin-left:20px;
	z-index: 1;
}
#topMdC {
	background-image: url(images/accueil_fondTopMchef.png);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width: 521px;
	height:230px;
	z-index:-1;
	top:0;
}
#bottomMdC {
	background-image: url(images/accueil_fondBottomMchef2.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width: 521px;
	height:154px;
	z-index:-1;
	bottom:0;
}
#sugg {
	background-color: #f7f7f7;
	display: block;
	position:relative;
	float:left;
	min-height:420px;
	width: 280px;
	margin-top:80px;
	z-index:1;
}
#varibleSugg {
	display: block;
	color: #000000;
	float: left;
	position: relative;
	width: 180px;
	min-height: 365px;
	margin-bottom:35px;
	margin-left:20px;
	margin-top:20px;
	z-index: 1;
	text-align: justify;
}
#sugg img.illustration {
	margin-top:20px;
	border: 4px solid #760000;
}
#sugg p.description {
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 13px;
margin-top:10px;
text-align: justify;
width: 250px;
margin-left:15px;
}
#sugg p {
margin-top:10px;
text-align: justify;
width: 250px;
margin-left:15px;
}

#topSugg{
	background-image: url(images/accueil_fondTopSugg2.png);
	background-position: top left;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width: 280px;
	height:207px;
	z-index:-1;
	top:0;
}
#bottomSugg {
	background-image: url(images/accueil_fondBottomSugg2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width:280px;
	height:207px;
	z-index:-1;
	bottom:0;
}

h2.titre_motduchef {
margin-top: 15px;
margin-left: 35px;
}

/*****************------- PAGES ------------********/

#page_contenu {
	background-image: url(images/page_FOND.png);
	background-repeat: repeat-y;
	position: relative;
	float:left;
	display:block;
	width: 770px;
	margin-top:5%;
	height:570px;
	top:0;
	text-align: justify;
}
#page_contenuTop{
	background-image: url(images/page_FONDtop.png);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width:770px;
	height:221px;
	top:0;
}
#page_contenuBottom {
	background-image: url(images/page_FONDbottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position:absolute;
	display:block;
	width:770px;
	height:221px;
	bottom:0;
}
.sousmenu{
	min-height: 100px;
	margin-top:30px;
	width: 250px;
	display: block;
	margin-left:30px;
	position: relative;
	float:left;
	z-index:2;
	text-align: left;
}

.sousmenu p {
		line-height: 20PX;
	letter-spacing: 1;
	margin-top:30px;
	text-align: justify;
	width: 250px;
}

.sousmenu h2 {
	display:block;
	height:37px;
	width: 150px;
	background-image: url(images/carte_NotreCarte.png);
	background-repeat: no-repeat;
}
.sousmenu ul  {
	margin-top:20%;
	margin-left:80px;
}
.sousmenu ul.vin  {
	margin-top:20%;
	margin-left:20px;
}
.sousmenu ul li {
	list-style-image: url(images/puce.png);
	margin-top: 35px;
	line-height: 20px;
}

.sousmenu ul li a{
	text-transform: uppercase;
	font-size: 14px;
	color:#760000;
}

.texte{
	min-height: 100px;
	margin-top:30px;
	width: 450px;
	display: block;
	margin-left:30px;
	position: relative;
	float:left;
	z-index:1;
}

.texte h3 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 24px;
	color:#760000;
	text-align: center;
	
}

.titre_city {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 24px;
	color:#760000;
	margin-left:0;
	text-indent : 0;
	text-align: left;
}

.illustrationresto {
	position:relative;
	z-index: 5;
	bottom: 20px;
	right: 24px;
}

/******-----CARTE -----*****/ 

.sousmenu h2 {
	display:block;
	height:37px;
	width: 150px;
	background-image: url(images/carte_NotreCarte.png);
	background-repeat: no-repeat;
}
.texte ul li h4 {
	font-weight: bold;

}
.texte ul li span.carte_prix{
display: block;
text-align: right;
padding-bottom:3px;
float:right;
}


h4.titre_carte{
width: 385px;
text-align: justify;
float:left;
line-height: 16px;
}

.texte ul li{
	color:#760000;
	font-size: 12px;
	list-style: none;
	margin-bottom:30px;
	text-align: left;
}
/*
.texte ul li.carte{
	color:#760000;
	font-size: 12px;
	list-style: none;
	margin-bottom:30px;
	text-align: left;
}*/

.texte ul li p.sousdescription{
/*margin-left:-150px;*/
float:left;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 13px;
margin-top:-3px;
margin-left: 20px;
}

.texte ul{
margin-top:20px;
margin-left:20px;
}

p.soustitredescription{
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 13px;
text-align: left;
color:#760000;
position:relative;
bottom:10px;
margin-left:10px;
width: 450px;
}
.texte p {
	text-align :center;
	margin-top:20px;
	line-height: 20PX;
	letter-spacing: 1;
}

.texte span.menus_prix {
	position: absolute;
	display: block;
	bottom:0;
	margin-bottom:-60px;
	right:0;
}

.sousmenu p {
		line-height: 20PX;
	letter-spacing: 1;
	margin-top:30px;
	text-align: center;
	width: 250px;
}
/*----RESTAURANT ----*/

h2.resto {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/resto_lesHorraires.png);
	background-repeat: no-repeat;
}
/*--- VINS -----*/
h2.vins {
	display: block;
	height: 37px;
	width: 250px;
	background-image: url(images/vins_lesVins.png);
	background-repeat: no-repeat;
}

/*--- Menus -----*/
h2.menu {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/menu_NosMenus.png);
	background-repeat: no-repeat;
}

ul li.menu{
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align:center;
}

span.menus_commentaire {
	font-size: 10px;
	color: #760000;
	display: block;
	padding: 5px;
	border-top: 1px dotted #760000;
	float:left;
	/*position: absolute;*/
	/*margin-top:60px;*/
}

/*--- Localisation -----*/
h2.loca {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/loca_venirManger.png);
	background-repeat: no-repeat;
}

/*---Contact --*/
h2.contact {
	display: block;
	height: 37px;
	width: 150px;
	background-image: url(images/contact_nouscontacter.png);
	background-repeat: no-repeat;
}
.texte form p {
	text-align: left;
}
.texte #contact {
	margin-top:50px;
}
em {
	font-style: italic;
}
strong {
font-weight: bold;
}
del {
	 text-decoration: line-through;
}
img.horraires {
	margin-top:20px;
	margin-left:40px;
}
.texte_vin{
	min-height: 100px;
	margin-top:30px;
	width: 450px;
	display: block;
	margin-left:30px;
	position: relative;
	float:left;
	z-index:1;
}
.texte_vin h3 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 24px;
	color:#760000;
	text-align: center;
	
}

.texte_vin img.illustration{
	margin-top:20px;
	max-width: 110px;
	min-height: 75px;
	margin-bottom:10px;
	border: 4px solid #760000;
}

.texte_vin ul li span{
display: block;
float:right;
margin-top:-12px;
width: 100%;
text-align: right;
background-position: 70%;
background-repeat: no-repeat;
padding-bottom:3px;
}
.texte_vin ul li{
	color:#760000;
	font-size: 12px;
	list-style: none;
	margin-bottom:20px;
	text-align: left;
}

.texte_vin h4 {
font-weight: bold;
margin:10px;
color:#760000;
width: 100%;
display: block;
text-align: left;
text-transform: uppercase;
}

.bulle {
	visibility: hidden;
	position: absolute;
	width: 120px;
	height: auto;
	color: black;
	z-index:1;
	bottom:0;
	right:0;
	display: block;
	background-color: #760000;
	margin-right:-60px;
	margin-bottom:10px;.
	color:#FFFFFF;
	text-align: center;
}
.bulle a {
	display:block;
	width:100%;
	padding:5px;
	color:#FFFFFF;
}
#accueilimg {
	display: block;
}

.titre_vins{
margin-bottom: -12px;
text-align:center;
}