BODY {
	margin: 0 auto;
}
BODY#Background {
	background: #E8FC8C;
}
BODY, TD, P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
IMG {
	border: 0;
	/*margin: 0; enlever pour que les hspace des images du contenu html soit pris en compte*/
	vertical-align: middle;
}

DIV.Footer{border:1px solid red; margin-bottom:5px;}
/* LIENS */
A {
	text-decoration: none;
	color: black;
}
A:hover {
	text-decoration: underline;
}

A.white {
	color: white;
	text-decoration: none;
}
A.white:hover {
	text-decoration: none;
}

/* LAYOUT */
DIV#Page {
	background: url('../images/page_bg.png') repeat-y;
	width: 910px;
	margin: 0 auto;
}

DIV#PagePrint {
	width: 509px;
	margin: 0 auto;
}
DIV#Page DIV#Main {
	margin: 0 auto;

}

DIV#Page DIV#Main DIV#Left {
	float: left;
	width: 153px;
	margin-top: 10px;
	padding: 0px 5px 0px 10px;
	display: inline;
	overflow: hidden;

}

DIV#Page DIV#Main DIV#RightContent {
	float: left;
	width: 742px;
	padding: 0;
	margin: 0;
	display: inline;
	overflow: hidden;

}

DIV#Page DIV#Main DIV#RightContent DIV#Top {
	overflow:visible;
	height: 132px;
	font-size: 18px;
}

DIV#Page DIV#Main DIV#RightContent DIV#Content {
	font-size: 12px;
}

DIV#Page DIV#Main DIV#RightContent DIV#Content DIV#Body {
	float: left;
	width: 508px;
	display: inline;
	overflow: hidden;

	padding: 0px 12px 0px 10px;
}

DIV#Page DIV#Main DIV#RightContent DIV#Content DIV#Right {
	float: left;
	width: 169px;
	padding: 0px 22px 0px 21px;
	overflow: hidden;

}

DIV#Page DIV#Main DIV#RightContent DIV#Top DIV#TopLeft {
	overflow: hidden;
	float: left;
	width: 242px;
	height: 110px;
}

DIV#Page DIV#Main DIV#RightContent DIV#Top DIV#TopRight {
	float: left;
	width: 470px;
	height: 100px;
	vertical-align:middle;
}

DIV#Page DIV#Main DIV#RightContent DIV#Top DIV#TopLeft DIV#Logo {
	width: 242px;
	height: 80px;
	display: block;
}

DIV#Page DIV#Main DIV#RightContent DIV#Top DIV#TopLeft DIV#Recherche {
	width: 242px;
	height: 22px;
}
/* Bloc du site*/

.Box  {
	float:left;
	overflow: hidden;
	display: inline;
	width: 509px;
	margin: 0px 0px 10px 0px;
	
}

.Box .Box_Head {
	background: url('../images/bloc_grand_head.png') no-repeat;
	width: 489px;
	padding: 17px 10px 0px 10px;
	letter-spacing:-0.5px;
	height:auto !important;
	height:18px;
	min-height:18px !important;
	overflow:hidden !important;
	overflow: visible;
}

.Box .Box_Bg {
	background: url('../images/bloc_grand_bg.png')  repeat-y;
	width: 479px;
	padding: 5px 15px 5px 15px;
}

.Box .Box_Foot {
	background: url('../images/bloc_grand_footer.png')  no-repeat;
	height: 36px;
	width: 509px;
}


.Box .Box_Bg .Image{
	float:left;
	vertical-align: top;
	overflow: hidden;
	width:120px;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
}

.Box .Box_Bg .Image220{
	float:left;
	vertical-align: top;
	overflow: hidden;
	width:220px;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
}

.Box .Box_Bg .Texte{
	font-size: 12px;
	width: 340px;
	float: left;
	overflow: hidden;
	display: inline;
	padding: 0;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
}

