* { margin:0; padding: 0 }
BODY { font-family: Verdana, serif; font-size: 11px; background: #009193; }
IMG { border: none; }
#centre { position:absolute; margin: 0; padding: 0; left: 50%; width: 890px; margin-left: -435px; }
#header { background: #FDFAFD url(../pics/bg-header.gif) top left no-repeat; width: 870px; height: 133px; border-left: 10px solid #E7D3E9; border-right: 10px solid #E7D3E9; }
#header #logo { float: left; }
#menu { background: #FDFAFD; margin: 0 0 0 330px; font-size: 12px !important; }
#menu LI { display: inline; margin: 0 10px 0 0; }
#menu A { color: #8EBF28; text-decoration: none; display: block; float:left; height: 14px }
#menu-consult { width: 80px; background: #FDFAFD url(../pics/bg-menu-econsult.gif) top left no-repeat; padding: 86px 0 0 13px; }
#menu-alimentation { width: 80px; background: #FDFAFD url(../pics/bg-menu-alimentation.gif) top left no-repeat; padding: 86px 0 0 25px; }
#menu-sante { width: 65px; background: #FDFAFD url(../pics/bg-menu-sante.gif) top left no-repeat; padding: 86px 0 0 40px; }
#menu-dietetique { width: 80px; background: #FDFAFD url(../pics/bg-menu-dietetique.gif) top left no-repeat; padding: 86px 0 0 25px; }
#menu-cuisine { width: 80px;background: #FDFAFD url(../pics/bg-menu-cuisine.gif) top left no-repeat; padding: 86px 0 0 30px; }

#contenu { background: #FDFAFD; width: 870px; border-left: 10px solid #E7D3E9; border-right: 10px solid #E7D3E9; padding-bottom: 20px; }
#colonne-gauche {	float: left; width: 190px;	margin: 50px 0 10px 2px; }
HTML>BODY>#centre>#contenu #colonne-gauche {	margin: 50px 0 10px 10px;}
#colonne-gauche P { margin: 10px 0 0 0; color: #668187; }
#colonne-gauche IMG { margin-top: 40px; }
#colonne-gauche #e-consult { margin: 80px 0 0 50px !important; }
#colonne-gauche #sous-rubrique {	width: 165px; background: #EDF9DC; margin: 30px 0 0 5px; }
#colonne-gauche #sous-rubrique H3{	height: 13px;	margin: 0 0 0 3px !important;	padding: 5px 0 0 20px !important; font-size: 11px;	font-weight: bold; color: #8EBF28; background: url(../pics/bg-sous-rubrique.gif) top left no-repeat; }
#colonne-gauche #sous-rubrique UL {	margin: 10px 0 0 0px; padding-bottom: 10px; list-style: none; }
#colonne-gauche #sous-rubrique LI { margin: 5px 0 0 8px; background: #EDF9DC url(../pics/bg-li-2.gif) top left no-repeat; padding-left: 13px; font-size: 10px; }
#colonne-gauche #sous-rubrique A { color: #8EBF28; text-decoration: none; }
#colonne-gauche #sous-rubrique A:hover { text-decoration: underline; }

#article { float: left; margin: 10px 15px 0 0; width: 500px;}
H1 { font-size: 14px; color: #831C8A; margin: 0 0 0 0; clear: both; }
H2 { font-size: 12px; color: #009296; margin: 20px 0 0 0; background: url(../pics/bg-h2.gif) center left no-repeat; padding: 0 0 0 15px; }
H3 { font-size: 11px; color: #EA8C00; margin: 10px 0 0 0; font-weight: normal; }
H4 { font-size: 12px; margin: 0 0 0 0; }
#article P  { margin: 5px 15px 0 0; color: #666;  line-height: 15px; }
#article TABLE P { width: 200px !important; }
#article TABLE LI { width: 150px !important; }
#article UL { margin: 5px 15px 5px 15px; color: #666; list-style: none; }
#article LI { background: url(../pics/bg-li.gif) top left no-repeat; padding-left: 13px; min-height: 15px; height: auto;	}
#article A { text-decoration: none;	color: #668187; }
#article A:hover { color: #EA8C00; }

#sous-menu { float: left; width: 500px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 10px solid #EDF9DC; height: auto; }
#sous-menu STRONG { float: left; color: #8E4B96; font-size: 22px; font-family: Arial; display:block; background: url(../pics/bg-strong.gif) top left no-repeat; padding: 0 0 0 28px; }
#sous-menu UL { float: left; border-left: 1px solid #E7D3E9; margin: 0 0 0 40px; width: 200px; }
#sous-menu LI { background: none !important; padding: 0 !important; margin-left: 12px; height: 11px; font-weight: bold; font-size: 10px; }

#sous-menu A        { text-decoration: none; color: #831C8A !important; display: block; }
#sous-menu A:hover  { background: #E7D3E9; }
#sous-menu A.active { background: #E7D3E9; }

#colonne-droite {	float: left; margin: 0 0 0 1px; width: 150px; }
HTML>BODY>#centre>#contenu #colonne-droite {	margin: 20px 0 0 -4px; }
.composition {	font-size: 10px !important; width: 315px !important; }
#colonne-droite .e-consult { float: left;	margin: 0 0 45px 0 !important; }
#actu { clear: both;	width: 150px; background: #FFEFDF; color: #EA8C00 !important; padding-bottom: 5px; }
#actu H3 { background: url(../pics/bg-actu.gif) top left no-repeat ; padding: 0 0 0 20px !important; margin: 5px 0 10px 25px !important; font-weight: bold; height: 15px; }
#actu H4 { font-size: 11px !important;	margin: 5px 0 5px 3px; }
#actu P { font-size: 10px;	padding: 0 5px 0 5px; line-height: 14px; } 
.lien-actu { margin-top: 7px; margin-left: 45px; }
.lien-actu A {	font-size: 9px !important;	color: #EA8C00; text-decoration: none;	font-weight: bold; margin: 0 0 0 0; }
.lien-actu A:hover {	text-decoration: underline; }

TABLE { border-spacing: 0px; border-right: 1px solid #333; border-bottom: 1px solid #333; margin: 10px 0 0 0; }
TD { border-top: 1px solid #333; border-left: 1px solid #333; padding:5px 2px 5px 2px; }
.mauve { background: #F5EEF6; color: #964D94; width: 100px;} 
.bleu  { background: #EBF7F7; color: #52ADB2; }
.center { text-align: center; }
.spacer { clear: both; }
#footer { width: 890px;	margin-bottom: 20px;	height: 20px; background: url(../pics/bg-footer.gif) top left repeat-x; text-align: center; } 
#footer UL { margin: 0 0 0 0; padding-top: 12px; list-style: none; }
#footer LI { color: #FFF; display: inline; }
#footer A {	text-decoration: none; color: #FFF;	font-size: 11px; }
#footer A:hover {	text-decoration: underline; }

/****** Page d'accueil ******/
#accueil-centre   { position:absolute; margin: 0;	padding: 0;	left: 50%;	width: 810px;	margin-left: -385px; }
#accueil-centre P { color: #009193;	line-height: 18px; margin: 0 20px 0 20px; }
#accueil-menu     { margin: 0 0 0 235px; font-size: 12px !important; }
#accueil-menu LI  { display: inline;	margin: 0 10px 0 0; }
#accueil-menu A   { color: #8EBF28; text-decoration: none;	display: block; float:left; height: 14px; }

#minciligne { clear: both; float: left; margin: 0 0 0 0; width: 250px; height: 240px;  }
#bienvenue  { float: left; width: 300px; margin: 0 0 0 30px; height: 190px; padding: 50px 0 0 0; }
HTML>BODY>#accueil-centre>#liseret #bienvenue { margin: 0 30px 0 30px; }
#bienvenue H1 { clear: none !important; width: 180px !important; margin: 0 0 10px 0 !important; }
#bienvenue P  { margin: 0 !important; }

#accueil-sous-menu {	float:left;	margin: 0 0 0 0; width: 150px; list-style: none; height: 190px; padding: 50px 0 0 0;}
#accueil-sous-menu LI { }
#accueil-sous-menu A { display: block; height: 31px; color: #8EBF28;	text-decoration: none; width: 140px; background: url(../pics/bg-li-accueil.gif) top left no-repeat; padding: 1px 0 0 28px;}
#accueil-sous-menu A:hover { background: url(../pics/bg-a-accueil.gif) top left no-repeat ; color:#EA8C00; }

#article-sous-menu {	float:left;	margin: 30px 0 0 5px; width: 150px; list-style: none; }
#article-sous-menu LI { }
#article-sous-menu A { display: block; height: 31px; color: #8EBF28;	text-decoration: none; width: 130px; background: url(../pics/bg-li-accueil.gif) top left no-repeat; padding: 1px 0 0 20px;}
#article-sous-menu A:hover { background: url(../pics/bg-a-accueil.gif) top left no-repeat ; color:#EA8C00; }

#accueil-centre H1 {	clear:both;	font-size: 20px;background: url(../pics/bg-strong.gif) top left no-repeat; padding: 0 0 0 28px;	margin: 0 0 10px 20px; height: 25px; width: 300px; border-bottom: 5px solid #EFF8DD; }
.e-consult A{ margin-top: -10px !important; display: block; height: 42px !important;	background: url(../pics/bg-li-accueil.gif) center left no-repeat !important; }
.e-consult A:hover {	background: url(../pics/bg-a-accueil.gif) center left no-repeat !important; }
#accueil-footer { background: url(../pics/bg-footer2.gif) top left no-repeat; } 
#accueil-footer UL {	margin: 0 0 0 140px;	padding-top: 12px; list-style: none; }
#accueil-footer LI {	color: #FFF; display: inline; }
#accueil-footer A  { text-decoration: none; color: #FFF; font-size: 11px; }
#accueil-footer A:hover { text-decoration: underline; }
#liseret { background: #FDFAFD; border-left: 10px solid #E7D3E9; border-right: 10px solid #E7D3E9;	padding: 0 0 20px 0; }

.titre-vert { font-size: 12px !important; color: #009296!important; margin: 20px 0 0 0!important; background: url(../pics/interface/bg-h2.gif) center left no-repeat!important; padding: 0 0 0 0!important; display: block !important; }
.titre-orange { font-size: 11px !important; color: #EA8C00 !important; margin: 10px 0 0 0 !important; font-weight: normal !important; display: block !important; }

/* ----- Calcul du poids ----- */
#calculPoids { margin-top: 15px; }
#calculPoids P { }
#calculPoids LABEL { display: block; width: 150px; float: left; }
#calculPoids INPUT { width: 200px; border: 1px solid #8EBF28; padding: 1px; font-size: 12px; color: #666; }
#calculPoids .bouton { border: 1px solid #8EBF28; background: none; color: #666; margin-left: 264px; width: 90px; clear: both; }
#calculPoids .chkbox { width: 15px !important; border: none;  }

/* ----- Erreur 403 - 404 ----- */
#navErreur { margin-top: 40px !important; margin-left: 50px !important; margin-bottom: 40px !important; }
#navErreur LI { display: inline; background: none; padding: 0 !important; }
#navErreur LI A { }

/* ----- Newsletter ----- */
#newsletter { clear: both;	width: 150px; background: #FFEFDF; color: #EA8C00 !important; padding-bottom: 5px; margin-top: 20px; }
#newsletter H3 { background: url(../pics/bg-actu.gif) top left no-repeat ; padding: 0 0 0 20px !important; margin: 5px 0 10px 25px !important; font-weight: bold; height: 15px; }
#newsletter H4 { font-size: 11px !important;	margin: 5px 0 5px 3px; text-align: center; }
#newsletter P { font-size: 10px;	padding: 0 5px 0 5px; line-height: 14px; text-align: center; } 
#newsletter INPUT { border: 1px solid #8EBF28; padding: 1px; font-size: 10px !important; color: #666; }
#newsletter .bouton { border: 1px solid #8EBF28; background: none; color: #666; }