/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

	/* #94338A MAUVE RAISIN*/
	/* #02733D VERT*/
	/* #509C78 VERT PALE*/
	/* #0081CA bleue thelia*/

body {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-family: tahoma, verdana, "sans-serif";
	text-align: center;
	
	background: #fff url(pix/fond_papier.jpg) repeat 0 0;
	color:#59493f;
	font-size:12px;
}
:focus {outline: none;}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#59493f;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 24px;
	margin:20px 0 0px 0;
	color: #94348a;
	 color: #C6007B;
}
h2.akroche {margin: -45px 0 0 0; float: right; font-size: 30px;}
h2.titleproduit {margin:20px 0 0 0;}
h3{
	font-size: 20px;
	margin:0 0 10px 0;
}
h3.tog { cursor: pointer}
h3.mtop10 { margin-top: 10px;}
h3.mtop20 { margin-top: 20px;}
h3.philo { float: left; margin-right: 5px; margin-left: 5px;}
h3.pr { font-size: 15px;}
h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}

a, a:visited {
	color: #02703B;
	text-decoration: none;
	
}
a:hover  {
	color: #C6007B;
	text-decoration: none;
}

a.inv, a.inv:visited {
	color: #C6007B;
	text-decoration: none;
	
}
a.inv:hover  {
	color: #02703B;
	text-decoration: none;
}

.blocdossier p a, p a, a.lien,a.lien:link,a.lien:visited {border-bottom: 1pt dotted #C6007B; padding-bottom: 1px; padding-right: 1px;}
.blocdossier p a:hover, p a:hover,a.lien:hover {border-bottom: 0pt dotted #02703B;}


a.prpr, a.prpr:link {color: #94348A; float: left; clear: left; padding: 0 10px 0px 0; font-weight: bold;}
a.prpr:hover {color: #569B75;}

img {
	border: 0
}

.hide {
	display:none;
}
.ver { color: #569b75;}
.verdur { color: #02703B;}
.mov { color: #933389;}
.mov2 { color: #C6007B;}
.org { color: #f29400;}
a.face { float: left; clear: both; text-align: left; margin: 15px 0 0 20px; color: #2C4398}
a.face img { float: left; margin: 0px 5px 0 0px;}
a.face:hover {color:#C6007B;}
.blocsanteacc {
 float: left; width: 157px; height: 268px; background:transparent url(pix/boxaccverte.gif) no-repeat 0 0; text-align: left; padding: 20px 40px 10px 50px; color: #FFF; font-size: 110%;
}
.blocformeacc {
 float: left; width: 145px; height: 265px; background:transparent url(pix/boxaccmov.gif) no-repeat 0 0; text-align: left; padding: 15px 40px 10px 80px; color: #FFF; font-size: 110%; margin: 8px 0 0 35px;
}
 .new { height: 135px; background:transparent url(pix/accmov.gif) no-repeat 0 0; }
.blocformeacc2 {
 float: left; width: 145px; height: 265px; background:transparent url(pix/boxaccorg2.gif) no-repeat 0 0; text-align: left; padding: 15px 40px 10px 80px; color: #FFF; font-size: 110%; margin: 8px 0 0 35px;
}

.blocdecouverteacc {
 float: left; width: 287px; height: 265px; background:transparent url(pix/boxaccorg.gif) no-repeat 0 0; text-align: left; padding: 15px 40px 10px 80px; color: #FFF; font-size: 110%; margin: 8px 0 10px 35px;
}

.blocsante {
 float: left; width: 45%; height: 200px; background-color: #569b75; text-align: center; padding: 10px; color: #FFF; font-size: 110%;
}

.blocdecouverte {
 float: left; clear: both; width: 100%;    background-color:#f29400; margin-top: 20px; text-align: center; padding: 10px;color: #FFF; font-size: 110%;
}
.blocforme {
 float: right; width: 45%;  height: 200px; background-color:#c6007b; text-align: center; padding: 10px 0 10px 0;color: #FFF; font-size: 110%;
}
.blocsante p, .blocdecouverte p, .blocforme p, .blocformeacc2 p {text-align: center}
.blocsante h3 a, .blocdecouverte h3 a, .blocformeacc2 h3 a, .blocforme h3 a,
.blocsante h3 a:visited, .blocdecouverte h3 a:visited, .blocforme h3 a:visited { color: #F1EEE7;}
.blocsante a, .blocsante a:visited, .blocsanteacc a:visited, .blocsanteacc a, .blocformeacc2 a { color: #56a67f; display: block}
.blocsante a:hover { color: #56a67f}
.blocsanteacc h3 { margin: 0 0 0 38px; position: absolute}
.blocsanteacc h3 a, .blocsanteacc h3 a:visited { font-size: 20px;}
.blocsanteacc h4 { color:#fff; margin-top: 55px; margin-bottom: 0; font-size: 18px;}
.blocformeacc h3 { margin: 0 0 0 15px; color: #933389; position: absolute}
.blocformeacc h3 a, .blocformeacc h3 a:visited { color: #933389; font-size: 20px;}
.blocformeacc h4 { color:#fff; margin-top: 55px; margin-bottom: 0; font-size: 18px;}
.blocdecouverteacc h3 { margin: 5px 0 0 15px; position: absolute}
.blocdecouverteacc h3 a, .blocformeacc h3 a:visited { font-size: 20px;}
.blocdecouverteacc h4 , .blocformeacc2 h4 { color:#fff; margin-top: 55px; margin-bottom: 0; font-size: 18px;}
.blocformeacc2 h4 { color:#fff; margin-top: 10px; margin-bottom: 0; font-size: 18px;}
p.accdansbox { padding-top: 0; margin-top: 0}
a.acomacc, a.acomacc:link, a.acomacc:hover,
a.dec, a.dec:link, a.dec:hover,
a.vit, a.vit:link, a.vit:hover { position: absolute; bottom: 73px; margin: 0 0 0 55px; height: 13px; width:122px; background: url(pix/bocomacc.gif) no-repeat 0 0; overflow: hidden; text-indent: -900%; }
a.acomacc:hover {background: url(pix/bocomacc.gif) no-repeat 0 -13px;}
.new2 { height: 135px; background:transparent url(pix/accver.gif) no-repeat 0 0; }

a.acomacc2, a.acomacc2:link, a.acomacc2:hover,
a.dec2, a.dec2:link, a.dec2:hover,
a.vit2, a.vit2:link, a.vit2:hover {margin: -10px 0 0 0; height: 13px; width:122px; background: url(pix/bocomacc.gif) no-repeat 0 0; overflow: hidden; text-indent: -900%; float: right; clear: both; }
a.acomacc2:hover {background: url(pix/bocomacc.gif) no-repeat 0 -13px;}


a.aplusinfos, a.aplusinfos:link, a.aplusinfos:hover,
a.aplusinfosdec2, a.aplusinfosdec2:link, a.aplusinfosdec2:hover,
a.aplusinfosvit2, a.aplusinfosvit2:link, a.aplusinfosvit2:hover {margin: -15px 140px 0 0; height: 13px; width:63px; background: url(pix/aplusinfos.gif) no-repeat 0 -13px; overflow: hidden; text-indent: -900%; float: right; clear: both; }
a.aplusinfos:hover {background: url(pix/aplusinfos.gif) no-repeat 0 0;}


a.dec2 { background-position: -244px 0;}
a.vit2 { background-position: -122px 0; }

a.dec { background-position: -244px 0;}
a.vit { background-position: -122px 0; }
a.vit, a.vit:link, a.vit:hover {margin: 0 0 0 40px;}
a.dec, a.dec:link, a.dec:hover {margin: 0 0 0 15px;}
h3.lesbiobosse { color: #02703B; font-size: 30px; }
#h5bdpacc { text-align: center; font-size: 18px; color: #b4c899;}

a.bocmdbig2, a.bocmdbig2:link, a.bocmdbig2:hover { position: absolute;  height: 17px; width:159px; background: url(pix/bocmdbig.gif) no-repeat 0 0; overflow: hidden; text-indent: -900%; right: 0; margin: -30px 45px 0 0; }
a.bocmdbig2:hover {background: url(pix/bocmdbig.gif) no-repeat 0 -17px;}


a.leblog, a.leblog:link, a.leblog:hover {  height: 27px; width:157px; background: url(pix/leblog.gif) no-repeat 0 0; overflow: hidden; text-indent: -900%; right: 0; margin: 5px 0 10px 25px; float: left; clear: both; }
a.leblog:hover {background: url(pix/leblog.gif) no-repeat 0 -27px;}





a.bocmdbig, a.bocmdbig:link, a.bocmdbig:hover { position: absolute;  height: 17px; width:159px; background: url(pix/bocmdbig.gif) no-repeat 0 0; overflow: hidden; text-indent: -900%; right: 0; margin: -30px 45px 0 0; }
a.bocmdbig:hover {background: url(pix/bocmdbig.gif) no-repeat 0 -17px;}


a.bocmdbig2, a.bocmdbig2:link, a.bocmdbig2:hover { position: absolute;  height: 31px; width:160px; background: url(pix/bocom.gif) no-repeat 0 -31px; overflow: hidden; text-indent: -900%; right: 0; margin: -30px 30px 0 0; }
a.bocmdbig2:hover {background: url(pix/bocom.gif) no-repeat 0 0;}



a.bocmdbig, a.bocmdbig:link, a.bocmdbig:hover { position: absolute;  height: 31px; width:160px; background: url(pix/bocom.gif) no-repeat 0 -31px; overflow: hidden; text-indent: -900%; right: 0; margin: -30px 30px 0 0; }
a.bocmdbig:hover {background: url(pix/bocom.gif) no-repeat 0 0;}
/* Page
-------------------------------------------------------- */
#topstore { width: 100%; height:80px; background:transparent url(pix/store2.png) repeat-x 0 0; }
#wrapper {
	width: 990px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 990px;
	
	
}
#wrapper2 {
	width: 100%;
	text-align: left;
	overflow: visible;
	position: relative;
	margin:-10px 0 0 0;
	padding: 0;
	
}
#wrapper3 {
	width: 100%;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0;
	padding: 0;
}
#subwrapper2 {
	overflow: hidden;
	position: relative;
	padding: 40px 0 50px 0;	
	width: 100%;
	margin: 0;
	background: transparent url(pix/pelouse3.png) repeat-x 0 80px;
	
}
.pelouse { background: transparent url(pix/pelouse2.png) repeat-x 0 80px; position: absolute; width:100%; height: 185px; margin: -185px 0 0 0;}
#subwrapper3 {
	overflow: visible;
	position: relative;
	padding: 0 0 50px 0;	
	width: 100%;
	margin: 0;
	background-color: #4F9B76; 
}
#droite {
	float: right;
	width:215px;
	/*height: 500px;*/
	padding: 0 0 0px 0;
	margin: 15px 0;
	border: 0pt solid red;
}
h3#pointsrelais { background: transparent url(pix/pointsrelais.png) no-repeat center 0; height: 55px; float: left; clear: left; width: 100%; overflow: hidden; text-indent: -900%;}
#prelaisside {border: 0pt solid red; float: left; clear: left; background: transparent url(pix/fdprlong.png) no-repeat 0 0; width: 215px;}


#endpr { float: left; clear: left; margin: 0; padding: 0; background: transparent url(pix/endpr.png) no-repeat 0 0; width: 214px; height: 39px}
#prelaisside p { padding: 0 20px 0 20px; text-align: center;   }
#prelaisside h4 { font-size: 14px; text-align: center; padding: 0 10px 0 25px; }
#prelaisside h4.regionsm { text-align: left; color: #02703B}
#prelaisside ul { margin: 0 0 0 10px; padding: 0;}
#prelaisside ul li { list-style-type: none; margin: 0;  }
#prelaisside ul li a,#prelaisside ul li a:visited { color: #59493f; padding: 0 0 0 25px; font-size: 0.9em;  }
#prelaisside ul li a:hover, #prelaisside ul li a.actif, #prelaisside ul li a.actif:visited { text-decoration: none; background: transparent url(pix/flville.png) no-repeat 0 5px; color: #02703B;}
#prelaisside ul li a.acc,#prelaisside ul li a.acc:visited { text-decoration: none; background: transparent url(pix/flville.png) no-repeat 0 5px; }
#prelaisside ul li a:hover, #prelaisside ul li a.actif, #prelaisside ul li a.actif:visited { background-image: url(pix/flvillever.png);color: #02703B; }
#contenu, #contenuPageRubrique  {
	float: left;
	width:550px;
	padding: 0 0 0 0;
	margin: 15px 0 0 30px;
	border: 0pt solid red;
	background: transparent url(pix/cbis2.jpg) repeat-y center 0;
}
#cbot {background: transparent url(pix/cbot.jpg) no-repeat center bottom; width: 550px; height: 30px; margin: 0; padding: 0; position: absolute; bottom: -10px;
position: inherit; float:left; clear:left;
}


#TICKER b { color: #94348A;}
#contenu.acc {
	float: left;
	width:990px;
	padding: 0 0px 0px 0px;
	margin: 0px 0 0px;
	border: 0pt solid red;
	background-image: none;
	
}
#contenu.fprod {
	float: left;
	width:510px;
	padding: 0 0px 0px 0px;
	margin: 0px 0 0px;
	border: 0pt solid red;
	
}
/* Entête
-------------------------------------------------------- */

#top {
	float: left;
	width: 990px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #FFFFFF;
	z-index:1000;
}

#top h1, #top h1 a {
	float: left;
	padding:0;
	display:block;
	height: 110px;
	 overflow: hidden;
	 margin: 5px 0 0 10px;
	
}
#top h1 a { width: 181px; text-indent: -900%; background: transparent url(pix/logobiobox.png) no-repeat 0 0; margin: 0; padding: 0}
#paccbio { float: left; clear: left; color: #02703b; font-size: 14px; margin:10px 0 0 10px; }

#top h3 {
	color:#FFF;
	font-size:18px;
	margin:0 0 5px 0;
}

#top a, #top a:visited  {
	color: #c7c9ca;
	text-decoration: none;
}
#top a:hover {
	color: #fff;
	text-decoration: none;
}

#monCompte {
	float: right;
	width: 100%;
	margin: 0;
	
	padding: 0px 0 10px 0;
	background: transparent url(pix/l121.png) no-repeat center bottom;
	
}
#maNews{
	float: right;
	width: 100%;
	margin: 0;
	padding: 0px 0 10px 0;
	
	
}
#monCompte.acc { float: left; background: none;}
#monCompte form, #maNews form {
	float: left;
	padding: 0;
	margin: -32px 0 0 40px;
}
#monCompte.acc form {
	float: left;
	padding: 0;
	margin: 10px 0 0 90px;
}
#maNews.acc form {
	
	margin: 10px 0 0 65px;
}
#monCompte form p , #maNews form p { 
    padding:0;
	margin:0;
	float:left;
}