.Box .Box_Bg .Texte240{
	font-size: 12px;
	width: 240px;
	float: left;
	overflow: hidden;
	display: inline;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/**Carte de france*/
#Carte  {
	background: center top url('../images/bloc_carte_bg.png')  no-repeat;
	width: 508px;
	height: 266px;
	margin-bottom: 10px;
}

#Carte #Carte_flash{

	float:left;
	width: 300px;
	height: 266px;
	overflow: hidden;
	display: inline;
}

#Carte #Carte_form{
	float:right;
	width: 178px;
	margin-left: 10px;
	margin-top: 190px;
	overflow: hidden;
	display: inline;
}

/***Recherche de recette*/
#Recherche_recette {
	background: url('../images/bloc_recherche_recette_bg.png')  no-repeat;
	width: 509px;
	height: 133px;
	margin-bottom: 10px;
}
#Recherche_recette_content {
	padding: 27px 5px 0px 10px;
}

/***Suggestion et Saveurs saison*/
.Suggestion  {
	float:left;
	overflow: hidden;
	display: inline;
	width: 250px;
	margin: 0px 0px 0px 4px;
	padding: 0;
}

.Saveur  {
	float:left;
	overflow: hidden;
	display: inline;
	width: 250px;
	padding: 0;
	margin: 0px 4px 0px 0px;
}

.BoxSS_Bg {
	background: url('../images/bloc_bg.png')  repeat-y;
	overflow: hidden;
	width: 220px;
	padding: 0px 15px 0px 15px;
	font-size: 12px;
	margin: 0;
}

.BoxSS_Foot {
	background: url('../images/bloc_footer.png')  no-repeat;
	height: 34px;
	width: 250px;
}


.BoxSS_Bg .Product{
	margin: 10px 0px 10px 0px;
}

.BoxSS_Bg .Image{
	float:left;
	vertical-align: top;
	overflow: hidden;
	width: 70px;
	padding: 0;
}

.BoxSS_Bg .Texte{
	font-size: 12px;
	width: 140px;
	float:right;
	overflow: hidden;
	display: inline;
	padding: 0;
}

.Market{
	background: center top url('../images/bouton_calendrier.png')  no-repeat;
	font-size: 12px;
	height: 33px;
	width: 166px;
	font-weight: bold;
	text-align:center;
	padding: 2px 5px 0px 45px;
}

/***Outlets*/
.ListOutlet{
	background: center bottom url('../images/bloc_degrade_foot.png')  no-repeat;
	width:509px;
	margin: 10px 0px 10px 0px;
	padding: 0 0 15px 0;
}

.ListOutlet .Voir{
	background: center top url('../images/bouton_vert_113.png')  no-repeat;
	font-size: 12px;
	height: 20px;
	width: 113px;
	float:right;
	text-align:center;
	font-weight: bold;
	padding: 3px 0 0px 0;
}

/***Outlets*/
.ListProduct{
	width:509px;
	margin: 10px 0px 10px 0px;
	padding: 0 0 0px 0;
}

.ListProduct .Product{
	width:118px;
	float:left;
	overflow: hidden;
	display: inline;
	margin: 10px 0px 10px 0px;
	padding: 0 8px 0 0px;
}

.ListProduct .ProductImage{
	width:80px;
	height:80px;
	overflow: hidden;
	border: 1px solid #8c8b8f;
	padding: 19px 19px 19px 19px;
}

.ListProduct .ProductText{
	width:118px;
	height:15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#WideProductImage{
	float:left;
	overflow: hidden;
	display: inline;
	width:200px;
	height:200px;
	overflow: hidden;
	border: 1px solid #8c8b8f;
	margin-right:10px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

#WideProductText{
	float:left;
	overflow: hidden;
	display: inline;
	width: 249px;
	padding: 0px 10px 0px 0px;
}
/***Recipe*/
#ListRecipe{
	width:509px;
	border-bottom: solid 1px #8c8b8f;
	margin-top:20px;
}

