form, table {
    margin: 0;
    padding: 0;
}

#page {width:789px; background-color:#FFF; position:absolute; left:50%; margin-left:-394px; padding:6px;}

.contenu_accueil {
	width:521px;
	margin:0px 0 0 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background-color:#FFFFFF;
	background-image: url(/images/metro/bg-contenu-accueil.jpg);
	background-repeat: no-repeat;
	text-align:left;
}

.contenu {
	width:519px;
	margin:0px 0 0 0px;
	padding-left:0px;
	padding-right:0px;
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	top:0px;
}
.contenu_Large {
	width:645px;
	margin:0px 0 0 0px;
	padding-left:0px;
	padding-right:0px;
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	top:0px;
}
.PageTitle {
	font: 15px Verdana, Arial, serif;
	color:#CF3434;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	border-bottom:2px solid #E5E2DA;
	width:95%;
}
.PageTitleLarge {
	font: 11px Verdana, Arial, serif;
	color:#07768D;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:8px;
	padding-left:0px;
	padding-right:0px;
	background-image: url(/images/metro/bg-title-large.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	vertical-align:top;
	text-align:left;
	width:645px;
}

.PageTitleAccueil {
	font: 13px Verdana, Arial, serif;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	background-color:#07768D;
	vertical-align:top;
	width:186px;
	text-align:left;
}
.ptp_PageTitle {
	font: 12px Arial, serif;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
}
.PopupTitle {
	font: 12px Arial, serif;
	color:#1D4F1A;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:0px;
	padding-right:10px;
}
.breadcrumb{
text-align:left;
margin:0px 0 0 0px;
padding-left:6px;
padding-right:6px;
padding-top:0px;
padding-bottom:10px;
width:633px;
background-image: url(/images/metro/bg-breadcrumb.jpg);
background-repeat: no-repeat;
background-color:#FFFFFF;
vertical-align:top;
}
.breadcrumbRecipe{
text-align:left;
margin-left:-10px;
margin-top:-10px;
margin-right:-10px;
padding-left:6px;
padding-right:6px;
padding-top:0px;
padding-bottom:10px;
width:507px;
background-image: url(/images/metro/bg-breadcrumb-recipe.jpg);
background-repeat: no-repeat;
background-color:#FFFFFF;
vertical-align:top;
}
.accueil_article{
background-image: url(/images/metro/bg-accueil-art.jpg);
background-repeat: no-repeat;
background-color:#FFFFFF;
vertical-align:top;
padding:0px;
width:290px;
}

.accueil_recette{
background-image: url(/images/metro/bg-accueil-recette-content.jpg);
background-repeat: repeat-y;
background-color:#FCFCFC;
vertical-align:top;
padding:0px;
width:230px;
top:-16px;
z-index:10;
}

.contentmain{
padding-left:10px;
padding-right:1px;
}

.pagetitle_line{
vertical-align:middle;
background-image: url(/images/metro/bg-breadcrumbline.gif);
background-repeat: repeat-x;
padding-top:10px;
width:136px;
background-color:#FFFFFF;
}

.pagetitle_patch{
	background-image: url(/images/metro/bg-breadcrumbline.gif);
	background-repeat: repeat-x;
}
.accueilTitle_line{
vertical-align:top;
background-image: url(/images/metro/menuleft_separ.gif);
background-repeat: repeat-x;
width:92px;
padding-top:6px;
}
.breadcrumb_Item, .breadcrumb_Separator {
	font-family: verdana;
	font-size: 9px;
	color: #000000;
}

.breadcrumb_Item a, .breadcrumb_Item a:link {
	font-family: verdana
	font-size: 9px;
	color: #CF3434;
	text-decoration: underline;
}

.breadcrumb_Item a:visited {
	color: #6D6E70;
	text-decoration: underline;

}

.breadcrumb_Item a:hover {
	color: #000000;
	text-decoration: none;
}


#menumembre3 a{
color:#8C3100;
}

.htmlBlock_default,
.htmlBlock_default table tr td {
	font: 11px Verdana, Arial, sans-serif;
	color: #6D6E70;		
	line-height:12pt;
}

/*2006-05-04:
on veut un padding à droite de l'image 
Rem:hspace  n'est pas une solution, il decale a gauche aussi 
*/
.htmlBlock_default img{
padding-top:4px;
padding-right:4px;
border:0px;
}

.htmlBlock_default a, .htmlBlock_default a:link{
color:#CF3434;
text-decoration:underline;
}

.htmlBlock_default a:visited{
color:#6D6E70;
text-decoration:underline;
}
.htmlBlock_default a:hover{
color:#CF3434;
text-decoration:none;
}


