/* CSS SAM v1.0 */

/**********************************************STAYING FOOTER************************************************/

/*A N'UTILISER QUE LORQUE LE FOOTER DOIT RESTER EN BAS DE L'ECRAN***************************************/

/*html, body {
height: 100%;
}

#container {
min-height: 100%;
-height: 100%;
margin-bottom: -330px;
position: relative;
}

#footer-wrap {
height: 330px;
position: relative;
}

.clearfooter {
height: 330px;
clear: both;
}*/


/*************************************************GLOBAL****************************************************/

* {margin: 0; padding:0;}

body {
font-family: ;
font-size:  ;
font-weight:  ;
	background-image: url(gifs/590882-tranches_03.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #4C220A;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	letter-spacing: normal;
}

h1{
font-size : ;
font-weight:  ;
margin-bottom:15px;
}

h2{
font-size : ;
font-weight:  ;
margin-bottom:15px;
}

h3{
font-size : ;
font-weight:  ;
margin-bottom:15px;
}

blockquote {
}

ul {
}

.p1 {
}

.p2{
	margin-bottom:15px;
	line-height: 16px;
}

.liste li {
	padding:15px 0 !important;
}

.para_carte p {
	padding-left: 35px;
	padding-bottom:5px;
}

/*.para_carte {
	padding-left: 35px;
	padding-bottom:5px;
}*/

.para_carte2 {
	padding-left: 337px;
	padding-bottom:5px;
}

.p3{
font-size:14px;
	padding-top:60px;
	margin-bottom: 15px;
	line-height: 20px;
	display:block;
}

.p3 strong{
	font-weight: bold;
	color: #652627;
}

.p3 a {
	font-weight: bold;
	color: #652627;
	text-decoration: underline;
}
.p3 a:hover {
	color: #FFFFFF;
	background-color: #652627;
	text-decoration: none;
}

.img1 {
	float:left;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0;
}

.img2 {
}

.img3{
}


/******************************************************************** Lien ******************************************************************/


.rouge{
color:#ba400b;
}

.marron{
color:#ce8938;
}

.or{
color:#a57523;
}

.violet{
color:#683C53;
}

/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/


/****************************************************STRUCTURE****************************************************/

#container {
	width:960px;
	margin:0 auto 0 auto;
	overflow: hidden;
}

#header {
	height: 200px;
	position: relative;
	width: 960px;
	margin-bottom: 50px;
	overflow: hidden;
}

#diapo {
}

#logo {
}

#menu {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#navigation-secondaire {
}

#colonne-gauche {
	float:left;
	display:inline;
	width: 230px;
	margin-right: 20px;
	background-image: url(gifs/590882-tranches_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	overflow: hidden;
}

#encart-contact {
	background-image: url(gifs/590882-coord_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 167px;
	width: 250px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#encart-contact p {
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	margin-top: 65px;
	margin-left: 50px;
}


#encart-acces {
}

#encart-actu {
	height: 269px;
	padding-top: 55px;
	padding-right: 25px;
	padding-left: 25px;
	color: #FFFFFF;
}

#encart-actu li span{
	line-height:17px;

}

#encart_actualite ul {
	list-style-type: none;
		padding:0 !important;
	margin:0 !important;
}

.liens_encart a {
	height:20px;

}

#encart_actualite p {
	padding-top:15px;
	
}

#encart-actu li a{
	font-weight:bold;
	display:block;
	color:#FFFFFF;
}

#encart_actualite li {
	padding:10px 0 10px 0;
	margin:0 !important;
	border-bottom:#CCCCCC 1px solid;

}

#encart-actu ul{
	padding:0 !important;
	margin:0 !important;
}

.liens_encart a{
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	/*margin-top:15px;
	margin-bottom:15px;*/
}

#encart-newletter {
}

#centre {

	float: left;
	display:inline;
	width: 710px;
	overflow: hidden;
}
#plan {
	float: left;
	width: 330px;
	margin-right: 30px;
	display: inline;
}
#contact {
	display: inline;
	float: left;
	width: 310px;
}



#presentation {
	background-image: url(gifs/590882-background_28.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 363px;
	width: 700px;
	position: relative;
	overflow: hidden;
}

#presentation h1 {
}

#presentation p {
}

.lien1 {
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	position: absolute;
	left: 10px;
	top: 145px;
}

.lien1:hover {
	color: #999999;
	}
	
.lien2 {
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	position: absolute;
	left: 10px;
	top: 235px;
}

.lien2:hover {
	color: #999999;
	
}


#encart1 {
	padding: 15px;
	height: 243px;
	width: 305px;
	position: absolute;
	right: 25px;
	bottom: 0px;
	line-height: 16px;	
}
#encart1 a:hover {
	color: #914213;
}

#encart1 p {
	margin-bottom: 15px;
}


#encart1 p:first-letter {
	font-size:18px;
}

.para1 {
	width: 260px;
	margin-bottom: 15px;
	margin-left: 55px;
}

.para1:first-letter {
	font-size:18px;
}
#encart1 a {
	font-size: 14px;
	font-weight: bold;
	color: #55290e;
	text-decoration: none;
	margin-top: 35px;
	margin-left: 15px;
	
}