#ListRecipe #Recipe_Head{
	height: 22px;
	width:509px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top: 9px;
	color:#FFFFFF;
	background: url('../images/bloc_recette_head.png')  repeat-x;
}

#ListRecipe .Recipe_Content{
	padding-top: 5px;
	padding-bottom: 5px;
	width:509px;
}

#ListRecipe .ColumnRecette{
	text-align:left;
	float:left;
	overflow: hidden;
	display: inline;
	width:214px;
}

#ListRecipe .ColumnType{
	float:left;
	overflow: hidden;
	display: inline;
	width:90px;
	text-align:center;
}

#ListRecipe .ColumnDifficulte{
	float:left;
	overflow: hidden;
	display: inline;
	width: 85px;
	text-align:center;
}

#ListRecipe .ColumnTemps{
	float:left;
	overflow: hidden;
	display: inline;
	width: 50px;
	text-align:center;
}

#ListRecipe .ColumnEnvoyer{
	float:left;
	overflow: hidden;
	display: inline;
	width: 70px;
	text-align:center;
}

/*** Scores*/
/*Classe pour le javascript*/
.Question{
}

#ListScore{
	width:509px;
	border-bottom: solid 1px #8c8b8f;
	margin-top:20px;
}

#Score_Head{
	height: 22px;
	width:509px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top: 9px;
	color:#FFFFFF;
	background: url('../images/bloc_recette_head.png')  repeat-x;
}

.Score_Content{
	color:#94ae2b;
	padding-top: 9px;
	height: 22px;
	width:509px;
}

#ListScore .ColumnQuizz{
	text-align:left;
	float:left;
	overflow: hidden;
	display: inline;
	width:400px;
}

#ListScore .ColumnScore{
	float:left;
	overflow: hidden;
	display: inline;
	width:70px;
	text-align:center;
}

/****Newsletter*/
#Newsletters  {
	color: #FFFFFF;
	margin: 15px 0px 0px 0px;
}

#Newsletters .Box_news_bg {
	background: center top url('../images/bloc_news_bg.png')  repeat-y;
	overflow: hidden;
	
	padding: 0px 5px 0px 5px;
}
#Newsletters .Box_news_footer {
	background: center top url('../images/bloc_news_footer.png')  no-repeat;
	height: 25px;
	font-weight: bold;
	padding: 6px 5px 0px 55px;
}

/************************** Menu Droite ****************************************
/*******Box Login*/
#Box_login  {
	background: left top url('../images/bloc_login_head.png')  no-repeat;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	width: 169px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}


#Box_login .Box_login_bg {
	overflow: hidden;
	background: url('../images/bloc_login_bg.png')  repeat-y;
	padding: 0px 15px 0px 15px;
	width:100%;
}

#Box_login .Box_login_footer {
	overflow: hidden;
	background: url('../images/bloc_login_footer.png')  no-repeat;
	height: 20px;
	color:white;
	text-align:left;
	font-weight: bold;
	padding: 0px 0px 3px 20px;
	border:none;
	width: 169px;
}

#Box_login .Box_login_footer A{
	text-transform:uppercase;
	color: white;
}

#Box_login .form {
	padding: 0;
	margin:0;
}	



/******Box Events *Box Interviews *Box Interviews *Box Detaillants *Box Texte*/
.Box_right  {
	margin: 20px 0px 0px 0px;
}

.Box_right .Box_right_bg  {
	font-size: 12px;
	padding: 0px 0px 0px 5px;
}


/*******Box Polls*/
#Box_poll {
	background: top url('../images/bloc_sondage_titre.png')  no-repeat;
	margin: 20px 0px 0px 0px;
	padding: 34px 0px 0px 0px;
	overflow: hidden;
}


#Box_poll .Box_poll_bg {
	background-color: #f0f1ae;
	font-size: 12px;
	overflow: hidden;
	padding: 0px 5px 5px 5px;
}

