body
{
   width: 100%;
   height:100%;
   margin:0px auto 20px auto;   
   background:#42242C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

A {
	background: transparent;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
a img { 
  border : none; 
}


/* L'en-tête */

#en_tete
{
   background-image: url(1images/logo-mendels2.jpg);
	width: 850px;
   height: 118px;
   background-repeat: no-repeat;
}
#logo
{
width: 850px;
height: 110px;
background: #FFFFFF;
}

#droiteLogo
{
 margin-left: 250px;
   color: #B3B3B3;
   background-color: green;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   width:600px;
   height: 140px;
}

/* Le menu */

#globale{
margin:auto;
 width: 850px;

}

#menu
{
   float: left;
   width: 115px;
   background:green;
   height:100%;
}

.element_menu
{
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
.centre{
background:#FFFFFF;
width: 850px;
margin:auto;
text-align: center;
padding-top: 8px;
	
}
.droite-menu{
	background-color:#42242C;
	vertical-align: bottom;
	width:700px;
}
#nav {
				
				width: 150px ;
				height:150px;
				background-color: #F0E6DC;
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				
				}
			#nav li {
				background: #F0E6DC ;
				color: #42242C ;
				border: 0px solid  ;
			   font-size: 17px;
				height:21px;
				font-weight: bold;
				margin-bottom: 1px ;
				border: 1px solid #F0E6DC;
				}
			#nav li a {
				display: block ;
				background: #F0E6DC ;
				color: #42242C ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				font-weight: bold;
				padding: 2px 4px ;
				text-align: left;
				text-decoration: none ;
				}
	
	


				

/* Le corps de la page */

#traitLien
{
float:left;
   color: #B3B3B3;
   background-color: red;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   width:850px;
   height:2px;
}
#corps
{
float:left;
   color: #B3B3B3;
   background-color: #FFFFFF;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   width:850px;
min-height: 440px;

}

#corps1
{

   margin-left: 380px;
   margin-bottom: 20px;
   color: #B3B3B3;
   background-color: green;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   width:880px;

}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#texteA{
	width: 90%;/*80%*/
	margin: auto;
	padding: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:  #F0E6DC; /*#FCFCFC*/
	color: #555;
	border: 1px solid #EEEEEE;
	min-height: 100px;
}

#texteA2{
	width: 80%;/*80%*/
	margin: auto;
	padding: 18px;
	padding-bottom:3px;
	background: #F0E6DC; /*#FCFCFC*/
	color: #555;
	border: 1px solid #EEEEEE;
	min-height: 130px;
}

.photoAccueil{
	width: 740px;/*80%*/
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	background-color: #F0E6DC;;
	color: #555;
	

}

.photoAccueil2{
	width: 650px;/*80%*/
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	background-color: #F0E6DC;;
	color: #555;
	

}

#galerie{
	width: 100px;
	background:#F0E6DC;
	color:#42242C;
	margin: auto;
	padding: 8px;
	height: 50px;
	width:500px;
	text-align: center;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

#pied_de_page
{
padding: 6 px;
width: 850px;
background-color: #F0E6DC;;
height: 50px;
}

#pied1 {
	padding: 15px 20px;
	
	height:10px;
	text-align: center;
	font-size: .85em;
	background-color: #CAE5E0;
   vertical-align: middle;
}
#pied {
	padding-top: 9 px  ;
	padding-bottom: 3 px;
	margin: auto;
	width:850px;
	background: #F0E6DC; ;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
}

.defics{
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

.defics:hover{
color: #CCECD1;
text-decoration: none;
}

#titre{
	background: transparent;
	padding-left:50px;
	color:  #42242C;
	font-weight: bold;
	font-style: italic;
	text-transform:uppercase;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:20px;

}

.carte {
	background:#FFFFFF #F7F7F7 /*#CCE9E1*/;
	/*background:#DDDDDD;*/ 
	color:#000000;
	width: 605px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	


}

.carteTitre{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 color:#000000;
 font-variant: small-caps;
 text-align: center;
 height:40px;
 Font-size:20px;
}

.carteCommentaireTitre{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 color:#000000;
 text-align: center;
 Font-size: 11px;
}

.pointCarte {
	background-image: url(images/pointCarteNoir.png);
	background-position: left bottom;
	background-repeat: repeat-x;
 	width:1800px;
   margin-right: 5px;
	margin-left: 5px;
}

.pointCarteVide {
	background-position: left bottom;
	background-repeat: repeat-x;
 	width:18000px;
   margin-right: 5px;
	margin-left: 5px;
}

.article{
  color:#7D0200;
  font-size: 13px;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
  white-space: nowrap;

}
.description{
  color:#000000 ;
  vertical-align: top;
  height: 30px;
  font-weight: bold;
  font-size: 11px;
  font-family: Georgia, "Times New Roman", Times, serif;
  white-space: nowrap;
  padding-top:3px;
  padding-left:2px;

}

.prix{
  color:#000000;
  width:55px;
  text-align: center;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 1px;
  vertical-align: top;
  border-left: 1px  solid #000000; /* ccouleur blanche */ 
   

  }
.prix2{
 color:#000000;
  width:50px;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 2px;
  vertical-align: top;
  border-left: 1px  solid  #000000 ; /* ccouleur blanche */ 

}


.prixCategorie{
   width:50px;
  text-align: center;
  font-size: 15px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 2px;
  vertical-align: top
   
}
.laCarte{
	background-color: ;
   font-family: Arial Black;
	font-size: 15px;
	color:#CAE5E0;
	text-align: center;
	width:160px;
	padding-left: 3px;
}

.contenuMenu{
vertical-align: top;
border: border: 1px solid #CAE5E0 ;
	
}
/*Ici, vous pouvez jouer sur la largeur du menu*/
.carteMenu{
list-style-type: none;
background: #FFFFFF ;
margin: 0;
padding-left:3px; 
width: 138px;
}

/*définition des liens de la carte*/
.carteMenu li a{
 text-align: left;
 font-variant: small-caps; 
 font-size: 12px;
 display: block;
 width: 100%;
 padding: 2px 4px;
 text-decoration: none;
 font-weight: /*bold*/;
  background-color: transparent ; /* couleur de fond */
border: 1px solid #FFFFFF  ; /* couleur de la bordure*/
  color: #000000 ; /* couleur police des liens*/

}
/*survol des liens de la carte */
.carteMenu li a:hover, .carteMenu li a:active{
 color: #000000 ; /* couleur des liens au survol */ 
 text-decoration: none;
 /* border: 1px solid #811146 ; couleur de la bordure*/
 background-color:#CCE9E1;
}


.livraisons{
   background-color: #3C3A3A;
	color:#CCECD1;
	Height:20px;
	text-align: center;
	border: solid 1px #97AE9B;
}

#defics{
	 color:#ffffff;
	 width:850px;
	 text-align: center;
}

H1 { /* police titre du restaurant */
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #F0E6DC;
	font-size: 40px;
	text-align: center;
   margin-bottom: -0.1em; 
}
.cartes{
	width: 180px;
	height:206px;
	color:#FFFFFF;
	text-align: center;
}