.Forms, .FormLabel, .inputText, .inputTextarea, .inputButton{
	font-size: 10px; 
	font-family:verdana;
}
.inputSearch{
	font: 9px Verdana, Arial, sans-serif;
	color:#000000;
	width:77px;
	height:14px;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
}
.comboSearch{
	font: 9px Verdana, Arial, sans-serif;
	color:#000000;
	width:77px;
	padding-bottom:0px;
	height:18x;
}
.labelSearch{
color:#666666;
}
/*En edition ds la console, mettre la couleur noir pour les textes*/
.componentContent .htmlBlock_default{
line-height:11pt;
color:black;
}
.menutop, 
.menutop table tr td {
	font: 9px Verdana, Arial, sans-serif;
	color:#8C3100;
}

.menutop a, .menutop a:link, .copyright a, .copyright a:link {
	font-family: verdana
	font-size: 9px;
	color: #8C3100;
	text-decoration: none;
}

.menutop a:hover, .copyright a:hover {
	color: #8C3100;
	text-decoration: underline;
}

.menutop a:visited, .copyright a:visited {
	color: #8C3100;
	text-decoration: none;
}

.menumembre, 
.menumembre table tr td {
	font: 9px Verdana, Arial, sans-serif;
	color:#055465;
	font-weight:bold;
	background-color: #C5D8DC;
}
.menumembre{
text-align:center;
padding-bottom:3px;
}
.menumembre a, .menumembre a:link {
	font-family: verdana
	font-size: 9px;
	color:#055465;
	font-weight:bold;
	text-decoration: none;
}

.menumembre a:hover {
	color: #055465;
	text-decoration: underline;
}
.menumembre a:visited {
	color: #055465;
	text-decoration: none;
}

.menumembreniv2, 
.menumembreniv2 table tr td {
	font: 9px Verdana, Arial, sans-serif;
	color:#000000;
	background-color: #D8E5E7;
}
.menumembreniv2{
padding-left:10px;
padding-bottom:0px;
height:20px;
text-align:left;
}
.menumembreniv2 a, .menumembreniv2 a:link {
	font-family: verdana
	font-size: 9px;
	color:#000000;
	text-decoration: none;
}

.menumembreniv2 a:hover {
	color: #8C3100;
	text-decoration: none;
}
.menumembreniv2 a:visited {
	color: #000000;
	text-decoration: none;
}

.menuleft,
.menuleft table tr td{
	font: 11px Verdana, Arial, sans-serif;
	color:#000000;
}
.submenu a:hover,
.submenu a:visited,
.submenu a{
	font: 11px Verdana, Arial, sans-serif;
}

.menuleft, .menuleftCurrent{
width:130px;
padding-left:0px;
padding-right:0px;
text-align:left;
}
.menuleft{
padding-top:0px;
background-color:#C5D8DC;
}

.menuleftCurrent{
background-color:#D2E1E4;
}
.menuleft a, 
.menuleft a:visited, 
.menuleft a:hover{
	color:#000000;
	text-decoration:none;
}

.menuleftSeparator{
	background-image: url(/images/metro/menuleft_separ.gif);
	background-repeat: repeat-x;
	width:108px;
}
.zonemembre_bars{
	background-image: url(/images/metro/zonemembre_barre.gif);
	background-repeat: repeat-x;
	width:645px;
	height:12px;
	padding:0px;
}
.menuleftCurrent a, 
.menuleftCurrent a:visited, 
.menuleftCurrent a:hover{
	color:#000000;
}

#contenu_popup {
	padding:10px 10px 10px 10px;
}

.menuContentMain {
	width:135px;
	float:right;
	text-align:left;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
	vertical-align:top;
	margin-top:-22px
}
.pageSection_accueil_corpo{
font: 15px Verdana, Arial, sans-serif;
line-height:12pt;
color:#CF3434;
font-weight:bold;
border-top:none;
border-right:none;
border-left:none;
padding-top:10px;
padding-bottom:3px;
border-bottom:2px solid #e5e2da;
width:380px;
}

.pageSection{
font: 11px Verdana, Arial, sans-serif;
line-height:12pt;
color:#CF3434;
font-weight:bold;
}
.menuContent {
	font: 10px Verdana,Arial, serif;
	color:#000000;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	vertical-align:top;
	background-color:#E1EBED;
	text-align:left;
}

.menuContent a, .menuContent a:link {
	font: 10px Verdana,Arial, serif;
	text-decoration:none;
	color:#000000;
}
.menuContentBottom {
	padding:0px;
	margin:0px;
	vertical-align:top;
	background-image: url(/images/metro/bg-menucontent-bas.gif);
	background-repeat: no-repeat;
	width:136px;
	height:12px;
}
/****************/
/* Style FAQ		*/
/****************/
/*background-color:#e3efec;*/
.faq_Contour{
padding:10px;
}
.faq_section{
font: 11px Verdana, Arial, sans-serif;
font-weight:bold;
color:#6D6E70;
}
.faq_separator{
width:50%;
color:#E5E2DA;
}

