#Top {
	width:821px;
	height:29px;
	background : url("../image/fond_page_haut.jpg") no-repeat bottom;
}
/*#Centre {
	background-color:#FFFEFE; border: solid #CA0319;border-width: 0 2px 0 2px; text-align:left; padding: 0 0 0 2px; width:815px; min-height:300px; height:auto;
}*/
#Centre {
	border: solid #CA0319;border-width: 0 2px 0 2px; text-align:left; padding: 0 0 0 0px; width:817px;  min-height:100%;
	overflow: auto;
	position: relative;
 	background-color:#FFFEFE; 
}

#CentreSimple {
	border: solid #CA0319; border-width: 0 2px 0 2px; text-align:left; padding: 0 0 0 0px; width:817px;  min-height:100%;
	overflow: auto;
	position: relative;
 	background-color:#FFFEFE;
	background : #FFFEFE url("../image/fond_page_left.jpg") 2px 0 no-repeat;
}



/*---------          ZONE DE GAUCHE  ---------*/
#Zone_gauche_230  {
	float:left;
	width:230px;
	height:100%;
	background : url("../image/fond_page_left.jpg") 2px 0 no-repeat;
	position: relative;
	padding: 0 0 10px 0px;
	
}
#Zone_gauche  {
	float:left;
	width:246px;
	height:100%;
	background : url("../image/fond_page_left.jpg") 2px 0 no-repeat;
	position: relative;
	padding: 0 0 10px 0px;
}
#Zone_gauche .btn {
	margin:10px 10px 0 20px;
}

#Zone_gauche .produit {
	width:169px;margin:10px 10px 0 20px;
}
#Zone_gauche .titre {
	width:188px;margin:0px 10px 0 10px;
}
#Zone_gauche .illustre {
	border: solid #FF9A01 1px; margin:10px 10px 0 10px;width:188px;
}
#Zone_gauche .illustre01 {
	width:188px;margin:10px 10px 0 0;
}


#Zone_gauche .menu {
	width:188px;
	/*height:60px;*/
	margin:0 10px 0px 10px;
}
#Zone_gauche .menu .type{
	display : block;
	float: left;
	text-align: left; 
	color: #F90; 
	font: bold 11px Verdana;
	border: 1px solid #F90;
}
#Zone_gauche .menu .type select{
	border : 0px;
	margin : 0px;
	padding : 0px;
	padding-left : 3px;
	text-align: left;
	height: 18px;
	font: bold 11px Verdana;
	color: #F90; 
	width:137px;
}
#Zone_gauche .menu .valide input{
	float: left;
	padding-left : 5px;
	text-align: left; 
	width: 24px;
	height: 24px;
	font-size: 0px;
	color: #000; 
}
#Zone_gauche .contenu {
	width:190px; 
}
#Zone_gauche .menu .contenu  p{
	margin: 0px;
	padding: 0 5px 0 5px;
}
#Zone_gauche .menu .contenu p a{
	color:#F90;
	font: bold  11px Verdana;
	display:block;
	background:url(../image/menu_coeur_off.gif) 0px 2px no-repeat;
	margin: 0px;
	padding: 0 0 5px 15px;
}
#Zone_gauche .menu .contenu p .actif{
	font: bold  11px Verdana;
	color:#C00;
	background:url(../image/menu_coeur_on.gif) 0px 2px no-repeat;
	margin: 0px;
	padding: 0 0 5px 15px;
}
#Zone_gauche .menu .contenu p a:hover{
	color:#C00;
	background:url(../image/menu_coeur_on.gif) 0px 2px no-repeat;
}
#Zone_gauche .menu .contenu .trait{
	background:url(../image/menu_trait.gif) no-repeat;
	background-position: center;
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}
/*---------            FIN ZONE DE GAUCHE  ---------*/
/*---------------  		ZONE MILLIEU  		---------------------*/
#Zone_millieu {
	float:left; width:353px; 
	height:auto;
	min-height:100%;
	padding: 25px 0 30px 0px; 
}
#Zone_millieu p, #Zone_millieu  ul{
	color:#600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;padding-right:5px
}