#encart1 a.moi {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top:auto;
	margin-left:auto;
	text-decoration:underline;
	
	}
	
p a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top:auto;
	margin-left:auto;
	text-decoration:underline;
		}
		
p a:hover {
	font-size: 12px;
	font-weight: bold;
	color:#CCCCCC;
	margin-top:auto;
	margin-left:auto;
	text-decoration:underline;
	
	}
	
#encart1 a.moi:hover {
	font-size: 12px;
	font-weight: bold;
	color:#CCCCCC;
	margin-top:auto;
	margin-left:auto;
	text-decoration:underline;
	
	}
	


#encart2{
}

#encart3{
}

#encart4{
}

#content {
	background: url(gifs/bg-content_05.jpg) no-repeat #FFFFFF ;
	padding: 10px;
	width: 690px;
	text-align:justify;
}

.right {
	float:right;
	margin-left:25px;
}

.left {
	float:left;
	margin-right:25px;
}


#content h1 {
	font-size: 24px;
	text-indent:60px;
	line-height:40px;
	padding:0 0 30px 0;
	margin:0;
}


#content h2 {
	font-size: 18px;
	color: #BA400B;
	background-image: url(gifs/puce.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
}

#content h3 {
	font-size: 16px;
}

#content ul{

	margin-bottom: 15px;
}

#content li ul{
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

#content li {
	padding-bottom: 5px;
	padding-top:5px;
	margin-left: 30px;
	list-style-type: square;
	list-style-position: outside;
}

#content li li {
	margin-left: 15px !important;
	list-style-type:none;
}

#content li a{
	text-decoration:underline;
	font-weight:bold;
	color:#BA400B;
}
#content dl {
	padding-left: 50px;
	margin-bottom: 20px;
}
.switcher2 {
	color: #BA400B;
	text-decoration: none;
}

.switcher2:hover {
	color: #7C2B07;
	text-decoration: underline;
}

.switcher {
	color: #683C53;
	text-decoration: none;
	margin-left: 40px;
	font-size: 13px;
}
.switcher:hover {
	color: #472939 !important;
	text-decoration: underline;
	margin-left: 40px;
	font-size: 13px;
}

.reducer1 {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}



#content dt {
	font-size: 14px;
	background-image: url(gifs/restaurant_vieux_lille.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 45px;
	font-weight: bold;
	color: #340E01;
	margin-bottom: 20px;
}
#content dd {
	margin-bottom: 5px;
	margin-left: 100px;
}
#content dd em {
	margin-left: 15px;
}





#footer-wrap {
}

#footer {
	width:960px;
	margin-top: 25px;
	
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #A09B9B;
	height: 50px;
	text-align:center;
}
#footer p {
	text-align: center;
	font-size: 11px;
}
#footer p a {
	color: #A09B9B;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
}
#footer p a:hover {
	color: #fff;
	text-decoration: none;
}


#footer-coordonnees {
}

#footer-navigation {
}

#footer-savoir-plus {
}

#footer-support{
}

#relance-navigation {
}
/***********************************************************CONTACT FORMULAIRE*********************************/

.ligne-contact1 p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-bottom: 10px;
	display: inline;
	width: 310px;
}

.ligne-contact2 p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-bottom: 10px;
	display: inline;
	width: 310px;
}

.bloc-message p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-bottom: 10px;
	display: inline;
	width: 310px;
}

.input_form {
	background-color: #FFFFFF;
	border:1px solid #772534;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 310px;
}
.champs-obligatoires {
	font-size: 11px;
	color: #333333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.area_form {
	background-color: #FFFFFF;
	border: 1px solid #772534;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 310px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	margin-left: 100px;
	cursor: pointer;
	background-color: #4c220a;
}

.bouton_form:hover {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #999999;
	display: block;
	margin-left: 100px;
	cursor: pointer;
	background-color: #823C11;
}


#form-contact {
	width: 310px;

}

/*********************************MENU**************************************************/

ul.MenuHorizontal {
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

ul.MenuHorizontal li {
   float: left;
   width: 140px;
   height:25px;
   
}

ul.MenuHorizontal li a {
	display: block;
	background-color: #FF0000;
	color: #FFF;         /*Ici, changer la couleur de la police*/
	padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
	height: 25px;         /*Ici, on augmente la hauteur du menu*/

	line-height: 25px;
	text-align: left;
	text-decoration: none;
	margin-left: 5px;
	padding-left:10px;
}

li#menu0 a {
   background-color: #DE6A14;        /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-color: #ba400b;        /*Ici l'image de fond de la cellule*/
}

li#menu2 a {
   background-color: #ce8938;        /*Ici l'image de fond de la cellule*/
}

li#menu3 a {
   background-color: #a57523;        /*Ici l'image de fond de la cellule*/
}

