/*body{
	background:#FF8800;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 10px solid #DDD;
}
*/


body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#86b444;
	text-align: center;
	}



/* page : utilisé pour encadrer le contenu 
couleur précédente du fond : #DDFFBB  */
#page{
	width: 780px;
	margin: 25px auto;
	background-color:white;
	text-align: left;
}
html>body #page {
     /* Valeurs Mozilla */
width:800px;
}


h1 {
	margin:0px 0px 0px 50px;
	padding:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:26px;
	font-style: italic;
	line-height:28px;
	color:black;
	font-weight:900;
}


h2 {
	margin:0px 0px 4px 0px;
	padding:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:22px;
	font-style: italic;
	line-height:22px;
	color:black;
	text-align:center;
}


p{
	font:14px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}



a {
	color:#09c;
	font-size:14px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}


img{
border:none;
}


/******************************************/
/*  1 : image en-tete */
/******************************************/
#Header {
	margin: 0px 0px 10px 0px;
	padding:10px 0px 0px 10px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
/*	border-style:solid;
	border-color:black; 
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
/*	line-height:11px;
	background-color:#eee; */

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}


/******************************************/
/*  2 : menu central */
/******************************************/

#menu_central {
left:10px;  
width:750px;
padding:10px 30px 0px 20px;
background-color:white; 
/* Modification aout 2008 : background-color:#DDFFBB; */ 
/* border: 1px solid black; /*  DEBUG */
}
html>body #menu_central {
     /* Valeurs Mozilla */
width:770px;
padding:10px 15px 0px 15px;
}

/* Définition des liens du menu central*/
#menu_central a{
  text-align:center;
  padding:1px 20px 1px 20px; /* valeur précédente = 14px */
  margin:0px; 
  border:1px solid #86b444;
/*  border: 1px solid black;
*/  text-decoration:none;  /* Definir des liens non soulignes*/
  display:block;   /* On ne va pas à la ligne grâce aux deux lignes 1 */
  height:26px;  /* pour que le drapeau soit aligné  */
}
html>body .menu_central a{
  width:78px;   /* Valeurs Mozilla */
  height:20px;
} 

#menu_central a{
  color:white; 
  background-color:#86b444; 
  float:left;      /* ne pas aller à la ligne (combiné 
                    avec display block)  */
  font-size: 15px;
/*  font-weight:bold; */
}

#menu_central a:hover {
color:rgb(86,86,86);
background-color:white;
text-decoration:none;
}



/******************************************
  3 : contenu
******************************************/

#Contenu {
	margin:0px 20px 50px 20px;  /* Valeurs IE : la premiere valeur definit la distance par rapport au haut de la page */	
	padding:40px 0 0 0;
	font-size:12px;
	width:750px;  /* Valeur limite pour pouvoir mettre trois photos */
	}
html>body #Contenu{
	margin:40px 50px 50px 10px;  /* Valeurs MOZILLA : la premiere valeur definit la distance par rapport au haut de la page */	
  padding:10px;
  width:760px;  /* Valeur limite pour pouvoir mettre trois photos */
}

 /* pour que l'image du logo du restau soit à droite */
.a_droite{
margin:0px 50px 0px 10px;
float:right;
}

.photoP2{
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #990066;
padding: 3px;
text-align: center;
border:none;
}

#Contenu a.photoP2{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
font-weight:500;
}
.liste_pages li{
list-style-type: disc;
color:black;
margin-top:7px;
font:12px/20px verdana, arial, helvetica, sans-serif;
}


.enumbuffet{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.enumplat{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/* en tete de la fenetre pop-up */
#Contenu .popup_haut {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
}
#Contenu .popup_haut a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
}

/* photo à gauche */
.photoP3{
float:left;
font-size: 10px;
padding: 3px;
margin:0px 25px 0px 0px;
border:none;
}


/******************************************
  4 : menu gauche
******************************************/
#Menu_gauche {
	position:absolute;
	top:150px;  /* valeur pour IE 
              a modifier pour régler la hauteur du menu */
	left:10px;
	width:110px;  
	padding:0px 0px 0px 0px;
	background-color:#eee;
	border:1px dashed #999;
	line-height:14px;
	}
	html>body #Menu_gauche {
	width:110px;   /* valeurs Mozilla */
}
/* Again, the ugly brilliant hack. 
	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
	} */