#Zone_millieu  ol{
	color:#600; font: bold  12px Verdana; padding-right:5px;
	background:url(../image/coeur_titre_orange.gif) no-repeat top left;
	margin: 0px;
	padding: 0 0 5px 21px;
}

#Zone_millieu h2{
	color:#F90;
	font: bold  12px Verdana;
	border: solid #F90;border-width: 0 0 1px 0;
	background:url(../image/coeur_titre_orange.gif) no-repeat top left;
	margin: 0px;
	padding: 0 0 5px 21px;
}

#Zone_millieu .liste, #Zone_millieu550 .liste {
	border: solid #CA0319 1px; padding:5px; width:545px; clear:both;
}
#Zone_millieu .liste table td p, #Zone_millieu550 .liste table td p{
	height:100%;margin:0pt;padding:5px 0pt;
}

#Zone_millieubleu {
	float:left; width:353px; 
	height:100%;	
	
	padding: 0 0 30px 0px; 
}
#Zone_millieubleu p, #Zone_millieu550 p{
	color:#600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;padding-right:5px
}

#Zone_millieubleu h2{
	color:#F90;
	font: bold  12px Verdana;
	border: solid #F90;border-width: 0 0 1px 0;
	background:url(../image/coeur_titre.gif) no-repeat top left;
	margin: 0px;
	padding: 0 0 5px 21px;
}


	/*--------- orange---------*/
#Zone_millieu550 {
	position: relative;
	float:left; 
	width:550px; 	
	height:auto;
	min-height:100%;
	padding: 0 0 30px 0px; 
}
#Zone_millieu550 .menu {
	float:right;
	margin:0;
}
#Zone_millieu550 .titre{
	float:left; 
}
#Zone_millieu550 .illustre{
	float:right; 
	border: solid #FF9A01 1px;margin:7px 0 0 0px;
}
#Zone_millieu550 .prepa{
	float:left;font-size:10px;width:140px;color:#F90; font-weight:bold;
}
#Zone_millieu550 .ingre{
	float:left; font-size:10px;width:220px;color:#C00;height:95px; overflow:auto;
}
#Zone_millieu550 .ingre p{
	padding:0px;margin:0px;
	}

#Zone_millieu550 .base p{
	float:left; 
	color:#F90; font: bold  11px Verdana;
	margin:0 11px 15px 0;  
	width:125px; 
	height:178px;
	background : url("../image/trait_mauve.gif") repeat-x bottom;
}
#Zone_millieu550 .base p a{
	color:#F90; font: bold  11px Verdana; padding-top:10px; 
}

#Zone_millieu550 .base p img{
	border: solid #E4C0C0 1px; width:124px;margin-bottom:4px;
}

#Zone_millieu550 h2{
	clear:left;
	color:#F90;
	font: bold 14px Verdana;
	border: solid #F90;border-width: 0 0 1px 0;
	background:url(../image/coeur_titre_orange.gif) no-repeat top left;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 21px;
	width:auto;
}
#Zone_millieu550 .recette{
	display: block; width:540px;color:#C00;font: 11px Verdana; clear:both; padding-bottom:10px;
}
#Zone_millieu550 .recette p{
	clear: both; color:#C00; width:540px;font: 11px Verdana; font-weight:normal;  
	margin:0;  
	height:100%;
	background-image: url();
}
#Zone_millieu550 .profil h3{
	clear:left;
	color:#F90;
	font: bold 12px Verdana;
	background:url(../image/coeur_titre_orange.gif) no-repeat top left;
	margin: 0px;
	padding: 0 0 0px 21px;
	width:auto;
}
#Zone_millieu550 .profil p, #Zone_millieu550 .profil ul {
	color:#600; font: normal  11px Verdana;
	padding: 0 0 0 0px;
}
#Zone_millieu550 .profil img {
	position:absolute;
}
	/*--------- fin orange---------*/
	/*--------- rouge---------*/