#monCompte form input,  #maNews form input {
	margin: 0 0 5px 0;
	padding:2px;
	border:solid 1px #88888b;
	
	color:#626164;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	float:left;
	clear: left;
}
#monCompte form input.bibi, #maNews form input.bibi { width: 101px; height: 20px; border: none; background: transparent url(pix/fdinput.png) no-repeat 0 0; padding-left:5px; font-weight: normal; font-size: 1.1em; }

#maNews form input.bibi { width: 65px; height: 15px; border: none; background: transparent url(pix/fdinput.png) no-repeat 0 0; padding-left:5px; padding-top: 5px; font-weight: normal; font-size: 0.8em; }

#monCompte.acc form input {clear: none;}
#monCompte form button.bouton, #maNews form button.bouton { 
    
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:0.9em;
	font-weight:bold;
	border:none;
	color: #C6007B;
	float: left; clear: none;
}

#monCompte.acc form button.bouton, #maNews.acc form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	
	font-weight:bold;
	border:none;color: #C6007B;
}


#monCompte form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#59493F;
	height:15px;
	line-height:15px; /* Alignement vertical du texte et largeur du côté droit*/
}
#monCompte form button.bouton:hover span span {
	
	color:#59493F;
}
.holdplusmoins {width:60px; border:0pt solid red;}

#maNews form button.bouton { 
    
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:0em;
	font-weight:bold;
	border:none;
	color: #C6007B;
	float: left; clear: none; margin: 2px 0 0 5px;
	width: 19px; height: 19px; background: transparent url(pix/oknews.png) no-repeat 0 -19px;
	text-indent: -900px; overflow: hidden;
}
#maNews form button.bouton:hover {background: transparent url(pix/oknews.png) no-repeat 0 0; }