#Box_poll .Box_poll_footer{
	background:  url('../images/bloc_sondage_footer.png') no-repeat;
	overflow: hidden;
	height: 21px;
	padding: 0px 5px 0px 55px;
}

/************************** Footer ****************************************/
DIV#Page DIV#Main DIV#Footer {
	height: 50px;
	list-style-type:none;
	white-space:nowrap; 
	margin: 0;
	padding: 0;
}





DIV.Clear {
	clear: both;
}

/* TITLING */
H1 {
	display: block;
	font-size: 18px;
	margin: 3px 0px 3px 0px;
	letter-spacing: -0.5px;
}
H1 SPAN.Separator {
	margin-left: 6px;
	margin-right: 6px;
}
H1 SPAN.Focus {
	font-weight: bold;
}
H2 {
	font-size: 14px;
	letter-spacing: -0.5px;
	margin: 3px 0px 3px 0px;
	text-transform:uppercase;

}
H2.Wizi {
	font-size: 18px;
	letter-spacing: -0.5px;
	margin: 3px 0px 3px 0px;
	text-transform:none;
	font-weight:bold;
	color:#e71737;
}
H3 {
	font-size: 12px;
	margin: 3px 0px 3px 0px;;
}
H4.Wizi {
	font-size: 12px;
	letter-spacing: -0.5px;
	margin: 3px 0px 3px 0px;
	text-transform:none;
	font-weight:bold;
	color:#99ac00;
}
H4 {
	font-size: 12px;
	margin: 3px 0px 3px 0px;
	color: #444444;
}
H5 {

}
H6 {

}

.uppercase {
	text-transform:uppercase;
}

.bordeau {
	color: #7c0c47;
}

.rose {
	color: #e1104d;
}

.vert {
	color: #94ae2b;
}

.orange {
	color: #f18e00;
}

.rouge {
	color: #e24543;
}

.grey {
	color: #444444;
	/*color: #8C8B8F;*/
}

.white {
	color: #ffffff;
}


/* CONTENTS */
.Bold{
	font-weight:bold;
}

.Hide {
	display: none;
}
.Clear {
	clear: both;
}
.Separator {
	clear: both;
	display: block;
	overflow: hidden;
	height: 1px;
	background: #c6c7c8 repeat-x;
}

.SeparatorDottedRouge {
	background: url('../images/dotted_rouge.png') transparent repeat-x ;
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom:5px;
	height: 4px;
}

.SeparatorDottedBordeau {
	background: url('../images/dotted_bordeau.png') transparent repeat-x ;
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom:10px;
	height: 4px;
}

.SeparatorDottedGrey {
	background: url('../images/dotted_grey.png') transparent repeat-x ;
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom:5px;
	height: 1px;
}

.SeparatorDottedGrey4 {
	background: url('../images/dotted_grey4.png') transparent repeat-x ;
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom:5px;
	height: 4px;
}
.IImage {
	border:1px solid #8c8b8f;
}

.Spacer {
	background: url('../images/dotted.png') transparent repeat-y center top;
	padding: 0px 5px;
	display: inline;
}
.Column {
	float: left;
	overflow: hidden;
	padding-bottom:5px;
}
.ColumnBorderVert {
	float: left;
	overflow: hidden;
	padding-bottom:5px;
	border-right: 1px solid #94ae2b;
}
.ColumnRight {
	float: right;
	overflow: hidden;
	padding-bottom:5px;
}
.Retrait{
	padding-left:10px;
}

.IconPad {
	margin-left: 20px;
}

.PParagraph {
	margin-top: 5px;
}

.Paragraph {
	margin-top: 10px;
}

.Saut {
	margin-bottom: 10px;
}
.Bordure {
	padding:5px 5px 5px 5px;
}

/* BUTTON */
.SubmitVertRect{
	background: bottom url('../images/bouton_vert.png') no-repeat;
	overflow: visible;
	height: 17px;
	font-size:12px;
	width: 103px;
	color: white;
	border: none;
	cursor: pointer;
	display:block;
	text-align:center;
	padding-bottom:3px;
	font-weight: bold;
}