li#menu4 a {
   background-color: #683c53;        /*Ici l'image de fond de la cellule*/
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/590882-hover_09.jpg') !important;         /*Ici l'image de fond over de la cellule*/
	font-weight:bold;
	color:#000;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/590882-hover_11.jpg') !important;         /*Ici l'image de fond over de la cellule*/
  font-weight:bold;
	color:#000;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/590882-hover_13.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   font-weight:bold;
	color:#000;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/590882-hover_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   font-weight:bold;
	color:#000;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/590882-hover_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
  font-weight:bold;
	color:#000;
}
/****************************DROPDOWN************************************/

#menu {
	height:25px;
	width:750px;
	position:relative;
	left: 270px;
	top:-75px;
}

.dropdown {
	margin:0;
	padding:0;

}


* {
	padding:0;
	margin:0;
}

#test {
	background:#FF0000;
	height:80px;
}

.dropdown li {
	cursor:pointer;
	width:135px!important;

	color: #fff;
	margin:0px;
	list-style:none;
}

.dropdown p{

	font-size: 14px;
	cursor:pointer;
	width:200px;
	color: #fff;
	padding-top:5px;
	margin:0px;
	padding-left: 10px;
	line-height: 24px;
}

.dropdown a { 


	cursor:pointer;
	color: #fff;
	
	text-decoration:none;
	font-weight:normal;
}

.dropdown p a { 


	cursor:pointer;
	color: #d80008;
	
	text-decoration:none;
	font-weight:normal;
	}

.dropdown p a:hover {

	font-size: 12px;
	cursor:pointer;
	color: #930003;

}

.dropdown a:hover {


	cursor:pointer;
	color: #999999;

}

.ya li {
	float:left;
	display:block;
	width:166px;
	padding-left:70px;
	margin:0;
	height:23px;
	line-height: 23px;
	background-image: url(gifs/620302-tranches1_27.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: -30px;
	
}

.ya ul {
	display:block;
	width:171px;
	margin:0;
	padding:0px;
	height:26px!important;
}

.ya {
	padding:0;
	height:23px;
	margin-top: 20px;
	margin-right: 0px;;
	margin-bottom: 0px;
	margin-left: 0;
}
#deroule {
	background:#FF0000;
}

.yo li a{
	float:left;
	color:#006600;
}

.dropdown ul {
	overflow:hidden; 
	
	display:none;
	margin:0 !important;
	padding:0 !important;

}
/*.dropdown ul { 

	list-style:none; 
	border-top:none;
	width:800px !important;
	margin:0;
	padding:0;
	height:30px;


}*/
.dropdown li {

	padding:0px;
	margin:0;
	
	background:none !important;
}




#ss-menu2 {
	position:absolute;
	top:27px;
	height:auto;
	padding-left:5px;
	left:140px;
	overflow:hidden;
	z-index:500;
}

#one-ddcontent li a {
	display: block;
	overflow:hidden;
	color:#FFFFFF;
	background-color: #ba400b;
	text-indent:10px;
	height:25px;
	line-height:25px;	
}

#one-ddcontent li a:hover {
	display: block;
	overflow:hidden;
	color:#000000 !important;
	background: #c68300 !important;
}

.menu ul{
	padding:0 !important;
	margin:0 !important;
}

.orange{
	color:#BA400B;
	text-align:center;
}

.ligne_sep {
	background-image:url(gifs/restaurant_vieux_lille.jpg);
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 45px;
	margin-bottom: 20px;
}


.sous_menu {
	border-color:#A57523;
	border-style:dotted;
	padding-top:10px;
	margin-left:35px;
	padding-left:20px;
	width:130px;
}

.para_vin {
	padding-left:25px;
	margin-top:8px;
	margin-bottom:3px;
}

.lien_left {
	color:#000000;
}

.entete a {
	color:#ffffff;
	text-decoration:none;
	
}

.entete a:hover {
	color:#A09B9B;
}

.entete {
	background-image:url(gifs/entete.jpg);
	background-repeat:no-repeat;
	height:96px;
	width:720;
	padding-top:65px;
	padding-left:90px;
	
}

.float4 {
	color:#FFFFFF;
	float:left;
	font-size:16px;
}

.float5 {
	color:#FFFFFF;
	float:left;
	padding-left:250px;
	font-size:16px;	
}

.right_img {
	width:310px;
	float:right;
	color:#A57523;
}

.right_img p {
	background-image:url(gifs/deco_03.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	background-color:#3B1603;
	padding-left:14px;
	text-align:left;
	width:296px;
}

.right_img_vins{
	width:150px;
	float:right;
	color:#A57523;
}

.right_img_vins p {
	background-image:url(gifs/deco_03.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	background-color:#3B1603;
	padding-left:14px;
	float:right;
	text-align:left;
	width:136px;
}


.left_img1 {
	width:310px;
	float:left;
	color:#A57523;
	margin-right:15px;
}

.left_img1 p {
	background-image:url(gifs/deco_03.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	background-color:#3B1603;
	padding-left:14px;
	float:right;
	text-align:left;
	width:296px;
}

.lien_interne {
	text-align:right;
}

.lien_interne a {
	color:#000000;
}

.lien_interne a:hover {
	color:#A09B9B;
}

.clear {
	clear:both;
}


.texte_droit {
	float:left;
	width:340px;
}

.centrer {
	text-align:center;
}

.marge_haut {
	padding-top:65px;
}