#monCompte .menu {
	font-size:11px;
	float: left;
	
	color: #59493f;
	margin: 5px 0 0 0;
	padding: 0;
}
/*#monCompte .menu a, #monCompte .menu a:visited {color:#59493f;}*/
#monPanier {
	float: right;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0px 0 10px 0;
	background: transparent url(pix/l121.png) no-repeat center bottom;
}
#lesnews {
	float: right;
	width: 100%;
	margin: 15px 0 15px 0;
	padding:0 0 10px 0;
	/*background: transparent url(pix/l121.png) no-repeat center bottom;*/
}
#monCompte h3, #monPanier h3, #lesnews h3, #maNews h3 {  text-align: center; color: #59493f; font-size: 16px; }
#monPanier h3, #monPanier h3 a, #monPanier h3 a:visited { color:#02703B; font-size: 18px; }
#monCompte h3, #maNews h3, #monCompte h3 a, #monCompte h3 a:visited { color:#94348A; font-size: 18px; }
#lesnews h3, #lesnews h3 a, #lesnews h3 a:visited { color:#F29400; font-size: 18px; }

#monCompte.acc h3, #maNews.acc h3 {color:#59493f } 
#maNews { margin-top: -5px;}
#maNews h3 { background: transparent url(pix/pnews2.gif) no-repeat 0 0; height: 25px; margin-left: 0px;  padding-top: 0px; color:#02703B; font-size:110%; padding-bottom: 15px; }
/*#h3pan {
width:61px; height:40px; overflow:hidden; 
background: transparent url(pix/pan2.png) no-repeat 0 0; text-indent: -900%; 
}
#h3pan.actif {
background-position: 0 -40px; 
}*/
#h3pan a:visited,#h3pan a {color: #59493f;}
#contenuPanier {
	padding: 0;
	list-style: none;
	
}

ul#contenuPanier , ul#contenuPanier li {
	margin: 0;
	padding: 0;
	list-style:none;
	background: transparent;
	width: 100%;
}
ul#contenuPanier { padding: 0 0 0 20px;}
ul#contenuPanier li a, ul#contenuPanier li a:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	width: 172px;
	display:block;
	
	
	border:solid 0px #FFFFFF;
}

ul#contenuPanier li ul {
	
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li {
	list-style: none;
	float:left;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {
	display: block;
	float:left;
	
	background-image:none;
	font-size:11px;
	color: #59493f;
	text-decoration: none;	
	margin: 0;
	padding: 4px 3px;
	border:solid 0px #FFFFFF;
	border-top:none;
}

 ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
	font-size:12px;
	color: #94348a;
	margin: 0;
	padding: 4px 3px;
	display:block;
	float:left;
	
	background-image:none;
}

ul#contenuPanier li a:hover, ul#contenuPanier li ul li a:hover {
	display: block;
	
	text-decoration: none;	
}

span.nomArticle, span.titreTotal {
	margin:0;
	width:160px;
	float:left;
}
span.titreTotal {
		width:100px;
	
}

span.quantite {
	width:30px;
	float:left;
	color: #94348a;
}

span.total {
	float:right;
	text-align:right;
	width:50px;
	color: #94348a;
}


/* Dossiers
-------------------------------------------------------- */

#dossier {
	margin:0;
	padding:0 30px 0 30px;
	width: 490px;
	
}

#dossier .image {
	margin:3px 15px 15px 0;
	padding:0px;
	border:solid 0px #bbbdbf;
	float:left;
	clear: left;
}
.blocdossier { float: left; clear: left; }
/*.compo { background: transparent url(pix/l121.png) repeat-x center bottom; }*/

.presse { float: left; clear: none; width: auto; margin:20px 0 20px 0; padding: 0 0 0 0; width: 100%;   background: transparent url(pix/l121.png) repeat-x center bottom;}
.blocdossier p { float: left; clear: none;}
div.pimg { float: right; width: 200px; text-align: right; margin: 0; padding: 0 0 10px 0;}
#dossier h2 { margin-bottom: 0; } 
.compo  h3 {  clear: left; margin-top: 20px;}
a.morepresse { float: right;}
div.fl { float: left; margin: 0; padding: 0; border: 0pt solid red; width: 150px;  }
div.fl img { margin: 0; padding: 0}
div.fl150 { float: left; clear: none; width: 350px; margin: 0 0 0 15px; padding: 0; border: 0pt solid red; }
.fl img { float: left; }
.fl p { float: left;}
/*p.fruits {background: transparent url(pix/fruitgif.gif) no-repeat 0 0; padding:0 0 10px 96px;}
p.legumes {background: transparent url(pix/legumesgif.gif) no-repeat 0 0; padding:0 0 10px 96px;}
p.fruietleg {background: transparent url(pix/fruietleg.gif) no-repeat 0 0; padding:0 0 10px 96px;}*/

p.legumes strong {color: #569b75;}
p.fruits strong { color: #933389}
p.fruietleg strong { color: #f29400}

.contenusemaine p.legumes, .contenusemaine p.fruits, .contenusemaine p.fruietleg { background-image: none; padding:0 0 10px 60px;}


/* Langues
-------------------------------------------------------- */

ul#langues {
	float: left;
	width:980px;
	text-align:right;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	background-color:#3f3f43;
	border-top: solid 3px #313135;
	list-style:none;
}

ul#langues li {
	float:right;
	padding:0;
	margin:0;
	border:none;
	list-style:none;
}

ul#langues li a, ul#langues li a:visited {
	display:block;
	width:34px;
	height:24px;
	overflow:hidden;
}

ul#langues li a.fr {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 -24px;
}

ul#langues li a.uk {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px -24px;
}

ul#langues li a.spa {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px -24px;
}

ul#langues li a:hover.fr, ul#langues li a.frSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 0;
}

ul#langues li a:hover.uk, ul#langues li a.ukSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px 0;
}

ul#langues li a:hover.spa, ul#langues li a.spaSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px 0;
}

 #divactubionews {float:left; height:350px; width:160px; overflow:hidden; margin:0 0 0 20px;}
 #divactubionews a { border-bottom: none;}
/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	position: absolute;
	top: 0;
	width:590px;
	color: #C6007B;
	font-size: 11px;
	font-weight: normal;
	margin:10px 0 0 220px; 
	padding: 3px 0 0 0;
	background: transparent url(pix/pinfo.gif) no-repeat 0 0;
	text-indent: 28px;
	height: 17px;
	border: 0pt solid red;
	left: 0;
	
}

#chemin a:link, #chemin a:visited {
	color: #4B976F;
	text-decoration: none;
}

#chemin a:hover {
	color: #02703B;
	text-decoration: none;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:710px;
	color: #515053;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding:0;
	background-color:#fff;
}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:708px;
	border-right:solid 1px #d8d9da;
}

#etapesDeCommande ul li {
	color:#c7c9ca;
	width:176px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
	border-left:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	border-top:solid 1px #d8d9da;
}

#etapesDeCommande ul li.selection {
	color:#d8d9da;
	border-left:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	border-top:solid 1px #d8d9da;
	background-color:#515053;
}

#etapesDeCommande ul li span {
	color:#fff;
	font-size:18px;
	margin:0 3px 0 0;
	padding:0 5px;
	background-color:#d8d9da;
}

#etapesDeCommande ul li span.chiffreSelection {
	color:#d8d9da;
	background-color:#515053;
	border-right:solid 1px #d8d9da;
}


/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0 0 20px 0;
	width:710px;
}

.adresseDeFacturation {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.adresseDeLivraison h4 {
	color:#515053;
	width:335px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	float:left;
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraison ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 710px;
	float:left;
}

.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#fff;
	display:block;
	background-color:#8fbce3;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	clear:both;
	background-color:#509C78;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#00529a;
}



/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:710px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width: 710px;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#515053;
	line-height:37px;
	width:355px;
	margin:0;
	padding:0;
	background-color:#bbbdbf;
	float:left;
	text-indent:10px;
	height:40px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
	color:#FFFFFF;
}

.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
	height:40px;
	color:#fff;
	display:block;
	background-color:#509C78;
	border-top:solid 1Px #FFFFFF;
}

.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
	text-decoration:none;
	background-color:#00529a;
}