/* Again, "be nice to Opera 5". */
/*body>#Menu_gauche {width:150px;}  */

#Menu_gauche a{
	font-size:10px;
	color:black;
	font-weight:500;
}

#Menu_gauche a:hover{
	font-weight:600;
}

#Menu_gauche ul,li{
font-size:10px;
list-style-type: none;
padding:0px 0px 2px 4px;  /* la derniere valeur est la distance avec le bord gauche */
margin:0;
}
#Menu_gauche ul{
margin:4px 0px 0px 0px;
}
#Menu_gauche a.titre_menu_gauche{
color: rgb(255,102,51);
font-weight:600;
}

#Menu_gauche a.titre_menu_gauche:hover{
color:rgb(204,102,153);
}


/******************************************
  5 : menu droite 
	* Conteneur général du menu droite
	* menu droite en haut
	* menu droite milieu
******************************************/
#menu_droite{
float:right;
left:100px;
top:20px;
width:150px;
margin:0px;
padding:0px;
}

/* menu droite en haut */
#menu_droite_haut ul{
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#menu_droite_haut li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
padding:0;
}

#menu_droite_haut a{
display:block;
text-decoration:none;
color:black;
padding:1px 0px 1px 4px;
font-size:12px;
font-family:Helvetica, Arial, Verdana;
font-weight:400;
background-color:#fff;
}
#menu_droite_haut a:hover{
background-color:#eff4fa;
color:#036;
}
#menu_droite_haut a.titre_menu_droite{
padding-left:15px;
color:white;
background-color:rgb(0,51,153);
}
#menu_droite_haut a.titre_menu_droite:hover{
color:rgb(0,51,153);
background-color:white;
}



/* --------------- */
#menu_droite_milieu{
color:#655f4b;
background-color:#fff;
line-height:12px;
}

#menu_droite_milieu ul{
  margin:20px 0px 0px 0px;
	padding:7px 0px 8px 5px;
	background-color:#eee;
	border:1px dashed #999;
}

#menu_droite_milieu h2{
font-size:12px;
color:rgb(255,102,51);
font-weight:600;
margin:0px;
padding:1px 0px 1px 4px;
}

#menu_droite_milieu li{
list-style:none;
padding:1px 0px 2px 4px;
margin:0px;
}

#menu_droite_milieu a{
color:black;
display:block;
font-weight:400;
text-decoration:none;
padding:1px 0px 1px 4px;
margin:0px;
}

#menu_droite_milieu a:hover{
font-weight:600;
}

/******************************************
  6 : bas de page
******************************************/

.bas_de_page{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
text-align:center;
}

.bas_de_page a{
text-decoration:none;
font-size:9px;
font-weight:500;
}

/***********************************
7: Pop-up avec la photo apparaissant
************************/
.popup_ht {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #990066;
width: 400px;
padding-left:25px;
text-align:center;
}
html>body .popup_ht {
width: 400px;       /* valeurs mozilla */
padding-left:22px;
}

.popup_h img {
border-style:outset;
border-width:6px;
border-color:silver;
position: relative;
left: 50%;
width: 400px;
margin-left: -210px;
}
html>body .popup_h img {
width: 400px;       /* valeurs mozilla */
margin-left: -200px;
}


.popup_v img {
border-style:outset;
border-width:6px;
border-color:silver;
position: relative;
left: 50%;
width: 300px;
margin-left: -162px;
}
html>body .popup_v img {
width: 300px;       /* valeurs mozilla */
margin-left: -154px;
}

.popup_vt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #990066;
width: 294px;
padding-left:25px;
text-align:center;
}
html>body .popup_vt {
width: 294px;       /* valeurs mozilla */
padding-left:22px;
}

/* en-tete de la fenêtre pop-up  */
.popup_haut {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
}














/* Pour les images de drapeaux */
.flag img{
border-style:solid;
border-color:gray;
border-width:1px;  
}


.spacer{
clear:both;
}

form{
	font:11px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	font-weight:bold;
	padding:0px;
}