BODY,H1,H2,H3,H4,H5,H6,P {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;background-color:#FFFFFF;margin:0px;text-align:justify; }

FORM {display:inline;}

H1 {  font-size: 12pt; font-weight: bold; color: #557427; text-decoration: none;margin-top: 0; margin-bottom: 0;}
H2 { font-size: 9pt; font-weight: bold; color: #557427; text-decoration: none;margin-top: 0; margin-bottom: 0;}
H3 { font-size: 7pt; font-weight: normal; color: #666; text-decoration: none;margin-top: 0; margin-bottom: 0;}
H3:hover { font-size: 7pt; font-weight: normal; color: #666; text-decoration: underline;margin-top: 0; margin-bottom: 0;}

.FR {float:right;margin-left:20px;}
.FL {float:left;margin-right:20px;}

.sep {clear:both;margin:0;padding:0;float:none;}

UL, LI {padding:0;margin:0;}

/* TOP */
#top {width:856px;height:141px;background:url('/Icons/top_bg.jpg') no-repeat top left;margin:auto;position:relative;}

#logo {margin:10px 0 0 160px;}

#top-nav {position:absolute;bottom:0;right:10px;height:20px;}
#top-nav UL {}
#top-nav LI { list-style:none;display:inline;color:white;font-size}
#top-nav LI A { color:white;font-weight:bold;}

#fav {position:absolute;top:10px;right:10px;}
#fav IMG {float:left;margin-right:5px;}
#fav A {color:white;}

/* Bottom */
#bottom {background-color:#557427;width:856px;height:120px;margin:auto;position:relative;color:white;text-align:center;}
#bottom A {color:white;}
#bottom A:HOVER {color:white;text-decoration:underline;}

/* MAIN */
.main {width:854px;border-left:1px solid #7f7f7f;border-right:1px solid #7f7f7f;margin:auto;position:relative;}
.text-acc {width:380px;float:left;margin:20px;}
.content {padding:20px;}

.bloc-tem {border:1px dashed #CCC;margin:10px;padding:10px;}
.bloc-tem A {color:#333;}

/* Protocoles */
.protocoles {}
.protocoles UL { list-style:none}
.image {float:right;margin-left:20px;}
.protocoles H2 {font-size:12px;color:#340802;margin-left:5px;font-weight:normal;}
.protocoles .intro {background:url('/Icons/acc_protocoles.jpg') no-repeat top left;width:806px;height:285px;}
.protocoles .intro .text {float:right;width:360px;}
.protocoles .intro .text A {text-decoration:underline;}
.protocoles .intro .text A:HOVER {text-decoration:none;}
.protocoles .intro .text .liens {float:left;width:170px;margin:0 10px 0 10px;}
.protocoles .intro .text .liens1 {float:left;width:170px;}


/* PRODUITS */
.bloc-produits {border:1px dashed #999;float:left;width:245px;margin:5px;height:120px;padding:5px;}
.bloc-produits H2 {border-bottom:1px dashed #CCC;padding-bottom:5px;margin-bottom:5px;}
.bloc-produits A {display:block;background:url('/Icons/dot.gif') no-repeat 0 0;}

.menu-gauche {width:180px;float:left;margin-right:20px;border-right:1px dashed #ccc;}

.col-droite {width:580px;float:left;}
.col-droite-img {width:200px;float:left;margin-right:20px;}
.col-droite-txt {width:360px;float:left;}

.list-rep {float:none;border:1px dashed #CCC;height:70px;margin-bottom:10px;padding:10px;}

.breadcrumb {border-bottom:1px dashed #CCC;padding-bottom:5px;}

.menu-gauche {width:180px;}
.menu-gauche h2 {margin-top:10px;border-bottom:1px dashed #CCC;}
.menu-gauche BR {margin-top:5px;}

/* NAVIGATION / MENU DU HAUT */
.nav{font-size:8pt;font-weight:bold;text-decoration:none;color:#000000;}
.navon{font-size:8pt;font-weight:bold;text-decoration:none;color:#FFFFFF;}
.navon:hover{font-size:8pt;font-weight:bold;text-decoration:none;color:#FFFFFF;}
.nav:hover{font-size:8pt;font-weight:bold;text-decoration:none;color:#FFFFFF;}
.snav{font-size:7pt;font-weight:bold;text-decoration:none;color:#226f75;}
.snav:hover{font-size:7pt;font-weight:bold;text-decoration:none;color:#226f75;}
.fnav{font-size:8pt;font-weight:bold;text-decoration:none;color:#226f75;}
.fnav:hover{font-size:8pt;font-weight:bold;text-decoration:none;color:#226f75;}
.mmnav{font-size:7pt;font-weight:normal;text-decoration:none;color:#226f75;}
.mmnav:hover{font-size:7pt;font-weight:normal;text-decoration:none;color:#00F;}

/* TITRES */
.bigtitre { font-size: 12pt; font-weight: bold; color: #226f75; text-decoration: none;}
.titre { font-size: 10pt; font-weight: bold; color: #226f75; text-decoration: none;}
.titrehead { font-size: 13pt; font-weight: bold; color: #91b7ba; text-decoration: none;}
.Bigtitrehead { font-size: 18pt; font-weight: bold; color: #91b7ba; text-decoration: none;}
.stitre { font-size: 8pt; font-weight: bold; color: #000; text-decoration: none;}

.stitrehead { font-size: 8pt; font-weight: normal; color: #91b7ba; text-decoration: none;}
.stitrehead A { font-size: 9pt; font-weight: bolf; color: #91b7ba; text-decoration: none;}
.stitrehead A:HOVER { font-size: 9pt; font-weight: bold; color: #91b7ba; text-decoration: underline;}

.titreprod { font-size: 8pt; font-weight: bold; color: #226f75; text-decoration: underline;}
.Wtitre {  font-size: 10pt; font-weight: bold; color: black; text-decoration: none;}
.titreM { font-size: 8pt; font-weight: bold; color: #226f75; text-decoration: none;}

/* TEXTES */
.corps { font-size: 8pt; color: #000;}
.cdx { font-size: 7pt; color: #FA0;text-decoration: none;}
.scorps { font-size: 7pt; text-decoration:none;}
.scorps0 { font-size: 7pt; color: #000;}

.paraben { font-size: 8pt; font-weight: bold; color: #EB0F0F;}

.cosm { font-size: 7pt; color: #666;text-decoration: none;}
.cosm:hover { font-size: 7pt; color: #666;text-decoration: underline;}


.F_red {color:#EC0C0C;font-weight:bold;}


/* EFFETS */
.cadre {  font-size: 8pt; color: black; border: 1pt #91b7ba solid; background-color: #FFF;}
.cadrelieux {  font-size: 8pt; color: black; border: 1pt #91b7ba solid; background-color: #FFF; text-align:center; padding:10px}
.cadrec {  font-size: 8pt; color: black; border: 1pt #CCC solid; background-color: #FFF;}
.cadrett {  font-size: 8pt; color: black; border: 1pt #000 solid; background-color: #FFF;}
.cadreindex {  font-size: 8pt; color: white; border: 1pt #DCAB38 solid;}
.cadreform {  font-size: 8pt; color: white; background-color: #91b7ba;}

.cadreformtitre {  font-weight: bold; font-size: 8pt; color: white; background-color: #557427;padding:2px;}
.cadreformtitre A {  font-size: 8pt; color: white; padding:2px;}
.cadreformtitre A:HOVER {  font-size: 8pt; color: #FFC; padding:2px;text-decoration:underline;}

.cadreftitre { font-size: 12px; padding:5px;text-align:center;border:1px dashed #CCC;}
.cadreftitre A {  font-size: 12px; color: #557427; padding:2px; font-weight:bold}
.cadreftitre A:HOVER {  font-size: 12px; color: #FF9900; padding:2px;text-decoration:underline;font-weight:bold}

.cadresign {  font-size: 8pt; color: black; background-color: #c0d3d5;}
.acc_cadresign {  font-size: 8pt; color: black; background-color: #c0d3d5;margin-top:-10px;}
.alpha { background:white; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; z-index:2; text-align:left;}
.cadrerep {  font-size: 8pt; color: white; background-color: #91b7ba;padding:3px;}
.cadrerep h2 {  font-size: 10pt; color: white; background-color: #91b7ba;padding:3px;}

.w400 {width:320px; padding:10px;}
.w500 {width:320px; padding:10px;}
.Xw500 {width:400px; padding:10px;}
.m10 {margin-bottom:10px;}
.left {float:left;}
.right {float:right;}
.centre {text-align:center;}
.aright {text-align:right;padding-right:5px;}
.h200 {height:100px}

.pr_5 { padding-right:5px;}
.pl_5 { padding-left:5px;}
.pt_5 { padding-top:5px;}
.pb_5 { padding-bottom:5px;}


/* LINKS */
a {  font-size: 8pt; font-weight: normal; color: #226f75; text-decoration: none;}
a:hover {  font-size: 8pt; font-weight: normal; color: #333; text-decoration: underline;}
.titreprod:hover { font-size: 8pt; font-weight: bold; color: #00F; text-decoration: underline;}
.menu {  font-size: 8pt; font-weight: normal; color: #003333; text-decoration: none;}
.menu:hover {  font-size: 8pt; font-weight: normal; color: #00F; text-decoration: underline;}
.cdx:hover { font-size: 7pt; color: #FFF;text-decoration: underline;}



/* IMG */
.bkg {background-image: url(/Icons/gauche_bg.jpg);background-repeat: no-repeat;background-position: top left;}
.fbkg {background-image: url(/Icons/gauche.jpg);background-repeat: no-repeat;background-position: top left;}
.accbg {background-image: url(/Icons/jovees-naturel-belle.jpg);background-repeat: no-repeat;background-position: top left;diplay:block;width:750px;height:375px;}
.xaccbg {background-image: url(/Icons/jovees_bg.jpg);background-repeat: no-repeat;background-position: top left;diplay:block;width:750px;height:288px;}
.panier {background-image: url(/Icons/Panier/panier-r.jpg);background-repeat: no-repeat;background-position: top left;}

/*.promo {background: url("/Icons/promo2.gif") no-repeat top left;float:right;width:332px;height:24px;text-align:right;font-size:10px;font-weight:bold;color:#333;padding-top:3px;}*/
.promo {background: url("/Icons/promo2.gif") no-repeat top left;float:right;width:332px;height:24px;text-align:right;font-size:12px;font-weight:bold;color:#333;padding-top:3px;}
.promo A {font-size:11px;font-weight:bold;color:#333;padding-top:3px;text-decoration: underline;}
.promo A:HOVER {font-size:11px;font-weight:bold;#666:white;padding-top:3px;text-decoration: none;}

.promo3 { float:right;width:332px;height:30px;padding-top:3px;}


/* FORMULAIRE */
FORM, SELECT {display: inline;width:180px;}
TEXTAREA {float:left;display: block;}
input:focus, select:focus, textarea:focus {background: #F0F8FF;	background: #E4F2F3;}


/*styles for the star rater*/
.star-rating{	list-style:none;margin: 0px;padding:0px;width: 100px;height: 20px;position: relative;background: url(/Icons/vote.gif) top left repeat-x;}
.star-rating li{padding:0px;margin:0px;float: left;}
.star-rating li a{display:block;width:20px;height: 20px;text-decoration: none;text-indent: -9000px;z-index: 20;	position: absolute;padding: 0px;}
.star-rating li a:hover{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 0px;}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:20px;}
.star-rating a.two-stars{left:20px;}
.star-rating a.two-stars:hover{width: 40px;}
.star-rating a.three-stars:hover{width: 60px;}
.star-rating a.three-stars{left: 40px;}
.star-rating a.four-stars{left: 60px;}	
.star-rating a.four-stars:hover{width: 80px;}
.star-rating a.five-stars{left: 80px;}
.star-rating a.five-stars:hover{width: 100px;}

.one-star-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 0px;}
.two-stars-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 20px;}
.three-stars-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 40px;}
.four-stars-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 60px;}
.five-stars-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 80px;}


/*STARS*/
.vote{	list-style:none;margin: 0px;padding:0px;width: 100px;height: 20px;position: relative;background: url(/Icons/vote.gif) top left repeat-x;}
.vote li {display:block;width:20px;height: 20px;text-decoration: none;text-indent: -9000px;z-index: 20;	position: absolute;padding: 0px;}
.vote .one-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 0px;}
.vote .two-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 20px;}
.vote .three-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 40px;}
.vote .four-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 60px;}
.vote .five-on{background: url(/Icons/vote.gif) left bottom;z-index: 1;left: 80px;}


.strike {text-decoration:line-through;}