/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)
-------------------------------------------------------- */

.blocMozaique {
	float: left;
	margin: 0 0 20px 0;
	padding:0;
}

.blocMozaique h3 {
	
	font-weight: bold;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocMozaique .contenu ul.image {
	margin: 0;
	padding:0;
	list-style:none;
	border:none;
	
	float:left;
}

, .blocMozaique .contenu ul.image li {
	margin:0;
	padding:0;
	border:none;
	float:left;
}

.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	border: 1px solid #bbbdbf;
	margin:0 1px 0 0;
	_margin:0;
	padding:1px;
	height: 81px;
	width:81px;
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	zoom:0;
	text-align:center;
}


.blocMozaique .contenu ul.image li a:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocNouveaute {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.blocNouveaute h3 {
	margin:0;
}

.blocNouveaute h3 a, .blocNouveaute h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocNouveaute h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocNouveaute h4 a, .blocNouveaute h4 a:visited {
	color:#00529a;
}

.blocNouveaute h4 a:hover {
	text-decoration:underline;
}

.blocNouveaute .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocNouveaute .contenu a.image, .blocNouveaute .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	float:left;
	text-align:center;
	display:block;
	background-color:#fff;
	overflow: hidden;	
}

.blocNouveaute .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocNouveaute .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
}

.blocNouveaute .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocNouveaute .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0 0 0;
	padding: 0;
	display:block;
}

.blocNouveaute .contenu .description p {
	margin:0;
	padding: 0;
}

.blocNouveaute a.acheter, 
.blocNouveaute button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocNouveaute a.acheter span, 
.blocNouveaute button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#509C78;
	border:solid 1px #FFFFFF;
} 

.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#509C78;
	border:none;
} 
 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
}

.blocNouveaute a.toutesLesNouveautes, .blocNouveaute a.toutesLesNouveautes:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocNouveaute a.toutesLesNouveautes:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

/* Bloc promotion (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocPromo {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.blocPromo h3 {
	margin:0;
}

.blocPromo h3 a, .blocPromo h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocPromo h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocPromo h4 a, .blocPromo h4 a:visited {
	color:#00529a;
}

.blocPromo h4 a:hover {
	text-decoration:underline;
}

.blocPromo .contenu {
	width: 325px;
	float:left;
	_float:none;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocPromo .contenu a.image, .blocPromo .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;
	text-align:center;
}

.blocPromo .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocPromo .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
	_width: 158px;
}

.blocPromo .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocPromo .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.blocPromo .contenu .description p {
	margin:0;
	padding: 0;
}

.blocPromo a.acheter, 
.blocPromo button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocPromo a.acheter span, 
.blocPromo button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#509C78;
	border:solid 1px #FFFFFF;
} 

.blocPromo a.acheter span span, 
.blocPromo button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#509C78;
	border:none;
} 
 
.blocPromo a.acheter:hover span , 
.blocPromo button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

.blocPromo a.toutesLesPromos, .blocPromo a.toutesLesPromos:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocPromo a.toutesLesPromos:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */

.petitBlocProduit {
	float: left;
	margin: 0 20px 20px 0;
	width:345px;
}

.separation {
	float: left;
	margin:0;
	height:1px;
	width:710px;
}

.petitBlocProduit h3 {
	margin:0;
}

.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.petitBlocProduit h3 a:hover {
	text-decoration:none;
	background-color:#a9abad;
}

.petitBlocProduit .contenu  {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.petitBlocProduit .contenu a.image, .petitBlocProduit .contenu a.image:visited  {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;	
}

.petitBlocProduit .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.petitBlocProduit .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
}

.petitBlocProduit .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.petitBlocProduit .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.petitBlocProduit .contenu .description p {
	margin:0;
	padding: 0;
}

.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#509C78;
	border:solid 1px #FFFFFF;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#509C78;
	border:none;
} 
 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
	float: left;
	margin:0 0 20px 0;
	padding:0 30px;
	width:490px;
	border: 0pt solid red;
	background: transparent url(pix/ctop.jpg) no-repeat 0 0;
}

.blocProduit .blocDImages {
	float: left;
	clear: left;
	margin:0 0 20px 0;
	padding:0;
	
}

.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {
	border: 1px solid #bbbdbf;
	margin:0;
	padding:1px;
	
	float:left;
	background-color:#fff;
}

.blocProduit a.grandeImage:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocProduit ul.vignettes {
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	border:none;
	width:344px;
	float: left;
}

.blocProduit ul.vignettes li {
	margin:0;
	padding:0;
	border:none;
}

.blocProduit ul.vignettes li a, .blocProduit ul.vignettes li a:visited {
	border: 1px solid #bbbdbf;
	margin:0 1px 1px 0;
	padding:1px;
	height: 81px;
	width:81px;
	float:left;
	display:inline;
	background-color:#fff;
	overflow: hidden;
}

.blocProduit ul.vignettes li a:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocProduit .introProduit {
	float: right;
	margin:0 0 20px 0;
	padding:0;
	width:344px;
}

.blocProduit .introProduit .chapo {
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 20px 0;
}

.chapobibi {
	font-size: 14px;
	font-weight:normal;
	padding: 0  0 0 0;
	margin:0 0 20px 0;
	float: left; width: 330px; border: 0pt solid red; font-style: italic;
}
span.bioboxbox { float: left; background: transparent url(pix/bioboxbox.gif) no-repeat 0 0; height:100px ; width:101px ; margin: -18px 5px 10px 0; padding: 0;}

span.bioboxbox.org {background: transparent url(pix/fruietleg.gif) no-repeat 0 0; width: 96px; height: 73px; }
span.bioboxbox.mov {  background: transparent url(pix/fruitgif.gif) no-repeat 0 0; width: 96px; height: 73px;}
span.bioboxbox.ver  { background: transparent url(pix/legumesgif.gif) no-repeat 0 0; width: 96px; height: 73px;}
 
.blocProduit .introProduit .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 22px;
	margin:0px 0 0 0;
	padding: 0;
	
}

.holdprice { font-weight:bold; font-size: 22px; position: absolute; right:0; width:106px; height:50px; padding: 18px 0 0 0; margin: -60px 200px 0 0; text-align: center; background: transparent url(pix/fdprix.png) no-repeat 0 0;   }

