html, body {
 height:100%;
background-color: #E53138;
}



/*  ------------------------------------------
/*  Corps Principal
/*  ------------------------------------------
*/

ul {
 list-style:none; 
 text-align: left;
 padding: 0;
 margin: 0 auto;
 display:block;
  }
  
table {
 text-align:left ;
 background-color:#FFFFFF;
 }
 
a {
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none
	}

a:hover {
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:underline
	}
 
#site {
	position:relative;
	width: 800px;
	height: auto;
	margin: 8px auto;
	padding: 0;
	text-align: left;
	font-size: 70%;
	line-height: 150%;

}




/*  ------------------------------------------
/*  Bandeaux supérieur
/*  ------------------------------------------
*/
#bandeau {
	width: 800px;
	position:relative;
	float:left;
	height: 223px;
	background:#FFFFFF url(images2/bandeau.gif) no-repeat    ; 
}


/*  ------------------------------------------
/*  Navigation supérieure
/*  ------------------------------------------
*/

#menu {
	width: 800px;
	height: 58px;
	position:relative;
	float:left;	


}

  #menu li{
	display:inline;
}
 



#menu li a {
float:left;
height:0pt;
overflow:hidden;
padding-top:58px;
background-image: url(images2/menu.gif);
background-repeat:no-repeat;
}

#menu li a:hover {
float:left;
height:0pt;
overflow:hidden;
padding-top:58px;
background-image: url(images2/menu_over.gif);
background-repeat:no-repeat;
}

#menu li#presentation a,a:hover { width: 100px; background-position:0px 0px }
#menu li#gourmandises a,a:hover { width: 109px; background-position:-100px 0px }
#menu li#demarche a,a:hover { width: 105px; background-position:-210px 0px }
#menu li#conseils a,a:hover { width: 90px; background-position:-315px 0px }
#menu li#pdv a,a:hover { width: 80px; background-position:-405px 0px }
#menu li#fromage a,a:hover { width: 75px; background-position:-485px 0px }
#menu li#presse a,a:hover { width: 75px; background-position:-560px 0px }
#menu li#contact a,a:hover { width: 78px; background-position:-635px 0px }
#menu li#liens a,a:hover { width: 80px; background-position:-712px 0px }


#menu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10e.m;
	color:#FFFFFF;
	text-decoration:none;

} 

/*  ------------------------------------------
*/

/*  ------------------------------------------
/*  CENTRE
/*  ------------------------------------------
*/

#centre {
	width: 800px;
	height: 100%;
	position:relative;
	float:left;
	background:#FFFFFF url(images2/centre.gif) no-repeat    ; 
}

 
#contenu {
	margin-left:100px;
	margin-top:40px;
	margin-bottom:100px;
	width: 700px;
	height: 100%;
	position:relative;
	float:left;
	display:inline;

} 

#rechercher{
	padding-left:450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
	width:100%;

	}


#image {
	margin-left:30px;
	margin-top:33px;
	width: 300px;
	height: 100%;
	float:left;
	
} 



#texte {
	width: 350px;
	height: 100%;
	float:left;
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000000;
	text-align:justify
} 

#texte h3{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#E53138;
	font-weight:400;
	
} 

#texte h4{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:larger;
	color:#000000;
	font-weight:500;
	
}

#texte a{

	color:#E53138;
	text-decoration:none;
	border: solid #000000;	
	border:none;
	
}

#texte a:hover{

	color:##E53138;
	text-decoration:underline;	
	border: solid #000000;	
	border:none;
}


#liste {
	padding-top: 10px;
	width: 700px;
	height: 100%;
	float:left;
	border: solid #E53138;
	border-width:0.1em 0  0  0;
	
} 



/*  ------------------------------------------
/*  PIED DE PAGE
/*  ------------------------------------------
*/

#page_pied {
	width: 640px;
	height: 58px;
	position:relative;
	padding-left:160px;
	padding-top:10px;
	
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#FFFFFF;
	background:url(images2/pied.gif) no-repeat    ; 
	
}

#page_pied a  {
	font-size: xx-small;
	color:#FFFFFF;
	text-decoration:none;
}

#page_pied a:hover {
	text-decoration:underline;
}