.SubmitVert{
	background: bottom url('../images/bouton_vert_279.png') no-repeat;
	overflow: visible;
	height: 25px;
	font-size:10px;
	width: 279px;
	color: white;
	border: none;
	cursor: pointer;
	display:block;
	text-align:center;
	letter-spacing: -0.5px;
}


.SubmitOrange{
	background: bottom url('../images/bouton_orange.png') no-repeat;
	overflow: visible;
	height: 23px;
	font-size:12px;
	width: 117px;
	color: white;
	border: none;
	cursor: pointer;
	display:block;
	text-align:center;
	padding-left:5px;
	font-weight: bold;
}

.BoutonLienOrange{
	background:  url('../images/bouton_orange.png') no-repeat;
	overflow: visible;
	height: 22px;
	font-size:11px;
	width: 115px;
	color: white;
	border: none;
	cursor: pointer;
	display:block;
	padding-top:4px;
	text-align:center;
	padding-left:10px;
	font-weight: bold;
}

.SubmitOrangeRect{
	background: bottom url('../images/bouton_orange_rect.png') no-repeat;
	overflow: visible;
	height: 17px;
	font-size:12px;
	width: 104px;
	color: white;
	border: none;
	cursor: pointer;
	display:block;
	text-align:left;
	margin-top: 2px;
	text-align:center;
	font-weight: bold;
}


.bouton_recette{
	background: center top url('../images/bouton_recette.png')  no-repeat;
	font-size: 12px;
	height: 26px;
	width: 105px;
	font-weight: bold;
	margin: 0px 5px 0px 102px;
	padding: 3px 0px 0px 15px;
}

.bouton_calendrier{
	background: center top url('../images/bouton_calendrier.png')  no-repeat;
	font-size: 12px;
	height: 25px;
	width: 177px;
	display:block;
	color:white;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 42px;
}
.button_transparent, .button_transparent:hover{
	background-color: #99AC00;
	font-size: 12px;
	height: 26px;
	width: 60px;
	color: white;
	padding-bottom: 7px; 
	text-transform:uppercase;
	font-weight: bold;
	border: none;
}



/*Form */


.Formrow {
  width:499px;	
  clear: both;
  padding-top: 5px;
}

.Formlabel{
	width:120px;
	float:left;
	color: #f18e00;
	font-weight:bold;
	overflow: hidden;
	display: inline;

}

.Forminput{
	width:349px;
	float:left;
	overflow: hidden;
	display: inline;

}

/* Tableau */
DIV.tableau{
	width: 400px;
	height: 400px;  
	border: 1px dotted #333; 
	padding: 5px;
	margin: 0px auto
}

DIV.row {
  clear: both;
  padding-top: 5px;
  }

DIV.row span.label {
  float: left;
  width: 300px;
  text-align: left;
  }

DIV.row span.formw {
  float: left;
  width: 100px;
  text-align: left;
  }
  