.blocProduit a.acheter, 
.blocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    background:transparent url(pix/flcomv.png) no-repeat 0 center;  text-align: left; font-size: 24px; padding: 0 0 0 35px;
} 
.blocProduit a.acheter span, 
.blocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 0; 
    vertical-align:middle;
    color:#94348a; 
} 
.blocProduit a.acheter:hover { 
    
	text-decoration:underline;
} 
/*.blocProduit a.acheter span span, 
.blocProduit button.acheter span span {
	color:#fff;
    height:40px; 
    padding:0 10px 0 0; 
    line-height:38px; 
    background-color:#509C78;
} 
 
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span { 
    
	text-decoration:underline;
} 
*/
.blocProduit .description {
	float:left; clear: left;
	font-size: 12px;
	padding: 0 5px 0 25px;
	margin:0 0 0px 0;
	width: 480px; border: 0pt solid red;
}
.description h4 { float: left; }
.mov h4  { float: left; color: #c6007b; font-size: 20px; color: #933389; width: auto;   }

.ver h4  { float: left; color: #569B75;font-size: 20px;   }
.org h4  { float: left; color: #F29400;font-size: 20px;  }
.ver div.icone  { float: left; clear: left; color: #59493f; background: transparent url(pix/legumesgif.gif) no-repeat 0 0; width: 96px; height: 73px;}
.description p  { float: left; clear: left; color: #59493f;}
.mov div.icone  { float: left; clear: left; color: #59493f; background: transparent url(pix/fruitgif.gif) no-repeat 0 0; width: 96px; height: 73px;}
.mov h5, .ver h5, .org h5 { float: left; clear: none; color: #59493f; margin: 0px 0 10px 10px; width: auto;}
.org h5 { margin: 0px 0 10px 0px; clear: none; clear: left;}
.org div.icone  { float: left; clear: left; color: #59493f; background: transparent url(pix/fruietleg.gif) no-repeat 0 0; width: 96px; height: 73px;}
/*.blocProduit .description .surprise {
padding-left: 100px; background: transparent url(pix/surprise.png) no-repeat 0 0; height: 69px;}
}*/
p.sepa { float: left; clear: left; width: 100%; height: 20px; margin: 0; padding: 0; background: transparent url(pix/l121.png) repeat-x center center; text-indent: -900%; overflow: hidden;}
.blocProduit .contenusAssocies {
	float: left;
	clear: left;
	margin: 0 0 20px 0px;
	padding: 0 0 0 25px;
	
	
}

.contenusAssocies {
	float: left;
	clear: left;
	margin: 0 0 20px 40px;
	padding: 20px 0 0 0;
	
	
}
div.holdinfos { float: left; width: 100%;  background: transparent url(pix/iinfo50.gif) no-repeat 0 2px; padding: 0 0 0 60px; margin: 20px 0 0 0; }
div.holdinfos h3.cettesem { padding-bottom: 0; margin-bottom: 0; color: #4E906E;}
div.holdinfos h4 { margin-top: 0; border:0pt solid red; padding-right: 60px;}
hr.cettesem {border: 0pt solid red; border-bottom: 2pt dotted #59493F; float: left; clear: both; width: 460px; margin: 10px 0 0 22px;}
hr.tata {border: 0pt solid red; border-bottom: 2pt dotted #59493F; margin: 0 0 20px 0; padding: 0; }
hr.ver { border-color: #569B75; border-color: #02703B;}
hr.org {border-color: #F29400;}
hr.mov2 { border-color: #933389; }
h3.deux { margin-bottom: 0; margin-top: 0px; padding-top: 50px;}
/*.cettesem {background: transparent url(pix/l121.png) repeat-x 0 0; padding-top: 15px; }*/
.blocProduit .telechargements {
	float: left;
	margin: 0 0 20px 40px;
	width:345px;
}

.blocProduit .contenusAssocies h3, .blocProduit .telechargements h3 {
	color:#C7007B;
	display:block;
	padding: 0 0 5px 0;
	margin:0 0 5px 0;
	font-style: italic;
	border-bottom: solid 0px #02703B;
}
.blocProduit .contenusAssocies h3,.blocProduit .contenusAssocies h4 { clear: left;}
.blocProduit .contenusAssocies h4 { font-weight: normal; font-size: 100%}
.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul {
	list-style:none;
	margin: 0;
	padding:0;
	
	float:left;
	
}

.blocProduit .contenusAssocies ul li, .blocProduit .telechargements ul li {
	margin: 0 ;
	padding:0 0 10px 0;
	font-size:12px;
	float: left;
	
	font-weight:normal;
}

/*.blocProduit .contenusAssocies ul li a, .blocProduit .telechargements ul li a,
.blocProduit .contenusAssocies ul li a:visited, .blocProduit .telechargements ul li a:visited {
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	background-color:#509C78;
	padding:3px 0 3px 10px;
}

.blocProduit .contenusAssocies ul li a:hover, .blocProduit .telechargements ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#00529a;
}*/

/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */

#superbox-overlay {
	width: 100%;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background:#e0e4cc;
}

#superbox-container .loading {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-image:url(_gfx/loader.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 100%;
}

#superbox .close a {
	float:right;
	padding:0 5px;
	line-height:20px;
	color:#fff;
	background:#00529a;
	cursor:pointer;
}

#superbox .nextprev a {
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#00529a;
	cursor:pointer;
	color:#fff;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:default;
}

#superbox .close a:hover {
	color:#fff;
	background:#00529a;
	text-decoration:none;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	color:#626164;
	width: 700px;
	text-align: right;
	font-size: 11px;
	padding: 5px 10px 5px 0;
	margin: 10px 0;
	background-color:#d8d9da;
}

#pages a, #pages a:visited {
	color:#626164;
	text-decoration: none;
	font-weight: bold;
}

#pages a:hover {
	text-decoration: underline;
}

/* Pied de page
-------------------------------------------------------- */

/* Pied de page
-------------------------------------------------------- */

#footer {
	
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-weight:normal;
	padding:0px 0 20px 0;
	/*height: 185px;*/
	margin: 0px 0 0 0;
	
	/*background-color: transparent;
	background-image: url(pix/vertpelouse.png);
	background-attachment: fixed;
	background-position-x: 0;
	background-position-y: 300px;
	background-repeat: repeat;*/
	
	}
#plusdecontact {color:#b2c597; float:left; width:990px; font-weight:bold; text-align:center; margin:0px 0 50px 0; padding:0 0 20px 0; font-size: 20px;}
#plusdecontact a, #plusdecontact a:visited,#plusdecontact a:link, #plusdecontact span { color: #94348a;}
#footcenter { width: 990px; margin: 0 auto;}	
#vertbis { position: absolute; width: 100%; height: 100%; background-color: #4F9B76; top: 265px; z-index: 0;}
/*#footcentin { width: 990px; position: absolute; z-index: 10; margin: -100px 0 0 0; }*/
#footcentin {padding-top: 20px;}
#footer .colonne {
	float: left;
	color: #fff;
	margin:30px 0 0 0;
	padding:0 ;
	width: 24%;
	}
	
#footer .colonne p {
	font-size:11px;
	margin:0;
	padding:0;
	}
#footer .colonne ul { margin: 0 0 0 25px; padding: 0}

#footer .colonne ul li { list-style-type: none;}
#footer .colonne ul li a, #footer .colonne ul li a:visited {  display: block; padding: 0 0 0 20px; background: transparent url() no-repeat 0 3px; margin: 0;}
#footer .colonne ul li a:hover, #footer .colonne ul li a.actif, #footer .colonne ul li a.actif:visited { background-image: url(pix/flverpale.png); color:#b2c597;}

#bdpacc { width: 100%; height: 116px; background: #fff url(pix/bdpacc.gif) no-repeat center center; float: left; margin: 120px 0 20px 0 }
#bdpaccin { width: 990px; margin: 0 auto; padding: 0; height: 116px;}

ul.prohp li { list-style-type: none;}

#bdpaccin .colonne {
	float: left;
	color: #fff;
	margin:0 10px 0 0;
	padding:0 ;
	width: 300px;
	}
#bdpaccin .colonne h3 { text-align: center; color: #59493f; font-size: 18px; margin-top: 15px;}	
#bdpaccin a.lespr { width: 100%;  background: transparent url(pix/pointsrelais.png) no-repeat center -15px; padding:0; height: 60px; float: left; text-align: center}	
#bdpaccin a.lespr span { float: left; width: 100%; text-align: center; margin: 50px 0 0 0; padding: 0; color:#B2C597}
#bdpaccin a.lespr:hover span {color:#02703B}
#bdpaccin .myc {
	float: left;
	color: #fff;
	margin:0 10px 0 0;
	padding:0 ;
	width: 400px;
	}
	
	#bdpaccin .news {
	float: left;
	color: #fff;
	margin:0 10px 0 0;
	padding:0 ;
	width: 250px;
	}


#footer h4 {
	font-size:15px;
	color: #fff;
	background-image:none;
	padding:0 0 10px 30px;
	margin:3px 0 0 15px;
	text-transform: uppercase; 
	}
	
#footer a, #footer a:visited, #footer a:link  {
	font-weight:normal;
	color: #fff;
	text-decoration: none;
	padding:0 5px;
	
	
}

#footer h4 a, #footer h4 a:visited {
	font-weight:bold;
	border:none;
	color: #fff;
	}

#footer a:hover {
	color:#b2c597;
}
#footer h4 a.todo { font-size: 15px}
#footer .colonne p.validator {
	float:left;
	margin:5px 0 0 0;
	}
	
#footer .colonne p.validator a, #footer .colonne p.validator a:visited {
	border:none;
	}
	
#footer #bdpaccin a, #footer #bdpaccin a:visited { color:#B2C597}
#footer #bdpaccin a:hover { color:#02703B}		

#rightcopy {width:100%; background: #fff url(pix/fond_papier.jpg) repeat 0 0; float:left; clear:both; margin:30px 0 10px 0; padding:5px 0 5px 0; border-top:3px solid #02703B; border-bottom:3px solid #02703B;}