#Zone_millieu_recette {
	float:left; width:400px; 
	height:auto;
	min-height:100%;
	padding: 1px 0 30px 0;
}
#Zone_millieu_red {
	float:left; width:390px; 
	height:100%;
	padding: 0 0 30px 0px; 
}
#Zone_millieu_red p{
	color:#600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;padding-right:5px
}
#Zone_millieu_red p a{
	color:#600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	text-decoration: underline;	
}
#Zone_millieu_red p a:hover{
	text-decoration: none;	
}
#Zone_millieu_red h2{
	color:#C90118;
	font: bold  12px Verdana;
	border: solid #F90;border-width: 0 0 1px 0;
	background:url(../image/coeur_titre_rouge.gif) no-repeat top left;
	margin: 0px;
	padding: 0 0 5px 21px;
}
#Zone_millieu550red {
	position: relative;
	float:left; 
	width:550px; 	
	height:auto;
	min-height:100%;
	padding: 0 0 30px 0px; 
}
#Zone_millieu_red p{
	color:#660000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;padding-right:5px
}
#Zone_millieu_red .titre{
	float:left; 
}
#Zone_millieu550red .illustre{
	float:right; 
	border: solid #FF9A01 1px;margin:7px 0 0 0px;
}
#Zone_millieu550red .prepa{
	float:left;font-size:10px;width:140px;color:#F90; font-weight:bold;
}
#Zone_millieu550red .ingre{
	float:left; font-size:10px;width:220px;color:#C00;height:95px; overflow:auto;
}
#Zone_millieu550red .base p{
	float:left; 
	color:#C90118; font: bold  11px Verdana;
	margin:0 11px 15px 0;  
	width:170px; 
	height:220px;
	background : url("../image/trait_mauve.gif") repeat-x bottom;
	text-align:center;
}
#Zone_millieu550red .base p a{
	color:#C90118; font: bold  11px Verdana; padding-top:10px; 
}

#Zone_millieu550red .base p img{
	border: solid #E4C0C0 1px; width:169px;margin-bottom:4px;
}

#Zone_millieu550red h2{
	clear:left;
	color:#C90118;
	font: bold 14px Verdana;
	border: solid #F90;border-width: 0 0 1px 0;
	background:url(../image/coeur_titre_rouge.gif) no-repeat top left;
	margin: 0px;
	padding: 0 0 5px 21px;
	width:auto;
}
#Zone_millieu550red .recette{
	display: block; width:540px;color:#C00;font: 11px Verdana; clear:both; padding-bottom:10px;
}
#Zone_millieu550red .recette p{
	clear: both; color:#C90118; width:540px;font: 11px Verdana; font-weight:normal;  
	margin:0;  
	height:100%;
	background-image: url();
}
	/*--------- fin rouge---------*/
/*---------       ZONE DE DROITE  ---------*/
#Zone_droite {
	float:left;
	position: relative;
	height:100%;
	min-height:100%;
	padding: 0 0 10px 0px;

}
#Zone_droite .articles{
	float:left;
	width:192px;
	margin:15px 1px 10px 0;
	position: relative;
}
	/*---------  	bleu  ---------*/
#Zone_droite .articles .contenu {
	background-color:#FF9900; width:190px; border: solid #F4CB4F; border-width: 0 1px 0 1px;
}
#Zone_droite .articles .Haut_orange{
	display:block;
	width:192px;
	height:42px;
	background:url(../image/article_haut.gif) 0px 0px no-repeat;
}
#Zone_droite .articles .Bas_orange{
	display:block;
	width:192px;
	height:9px;
	background:url(../image/article_bas.gif) 0px 0px no-repeat;
}
#Zone_droite .articles .contenu  p{
	margin: 0px;
	padding: 0 5px 0 5px;
}
#Zone_droite .articles .contenu p a{
	color:#FFF;
	font: bold  11px Verdana;
	display:block;
	background:url(../image/article_coeur_off.gif) 0px 2px no-repeat;
	margin: 0px;
	padding: 0 0 5px 15px;
}
#Zone_droite .articles .contenu p a:hover, #Zone_droite .articles .contenu p a .actif{
	color:#C00;
	background:url(../image/article_coeur_on.gif) 0px 2px no-repeat;
}
#Zone_droite .articles .contenu .trait{
	background:url(../image/article_trait.gif) no-repeat;
	background-position: center;
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}
#Zone_droite .articles .contenu .fin{
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}

	/*---------  	fin orange  ---------*/
	/*---------  		bleu  ---------*/