/* FORMS */
.CssForm {
}
.CssForm P LABEL {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 4px;
	margin-top: 3px;
	padding-right: 12px;
	color: #75797F;
	background:  no-repeat right 0px;
	cursor: pointer;
}
.CssForm P LABEL.Required {
	color: #98C34D;
	font-weight: bold;
	background: no-repeat right center;
}
.CssForm P {
	clear: left;
	margin: 0;
}
.CssForm FIELDSET {
	border: 1px solid white;
	background: white;
	margin-bottom: 8px;
}
.CssForm FIELDSET DIV {
	float: left;
	margin-bottom: 4px;
}
/* hack for class.browsingfield.js */
.CssForm FIELDSET DIV DIV.BrowsingField, .CssForm FIELDSET DIV DIV.BrowsingField DIV {
	float: none;
	margin-bottom: 0px;
}
/*---*/
.CssForm FIELDSET LEGEND {
	font-weight: bold;
	font-size: 14px;
	color: #75BB26;
	background-color: white;
	padding: 4px 8px;
	margin-bottom: 8px;
}
.CssForm FIELDSET DIV TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 1px;
}
.CssForm FIELDSET DIV INPUT {
	margin: 0px 4px 0px 0px;
}
.CssForm FIELDSET DIV INPUT[type=text] {
	width: 420px;
}
.CssForm FIELDSET DIV INPUT:focus {
	border: 2px solid #98C34D;
	background-color: #e0ffab;
}
.CssForm FIELDSET DIV LABEL {
	display: block;
	color: black;
	margin-top: 4px;
	padding: 0px;
}
.CssForm FIELDSET DIV LABEL:hover {
	color: #0080BF;
	text-decoration: none;
	cursor: pointer;
}
.CssForm HR {
	height: 8px;
	clear: left;
	visibility: hidden;
	border: 0 hidden;
}
.CssForm IMG.Help {
	cursor: help;
}
.CssForm .Footer {
	margin-top: 12px;
	margin-bottom: 8px;
	border-top: 1px solid white;
}
.CssForm .Footer BUTTON {
	padding: 5px 3px 2px;
	font-size: 9px;
}
.CssForm .Footer BUTTON.Submit {
	font-weight: bold;
}
.CssForm INPUT.Reference {
	background: url('../images/icons/i_reference.gif') white no-repeat 2px center;
	padding: 2px;
	padding-left: 20px;
	color: black;
	border: 1px solid #7f9db9;
}
.CssForm INPUT.Reference:focus {
	background-position: 1px center;
	padding: 1px;
	padding-left: 19px;
}
.CssForm INPUT.Color {
	background: url('../images/icons/i_color.gif') white no-repeat 2px center;
	padding: 2px;
	padding-left: 22px;
	border: 1px solid #7f9db9;
}
.CssForm INPUT.Color:focus {
	background-position: 1px center;
	padding: 1px;
	padding-left: 19px;
}
.CssForm INPUT.Link {
	background: url('../images/icons/i_link.gif') white no-repeat 2px center;
	padding: 2px;
	padding-left: 20px;
	border: 1px solid #7f9db9;
}
.CssForm INPUT.Link:focus {
	background-position: 1px center;
	padding: 1px;
	padding-left: 19px;
}
.CssForm INPUT.Email {
	background: url('../images/icons/i_email.gif') white no-repeat 2px center;
	padding: 2px;
	padding-left: 22px;
	border: 1px solid #7f9db9;
}
.CssForm INPUT.Email:focus {
	background-position: 1px center;
	padding: 1px;
	padding-left: 21px;
}
.CssForm INPUT.MobilePhone {
	background: url('../images/icons/i_mobile_phone.gif') white no-repeat 2px center;
	padding: 2px;
	padding-left: 22px;
	border: 1px solid #7f9db9;
}
.CssForm INPUT.MobilePhone:focus {
	background-position: 1px center;
	padding: 1px;
	padding-left: 21px;
}
.CssForm INPUT.Telephone {
	background: url('../images/icons/i_telephone.gif') white no-repeat 2px center;
	padding: 2px;
	padding-left: 22px;
	border: 1px solid #7f9db9;
}
.CssForm INPUT.Telephone:focus {
	background-position: 1px center;
	padding: 1px;
	padding-left: 21px;
}
.CssForm DFN {
	width: 380px;
}
.CssForm .SideField {
	 background-color: #d5e9f3;
	 border: 2px solid white;
	 color: #000000;
	 padding: 2px;
}
UL.Ingredients {
	margin:0px 0px 0px 0px;
	padding:0;
	list-style-type: none;
	list-style-image: none;
}

UL.Ingredients LI {
	margin: 0px 0px 0px 13px;
	padding:0;
	list-style-image: url('../images/i_li.png');
}