#footer #rightcopy a, #footer #rightcopy a:visited {border-bottom: 0pt dotted #; padding-bottom: 1px; padding-right: 1px; color: #C6007B;}
#footer #rightcopy a:hover { color: #02703B;}
.flright {float: right;color:#333}
#footer #rightcopy .flright a {color:#333}
#footer #rightcopy .flright a:hover {color:#000}

/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:0px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
	color: #b2c597; font-weight: bold; text-align: right;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.petit {
	width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 0px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#59493f;
	font-weight:normal;
	text-indent: 5px;
	background:transparent url(pix/fdinputbig.png) no-repeat right 0;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 300px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}

#contenu table th {
	font-weight: bold;
	/*background-color: #d8d9da;*/
	border-bottom:solid 1px #FFFFFF;
}

#contenu table td {
	font-weight: normal;
	background-color: transparent;
	border:none;
}

#contenu table td.ligne {
	
	background-color: transparent;
	border-bottom:inset 1pt #59493F;
	
}

#contenu table th.total {
	font-weight: bold;
	color:#FFF;
	background-color: #933389;
	border-bottom:solid 0px #dedce6;
}

/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
}

.queFaire a.bouton, 
.queFaire button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
   
} 

.queFaire a.bouton span span, 
.queFaire button.bouton span span {
	color:#f29400;
    height:24px; 
    padding:0; 
    padding:0 7px 0 0; 
    line-height:22px; 
   
} 
 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
  
} 
 
/*  général
-------------------------------------------------------- */

#moteurEtCatalogue {
	float: left;
	width:180px;
	padding: 0;
	margin:15px 0 0 0;
	border: 0pt solid red;
}




#accueil, #menuCatalogue {
	float: left;
	padding: 0;
	margin:0 0 18px 0;
	width:100%;
}

#accueil ul, #menuCatalogue ul {
	padding: 0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
}
#menuCatalogue ul {
/* background: transparent url(pix/fdmenu.png) no-repeat 0 0;*/
 height: 139px;
 width: 188px;
 padding-top: 10px;
 background: transparent url(pix/fdpr2.png) no-repeat 0 0; 
}

#accueil ul li, #menuCatalogue ul li {
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0 0 0px 0;
}

#menuCatalogue ul li {
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0px 0 0px 0;
	float: left; clear: left;
}


#accueil ul li a, #menuCatalogue ul li a  {
	text-decoration:none;
	color:#59493f;
	
	display:block;
	
	padding:5px 0 5px 10px;
}
#menuCatalogue ul li a  {
	text-decoration:none;
	color:#59493f;
	
	display:block;
	
	padding:5px 0 5px 10px;
}


#accueil ul li a:hover, #menuCatalogue ul li a:hover {
	text-decoration:none;
	/*background-color:#00529a;
	color:#000;*/
	/*border-left: solid #59493f 3px;*/
	
}
/*
#accueil ul li a.org:hover, #menuCatalogue ul li a.org:hover { border-left: solid #f29400 3px; }
#accueil ul li a.mov:hover, #menuCatalogue ul li a.mov:hover { border-left: solid #c6007b 3px; }
#accueil ul li a.ver:hover, #menuCatalogue ul li a.ver:hover { border-left: solid #569b75 3px; }
*/
#menuCatalogue ul li ul {
}
hr.toto {border: 0pt solid red; border-bottom: 2pt dotted #59493F; float: left; clear: both; width: 90%; margin-left: 5%;}
hr.titi {border: 0pt solid red; border-bottom: 2pt dotted #02703B; float: left; clear: both; width: 100%; margin: 30px 0 30px 0;}
hr.brown { border-color: #59493F;}
#menuCatalogue ul li ul li {
	font-size:12px;
	margin:1px 0 0 0;
	text-indent:8px;
	border: 0pt solid red;
	width: 190px;
}

#menuCatalogue ul li ul li a {
	font-size:12px;
}


/*#menuCatalogue ul li a.selection {border-left: solid #59493f 3px;}
#menuCatalogue ul li a.selection.org {border-left: solid #f29400 3px;}
#menuCatalogue ul li a.selection.mov {border-left: solid #933389 3px;}
#menuCatalogue ul li a.selection.ver {border-left: solid #569b75 3px;}*/

#menuCatalogue ul li a:hover { color:#C6007B;  }
#menuCatalogue ul li ul li a.mov {color: #933389}
#menuCatalogue ul li ul li a.ver {color: #569b75}
#menuCatalogue ul li ul li a.org {color: #f29400}

#menuCatalogue ul li ul li a {color: #02703B}

#menuCatalogue ul li ul li a:hover,#menuCatalogue ul li ul li a.selection {color: #59493f; color: #C6007B;}
#menuCatalogue ul li ul li a {color: #02703B; color: #59493f}
#menuCatalogue ul li ul li a.mov {color: #02703B; color: #59493f}
#menuCatalogue ul li ul li a.ver {color: #02703B; color: #59493f}
#menuCatalogue ul li ul li a.org {color: #02703B; color: #59493f}
#menuCatalogue ul li ul li a.mov:hover, #menuCatalogue ul li ul li a.selection.mov {color: #933389}
#menuCatalogue ul li ul li a.ver:hover, #menuCatalogue ul li ul li a.selection.ver {color: #02703B}
#menuCatalogue ul li ul li a.org:hover, #menuCatalogue ul li ul li a.selection.org {color: #f29400}


/*#menuCatalogue ul li ul li a:hover, #menuCatalogue ul li  ul li a.selection {
	color:#C6007B; 
}*/



#drop_down_menu { display:block; position:absolute; left: 200px; clear:both; margin:45px 0 0 0; right: 0; padding:0px; text-align:left; list-style-type:none; text-align:center; float:none; border: 0pt solid red; top: 0px;  }
#drop_down_menu li { font-size:12px; font-weight:bold; float:left; color:#c6007b; color: #94348A; padding:5px; margin: 5px 10px 5px 20px;  cursor:pointer;  width:150px; height: 38px;  }



#drop_down_menu li a, #drop_down_menu li a:visited { color:#f1eee7;  display: block; padding-top: 10px; height: 30px; text-align: center; font-size: 15px   }
#drop_down_menu li a:hover { text-decoration: none; color:#f1eee7; }
#drop_down_menu li ul { margin:0px; padding:0px; list-style-type:none; padding-top:10px; float: left; width:600px;}
	/*#drop_down_menu li ul li { float:none; clear:both; text-align: left; padding:0px; background: none; color: #59493f; margin: 0; text-align: left; height: 20px;   }*/
#drop_down_menu li ul li { float:left; clear:none; text-align: left; padding:0px; background: none; color: #59493f; margin: 0 15px 0 0; text-align: left; height: 20px; width: auto;  }

#drop_down_menu li ul li a, #drop_down_menu li ul li a:visited { 
color:#59493f;  color: #94348A; font-weight:normal; text-decoration:none;  font-size: 12px; padding: 0; margin: 0; text-align: left; padding-left: 20px;
font-family: tahoma, verdana, "sans-serif"; float: left; width: auto; background: transparent url(pix/flvillever.png) no-repeat 0 5px; color: #4B976F
 }
#drop_down_menu li ul li a:hover { text-decoration:none; color:#02703B; background: transparent url(pix/flvillever2.png) no-repeat 0 5px;  }
#drop_down_menu li ul li a.actif, #drop_down_menu li ul li a.actif:visited {background: transparent url(pix/flro.png) no-repeat 0 5px; color: #569b75; color: #C6007B;  }

#drop_down_menu li.princ1, #drop_down_menu li.princ4 { padding:0px; width:106px; height: 38px; background:transparent url(pix/fdm1v.png) no-repeat 0 0; overflow: visible }


#drop_down_menu li.princ2 { padding:0px; width:142px; height: 38px; background:transparent url(pix/fdm2v.png) no-repeat 0 0; }
#drop_down_menu li.princ2:hover { background:transparent url(pix/fdm2.png) no-repeat 0 0; }
#drop_down_menu li.princ3 { padding:0px; width:120px; height: 38px; background:transparent url(pix/fdm3v.png) no-repeat 0 0; }
/*#drop_down_menu li.princ4 { padding:0px; width:85px; height: 38px; background:transparent url(pix/fdm4v.png) no-repeat 0 0; }*/
#drop_down_menu li.princ5 { width: 220px; margin-left: 35px;}
#drop_down_menu li.princ5 a, #drop_down_menu li.princ5 a:visited {color:#94348a; background:transparent url(pix/flcomv.png) no-repeat 0 center;  text-align: left; font-size: 24px; padding: 0 0 0 35px;}
#drop_down_menu li.princ1 ul { }
#drop_down_menu li.princ2 ul { margin-left: 10px}
#drop_down_menu li.princ3 ul { margin-left: -230px}
#drop_down_menu li.princ4 ul { margin-left: -380px}