/*********************/
/* Box en Bas Accueil*/
/*********************/
.box3-accueil{
padding-top:5px;
padding-bottom:3px;
height:130px;
}



.boxmenusection-content{
	width:490px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:0px;
	background-color: #F4F5EC;
	text-align:left;
}

.copyright{
background: url(/images/metro/bg-bas.gif) repeat-x;
height:52px;
width:764px;
padding-top:15px;
padding-left:8px;
padding-right:8px;
margin:0px 0 0 0px;
text-align:left;
}
.copyright table tr td {
font: 9px Verdana,Arial, serif;
padding:0px;
}
.txtCopyright{
font: 9px Verdana,Arial, serif;
color:#666666;
padding:0px;
}
.metro-summary, .metro-summary-content{
 vertical-align:top;
 text-align:left;
 width:100%;
 padding:0px;
 padding-bottom:5px;
}

.Notes {
	font-family: verdana;
	font-size: 10px;
	text-align: left;
	color:#4F4F4F;
}

.sitemap_content{
	font-family: verdana;
	font-size: 10px;
	font-weight:bold;
	text-align:left;
	color:#07768D;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:top;
	background-image: url(/images/metro/bg-sitemap-title.gif);
	background-repeat: repeat-y;
	width:180px;
}
#sitemapLink{
text-decoration:none;
}
/*********Style du site Corporatif**********/
/*

.corpo-contenu {
	width:460px;
	margin:0px 0 0 0px;
	padding-left:0px;
	padding-right:6px;
	background-color:#FFFCF3;
	text-align:left;
	position:relative;
	top:0px;	
}
.corpo-PageTitle {
	font: 11px Verdana, Arial, serif;
	color:#07768D;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:top;
	text-align:left;
	width:400px;
}

.corpo-menuleft,
.corpo-menuleft table tr td{
	font: 11px Verdana, Arial, sans-serif;
	color:#000000;
}
.corpo-submenu a{
	font: 10px Verdana, Arial, sans-serif;
}
.corpo-menuleft, .corpo-menuleftCurrent{
width:130px;
padding-left:0px;
padding-right:0px;
text-align:left;
}
.corpo-menuleft{
padding-top:0px;
background-color:#7575A8;
}

.corpo-menuleftCurrent{
background-color:#D7D7D7;
}
.corpo-menuleft a, 
.corpo-menuleft a:visited, 
.corpo-menuleft a:hover{
	color:#000000;
	text-decoration:none;
}

.corpo-menuleftSeparator{
	background-image: url(/images/metro/menuleft_separ.gif);
	background-repeat: repeat-x;
	width:130px;
}

.corpo-labelSearch{
font-family: verdana;
font-size: 9px;
text-align:left;
color:#666666;
}

*/
/*style ajouté et modifié*/
.corpo-breadcrumb{
text-align:left;
margin:0px 0 0 0px;
padding-left:0px;
padding-right:6px;
padding-top:0px;
padding-bottom:1px;
width:100%;
background-color:#FFFFFF;
vertical-align:top;
}
.corpo-contenu {
	width:405px;
	margin:0px 0 0 0px;
	padding-left:6px;
	padding-right:6px;
	background-image: url(/images/corpo/bg-corpo-content.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	top:0px;
}
.corpo-contenu-Large {
	width:581px;
	margin:0px 0 0 0px;
	padding-left:6px;
	padding-right:6px;
	background-image: url(/images/corpo/bg-corpo-content-large.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	top:0px;
}
.corpo-menutop, 
.corpo-menutop table tr td {
	font: 9px Verdana, Arial, sans-serif;
}
.corpo-menutop{
	float:right;
	padding:0px;
	background-image: url(/images/corpo/bg-menutop.gif);
	background-repeat: no-repeat;
	width:170px;
	height:19px;
}
.corpo-menutop a, .corpo-menutop a:link {
	font-family: verdana
	font-size: 9px;
	color: #CF3434;
	text-decoration: none;
}

.corpo-menutop a:visited {
	color: #6D6E70;
	text-decoration: none;
}

.corpo-menutop a:hover{
	color: #CF3434;
	text-decoration: none;
}


.corpo-copyright{
width:756px;
}
.corpo-copyright a,
.corpo-copyright{
	font-family:verdana;
	text-align: center;
	color:#6d6e70;
	font-size:9px;
}
.corpo-copyright a:hover{
	font-family:verdana;
	text-align: center;
	color:#b9913c;
	font-size:9px;
}
/*
.corpo-menuleft,
.corpo-menuleft table tr td{
	font: 11px Verdana, Arial, sans-serif;
	color:#6D6E70;
	font-weight: bold;
	text-transform:uppercase;
}

.corpo-submenu a{
	font: 10px Verdana, Arial, sans-serif;
}
.corpo-menuleft, .corpo-menuleftCurrent{
width:155px;
padding-left:0px;
padding-right:0px;
text-align:left;
}
.corpo-menuleft{
padding-top:0px;
background-color:#F4EFDF;
}

.corpo-menuleftCurrent{
background-color:#F4EFDF;
}
.corpo-menuleft a, 
.corpo-menuleft a:visited, 
.corpo-menuleft a:hover{
	color:#6D6E70;
	text-decoration:none;
}
.corpo-menuleftCurrent a, 
.corpo-menuleftCurrent a:visited, 
.corpo-menuleftCurrent a:hover{
{
	text-transform:none;
}
*/
.corpo-menuleftCurrent .corpo-smenuCurrent{
	background-color:#ffffff;
}
.corpo-menuleftCurrent .corpo-submenu a:hover,
.corpo-menuleftCurrent .corpo-submenu a:visited,
.corpo-menuleftCurrent .corpo-submenu a{
	font-family:Arial;
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;
}
.corpo-submenu{
	line-height:9pt;
}
.corpo-menuleft, .corpo-menuleftCurrent{
	padding-left:0px;
	padding-right:0px;
	text-align:left;

}
.corpo-menuleft{
	width:155px;
	height:166px;
	padding-top:8px;
	/*background-color:#F4EFDF;*/
	background-image:url(/images/corpo/menu-img.jpg);
	background-repeat:no-repeat;
}

.corpo-menuleftCurrent{
	background-image:url(/images/corpo/s-menu.gif);
	background-repeat:repeat-y;
}
.corpo-menuleft table tr td a,{
	color:#6D6E70;
	text-decoration:none;
}

.corpo-menuleft a:visited, 
.corpo-menuleft a:hover{
	color:#ac8738;
	text-decoration:none;
}
.corpo-menulink, .corpo-menulink-sel{
	font-size:11px;
	font-family:Arial;
	color:#6D6E70;
	font-weight: bold;
	text-transform:uppercase;
}
.corpo-menulink-sel{
	color:#ac8738;
}
.corpo-menulink a, .corpo-menulink a:visited{
	color:#6D6E70;
	text-decoration:none;
}
.corpo-menulink a:hover{
	color:#ac8738;
	text-decoration:none;
}
.corpo-menuleftSeparator{
	background-image: url(/images/metro/menuleft_separ.gif);
	background-repeat: repeat-x;
	width:130px;
}

.LeftMenu_ItemHidden {
	display: none;
}

/*
.corpo-menuleft{
	background-image:url(/images/corpo/menu-img.jpg) ;
	background-repeat: no-repeat;
	width:155px;
	height:155px;
	text-align:left;
}

.corpo-menuleft a:visited, 
.corpo-menuleft a{
	color:#6d6e70;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: bold;
	font-family: verdana;
} 

.corpo-menuleft a:hover{
	color:#ac8738;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;
	font-family: verdana;
}
*/
.corpo-td-menu{
	background-image: url(/images/corpo/fleche.gif);
	background-repeat: no-repeat;
	border:0px;
	background-position: right;
	vertical-align: top;
}
.corpo-hr{

}
/*****Formulaire d'inscription ********/
	.detailUserForm th{text-align:right;width:175px;}
	.detailUserForm td{padding-top:3px;padding-bottom:3px;}
	.detailUserForm label{	font: 10px Verdana, Arial, sans-serif;
	color: #000000;		
	line-height:12pt;}
	.detailUserForm input, .detailUserForm select {	font-size: 10px; 
	font-family:verdana;}
	.radioQuestions th{border-top:2px solid #CDDCE0;border-bottom:2px solid #CDDCE0;
	background-color:#F5F8F9;font: 10px Verdana, Arial, serif; color:#07768D;text-align:center;padding-left:3px;padding-right:3px;}
	.radioQuestions td{border-bottom:1px solid #CDDCE0;padding-left:3px;padding-right:3px;}
	.radioQuestions {width:100%;text-align:center;}
	.labelCells {width:100px;}
	.detailUserForm label{	font: 10px Verdana, Arial, sans-serif;
	color: #000000;		
	line-height:12pt;}
	.signupSubTitles{ 	font: 10px Verdana, Arial, serif;
	color:#07768D;
	font-weight:bold;}

/**************Circulaire ************/
	
	.Titles{ 	font: 10px Verdana, Arial, serif;
	color:#07768D;
	font-weight:bold;}