#Zone_droite .contenu_bleu {
	background-color:#3399FF; width:190px; border: solid #F4CB4F; border-width: 0 1px 0 1px;
}
#Zone_droite .articles .Haut_bleu{
	display:block;
	width:192px;
	height:42px;
	background:url(../image/article_haut_bleu.gif) 0px 0px no-repeat;
}
#Zone_droite .articles .Bas_bleu{
	display:block;
	width:192px;
	height:9px;
	background:url(../image/article_bas_bleu.gif) 0px 0px no-repeat;
}
#Zone_droite .articles .contenu_bleu  p{
	margin: 0px;
	padding: 0 5px 0 5px;
}
#Zone_droite .articles .contenu_bleu p a{
	color:#FFF;
	font: bold  11px Verdana;
	display:block;
	background:url(../image/article_coeur_off_bleu.gif) 0px 2px no-repeat;
	margin: 0px;
	padding: 0 0 5px 15px;
}

#Zone_droite .articles .contenu_bleu p a:hover {
	color:#036;
	background:url(../image/article_coeur_on_bleu.gif) 0px 2px no-repeat;
}
#Zone_droite .articles .contenu_bleu .trait{
	background:url(../image/article_trait_bleu.gif) no-repeat;
	background-position: center;
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}
#Zone_droite .articles .contenu_bleu .fin{
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}
	/*---------  	fin bleu  ---------*/
/*---------  	Idee recette  ---------*/
#Zone_droite .ide .contenu {
	background-color:#FF9900; width:160px; border: solid #F4CB4F; border-width: 0 1px 0 1px;
}
#Zone_droite .ide .Haut_orange{
	display:block;
	width:192px;
	height:42px;
	background:url(../image/article_haut.gif) 0px 0px no-repeat;
}
#Zone_droite .articles .Bas_orange{
	display:block;
	width:192px;
	height:9px;
	background:url(../image/article_bas.gif) 0px 0px no-repeat;
}
#Zone_droite .ide .contenu  p{
	margin: 0px;
	padding: 0 5px 0 5px;
	text-align:center
}
#Zone_droite .ide .contenu p a{
	color:#FFF;
	font: bold  11px Verdana;
	display:block;
	margin: 0px;
}
#Zone_droite .ide .contenu p a:hover{
	color:#C00;

}
#Zone_droite .ide .contenu .trait{
	background:url(../image/article_trait.gif) no-repeat;
	background-position: center;
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}
#Zone_droite .id .contenu .fin{
	font: bold  5px Verdana;
	margin: 0px;
	padding: 0px;
	height:16px;
}
/*---------       FIN ZONE DE DROITE  ---------*/
#Valeur {
 font-size:10px;
 font-weight:bold;
}
#Valeur .gramme{
	background-color:#f8f0c0;
	color: #0088c8;
	width:33%;
}
#Valeur .energie{
	background-color:#e81828;
	color: #FFF;
	width:33%;
}
#Valeur .proteine{
	background-color:#e86020;
	color: #FFF;
	width:33%;
}
#Valeur .glucide{
	background-color:#f09018;
	color: #FFF;
}
#Valeur .lipide{
	background-color:#f8c010;
	color: #FFF;
}
#Valeur .calcium{
	background-color:#0088c8;
	color: #FFF;
}
#Valeur .sodium{
	background-color:#663366;
	color: #FFF;
}
#Valeur .fibres{
	background-color:#009900;
	color: #FFF;
}