#drop_down_menu li.princ1 {background:transparent url(pix/mok.png) no-repeat 0 0;  }
#drop_down_menu li.princ1:hover {background:transparent url(pix/mok.png) no-repeat 0 -38px; }

#drop_down_menu li.princ2 {background:transparent url(pix/mok.png) no-repeat -135px 0;  }
#drop_down_menu li.princ2:hover {background:transparent url(pix/mok.png) no-repeat -135px -38px; }
#drop_down_menu li.princ2.active, #drop_down_menu li.princ2.active:link,#drop_down_menu li.princ2.active:hover {background:transparent url(pix/mok.png) no-repeat -135px -76px; }

#drop_down_menu li.princ3 {background:transparent url(pix/mok.png) no-repeat -303px 0;  }
#drop_down_menu li.princ3:hover {background:transparent url(pix/mok.png) no-repeat -303px -38px; }
#drop_down_menu li.princ3.active, #drop_down_menu li.princ3.active:link,#drop_down_menu li.princ3.active:hover {background:transparent url(pix/mok.png) no-repeat -303px -76px; }

#drop_down_menu li.princ4 {background:transparent url(pix/navpro.png) no-repeat -449px 0;  }
#drop_down_menu li.princ4:hover {background:transparent url(pix/navpro.png) no-repeat -449px -38px; }
#drop_down_menu li.princ4.active, #drop_down_menu li.princ4.active:link,#drop_down_menu li.princ4.active:hover,
#drop_down_menu li.princ1.active, #drop_down_menu li.princ1.active:link,#drop_down_menu li.princ1.active:hover {background:transparent url(pix/mok.png) no-repeat 0px -76px; }


#drop_down_menu li:hover ul { display: none;}
/* Recherche
-------------------------------------------------------- */

#nouscontacter { float: left; width: 150px; height: 150px; background: #94348a; margin: 20px auto;}
#nouscontacter a, #nouscontacter a:visited {  color: #fff; display: block; width:100%; text-align: center; font-weight: bold; padding-top: 50px; font-size: 22px; }
#moteurDeRecherche {
	margin: 0;
	padding:10px;
	width: 100px;
	display:block;
	float:right;
	
	
}

#moteurDeRecherche form {
	margin: 0;
	padding:0;
	border:none;
}

#moteurDeRecherche form p {
	margin: 0;
	padding:0;
	float:right;
}

#moteurDeRecherche form input {
	margin: 0;
	padding:2px;
	width:50px;
	border:solid 1px #00529a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	color:#626164;
	float:left;
}

#moteurDeRecherche form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:none; 
    background:none;
	font-size:13px;
	font-weight:bold;
}

#moteurDeRecherche form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#moteurDeRecherche form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}
	
/* Moyens de paiement
-------------------------------------------------------- */

.moyensDePaiement {
	float:left;
	margin: 0;
	padding:0 10px;
	width:980px;
}

.moyensDePaiement h4 {
	margin:32px 0 0 0;
	float:left;
 
}

.moyensDePaiement ul, .moyensDePaiement ul li {
	list-style:none;
	margin: 0;
	padding:0;
	border:none;
}

/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

/*h2.tifilo { margin-top: -30px;}*/

h5.choixreg a, h5.choixreg a:visited { font-size: 16px; color:#59493f ;}

#pluscote, #actubiobox { border: 0pt solid red; width:100%; float: left; text-align: center; margin: 0 0 10px 0; }

#pluscote { color: #02703B;}
a#parmelcote, a#parmelcote:link { width:52px ; height:70px ; float: left; background: transparent url(pix/mailtelcote.gif) no-repeat 0 -70px; overflow: hidden; margin: 5px 20px 0 35px; text-indent: -900%;}
a#parmelcote:hover { width:52px ; height:70px ; float: left; background: transparent url(pix/mailtelcote.gif) no-repeat 0 0; overflow: hidden;}

a#partelcote, a#partelcote:link { width:81px ; height:70px ; float: left; background: transparent url(pix/mailtelcote.gif) no-repeat -72px -70px; overflow: hidden;text-indent: -900%; margin: 5px 0 0 0;}
a#partelcote:hover {float: left; background: transparent url(pix/mailtelcote.gif) no-repeat -72px 0; overflow: hidden;}

#maNews small { width: 80%; float: left; clear: left; text-align: center; margin: 5px 0 0 10%; padding-top: 5px; border-top:1pt dotted #94348A; }

#NewsTicker{
	border:solid 0px #cccccc;
 background: transparent url(pix/fdprlong.png) no-repeat 0 0px;
	width:180px;
	height:344px;
	margin:0 auto;
	padding: 20px 0 0 0;
}
	#NewsTicker h3{
		padding:6px; margin:0; border:0;
		 text-align: left;
		color:#C6007B;
		font-size:21px;
		font-weight:bold;
	}
	
	#actubiobox h3 span { padding-top: 3px; color: #C6007B;}
	#actubiobox h3 span span { padding-top: 0px; color: #02703B;}
	#actubiobox h3 img { float: left; margin: -5px 0px 0 10px;}
	#NewsVertical {
	width: 180px;
	height: 330px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 170px;
		height: 360px;
		display: block;
		list-style: none;
		margin: 0 0 0 10px;
		padding:0 0 0 0;
	}
	#TickerVertical li {
		display: block;
		width: 153px;
		color: #333333;
		text-align: justify;
		font-size: 11px;
		margin: 0;
		padding: 6px 11px 6px 6px;
		float: left;
	}
		#TickerVertical li p {color: #333333;
		text-align: justify;
		font-size: 11px;}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #02703B;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-align: left;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #C6007B;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none; 
			text-align: justify;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
			color:#02703B ; border-bottom: 0pt dotted #C6007B;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
			text-align: left;
		}
		
h4.tog { cursor: pointer; margin-bottom:5px; margin-top: 15px; width: 100%;   }
h4.tog a {padding: 5px 0; display: block; font-size: 0.9em;}
h4.tog a.on,h4.tog a.on:hover { color:#C6007B;font-size: 1.0em; }
div.tdesc { padding: 0; margin: 0;}

/*

INPUT CREMENTOR 
*/
.bibig { font-size: 18px; font-weight: bold;}
#formpane label                               { font: bold 20px Helvetica, sans-serif; display: block; float: left; text-align: right; padding: 5px 10px 0 0; width: 140px; }
#formpane input[type=text]                    { float: left; width: 20px;font-size: 19px; font-weight: bold; padding: 18px 0 10px 0; text-align: center; border: none; background: none; color: #02703B; }
#formpane div                            { overflow: hidden; margin: 0 0 5px 0; }
#formpane .button                             { margin: 25px 0 0 5px; text-indent: -9999px; cursor: pointer; width: 11px; height: 11px; float: left; text-align: center; background: url(pix/plusmoinsok.png) no-repeat 0 0; overflow: hidden;  }
#formpane .button:hover                                { background-position: -11px 0; }
#formpane .dec                                { background-position: 0 -11px; }
#formpane .dec:hover                                { background-position: -11px -11px; }

#formpane #submit                             { margin: 15px 0 0 95px; font: 20px Helvetica, sans-serif; padding: 5px 10px 3px 10px; border: 1px solid black; background: #eee; }
#formpane #submit:hover                       { background: #ccc; }
#contenu #formpane table th { font-size: 15px; padding-bottom: 10px; border-color: #C6007B; color: #C6007B;}
#contenu #formpane table td.ligne {  padding-bottom: 5px;  padding-top: 5px;}
#contenu #formpane table td.total {  padding-bottom: 5px;  padding-top: 15px; border-color: #C6007B; color: #C6007B; font-weight: bold;}
 #contenu  table.resume tr td {border: 0pt solid green}
  #contenu  table.resume tr td.no {border:0pt solid green}
  
  /* ComboBox */
.comboBoo			{border:0; background-color:#FFF; color: #000;}
.comboBoo-label	{font: bold 13px verdana; line-height: 30px; height: 30px; left: 40px; padding: 0 25px 0 8px; cursor:pointer; position: absolute; background: #600 no-repeat url(pix/arrDown_2.gif) right 12px; color: #eee;}
a:hover.comboBoo-label, a:active.comboBoo-label	{background-color: #C33; color: #fff; text-decoration: none;}
ul.comboBoo-list 		{position: absolute; margin: 30px 0 0 0; padding: 0; list-style: none; border: 0; font-family: Verdana, Geneva; z-index: 500;}
ul.comboBoo-list li 	{padding: 0 0 0 8px; line-height: 25px; height: 25px; cursor: pointer; font-weight: normal; font-size: 11px; background: #000; color: #fff;}

ul.comboBoo-list li.choice-selected 		{background-color: #c33; color: #fff;}


a.amarkcmd.actif {color: #C6007B;}

h5.openeur { cursor: pointer;  float: left; margin: 0 5px 0 5px; clear: none;  }
h5.openeur a { color:#02703B ; font-size: 14px;}
h5.openeur a:hover, h5.openeur a.onit, h5.openeur a.onit:hover { color:#C6007B ;}
p.ouvre { float: left; clear: none; width: 100%; padding-top: 0; margin-top: 0px; border-top: 0pt dotted #C6007B; margin-bottom: 0; padding-bottom:0;}
table.tcompo h3 { margin-bottom: 0; margin-right: 15px; font-size: 1.5em;}
table.tcompo p { text-align: left;}
h4.tog { font-size: 1.2em; margin: 0}
ul.ulpr { padding-left: 10px; }
ul.ulpr li { list-style-type: none; float: left; clear: left;}
ul.ulpr li ul { float: left; clear: left; margin-left: 0; padding-left: 0; margin-top: 0; padding-top: 0; }
ul.ulpr li ul a {text-transform: capitalize}
/*forms*/
form.formular {
float: left;
margin: 0 10px 10px 20px;
padding: 0 0 0 10px;


}

form.black {
font-family: tahoma, verdana, "sans-serif";
font-size: 12px;
padding: 20px;
border: 1px solid #A5A8B8;
background:#666666;
color:#CCCCCC;
}

form.black legend{
color:#CCCCCC;
}

.formular fieldset {
margin-top: 0px;
padding : 0px 0px 10px 0px;
border: 0px solid #B5B8C8;	
/*background: transparent url(pix/pointsble.png) repeat-x 0 bottom;*/
}

.formular legend {
font-size: 16px;
color: #00b3ff;
font-weight: 900;
margin: 0;

}
.formular legend span {
font-size: 16px;
color: #00b3ff;
font-weight: 900;
background: transparent url(pix/pucestep.png) no-repeat 0 0;
text-indent: 40px;
float: left;
height: 49px;
padding: 3px 0 0 0;
margin: 0;
}

/*.formular fieldset label {
float: none;
text-align: inherit;
width: auto;
}
*/
.formular fieldset label {
float: left; clear: left;
text-align: inherit;
width: auto; margin:0 10px 0 0px;
cursor: pointer; color: #C6007B;
}

 .formular fieldset label.nocl {
clear: none;
} 
 .formular fieldset label.noclr {
clear: none; float: right;
}
 					
.formular label span {
 float: left; width: auto; margin: 0; padding: 0px 5px 5px 0; color: #9da0ad; font-size: 16px;color: #59493f; font-size: 1.1em;
}
.formular label:hover span {
color: #C6007B; 
}

/*07A0E1*/
.formular label span.autom {
 float: left; width: auto; color: #569b75
}

.black label span {
color: #569b75;
}

.formular input, .formular select, .formular textarea {
display : block; padding-bottom: 10px;
}

.formular .text-input {
width: 350px;
color: #555;
padding: 4px;
border: 1px solid #569b75;
font-size: 1.0em;
margin: 4px 0 10px 0;
background: #FFF url('img/form/text-bg.gif') repeat-x ;

}

.text-input {
width: 350px;
color: #555;
padding: 4px 4px 3px;
border: 1px solid #569b75;
font-size: 1.0em;
margin-top: 4px;
margin-bottom: 4px;
background: #FFF url('img/form/text-bg.gif') repeat-x;

}
.formular .text-input:hover {border:solid 1px #C6007B;}
:focus {outline: none}
.text-input:focus {border:solid 1px #C6007B;}
label span:focus {color:#C6007B;}
.formular select.text-input  { padding: 3px;}
.formular .infos {
background: #FFF;
color: #333;
font-size: 12px;
padding: 10px;
margin-bottom: 10px;
border:1px solid #B5B8C8;
}

.formular span.checkbox, 
.formular .checkbox {
display: inline; visibility: hidden;
}

.formular .button {
text-align:right;
margin-top: 20px;
}

.submit {
color: #FFF;
float:right;
margin: 0 0 0 0;
text-decoration: none;
cursor: pointer;
font-weight: bold;
background-image:none;
background-color: #02703B;
}
.submit:hover {
color: #C6007B;
}

.formular a.submit {
background: url('img/form/button-bg.png') repeat-x;
border: 1px solid #AAA;
padding: 4px;
}

input.button {
background: url('img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px 4px 1px;
font-size:14px;
margin-top:4px;
}

.formular input {
background: url('img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px;
}
.formular .monbo span { float: left; width:100%; height: 100px; margin: 0; padding: 0; overflow: hidden; text-indent: -900px; font-size: 0%;}
.formular .valider {
background:transparent url(pix/bo-valider.png) no-repeat 0 0 ;
border: 0px solid #AAA;
padding: 0px; width: 112px; height: 31px; text-indent: -900px;  font-size: 0%;
margin:20px 0 0 65px; float: left; clear: left; text-align: left; color: #F1EEE7;
}
.formular .valider:hover {
background:transparent url(pix/bo-valider.png) no-repeat 0 -31px ;
}


.formular hr {
clear: both;
visibility: hidden;
}

.formular .fc-error {
width: 350px;
color: 555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 12px;
margin-bottom: 15px;
background: #FFEAEA;
}
h5.cuf {color:#fff; text-align:right; padding-right:5px;}
p.pdak { padding:0px 5px 5px 5px; text-align: left; font-size: 0.9em; line-height: 1.3em; color: #fff;}
p.pdak a, p.pdak a:visited, p.pdak a:link { color: #F2EFE8; text-decoration: none; border: none; border: 0pt solid red; display: block; height: 85px; padding: 15px 0 0 15px;} /*F2F0EA*/
p.pdak a:hover { color: #FFF; }

h2#phra { width:402px ; height:80px ; overflow: hidden; margin:30px 0 0 20px; padding: 0; text-indent: -900%; background: transparent url(pix/phra.gif) no-repeat 0 0; }

h2#phra span { text-indent: -900%;}
h5#claim { width:454px ; height:36px ; overflow: hidden; margin:20px 0 20px 20px; padding: 0; text-indent: -900%; background: transparent url(pix/claim.gif) no-repeat 0 0; }

a#akontact,a#akontact:visited,a#akontact:link { width:180px ; height:31px ; overflow: hidden; margin:0px 0 20px 5px; padding: 0; text-indent: -900%; background: transparent url(pix/bo-contact.png) no-repeat 0 0; float: left; }
a#akontact:hover { background: transparent url(pix/bo-contact.png) no-repeat 0 -31px; }

div.fdacro, div.fdacor, div.fdacve  { width:140px ; height:160px ;  margin:40px 10px 0px 10px; padding: 0px; background: transparent url(pix/fdacrai.gif) no-repeat 0 15px; float: left; border: 0pt solid red; }
div.fdacor { background-image: url(pix/fdacor150.gif); background-position: 0 20px;}
div.fdacve { background-image: url(pix/fdacve150.gif); background-position: 0 20px;}
h5.openeur {font-size: 14px; }
p.ouvre { border: 0pt solid red; padding-top: 50px; }

a.imgprod {border: 1pt solid #02703B; float: left;}
a.imgprod:hover {border: 1pt solid #C6007B;}

.pds {float: left; width: 30%; margin: 0 2%;}
.pds ul { float: left; clear: left; padding: 0; margin: 0;}
.pds ul li { float: left; list-style-type: none; clear: left; margin: 5px 0;} 
.pds ul li h4 { margin-top: 20px; margin-bottom: 0; padding-bottom: 0; color:#C6007B ; }