/**
 * Initialisation
 */


/*
 * reset global
 */  
* {
    margin: 0;
    padding: 0;
}

img {
    border:none;
	/*vertical-align: middle;*/
}

/*
 * init
 */
html {
    height: 100%;
	margin-top: 10px;
    margin-bottom: 10px;
}

p {
	line-height: 100%;
	/*text-align: justify;*/
}

input{
	padding-left:1px;
}

input[type=radio] { 
	border: none;
}

input[type=checkbox] { 
	border: none;
}/**
 * Typographie
 */

/*
 * style général
 */
body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
   /* line-height: 150%;*/
    color: #666666;
}

/* police */
body.police1 {
    font-size: 11px;
}

body.police2 {
    font-size: 12px;
}

body.police3 {
    font-size: 13px;
}

/* liens */
a:link, a:visited {
    color: #808080;	
    text-decoration: none;
}

a:hover {
    color: #0c3183;
    text-decoration: underline;
}

a.anchor {
    color: red;    
}

a.lien-bleu-9{
	color:#0c3183;
	font-size:9px;
    text-decoration: underline;
}
a.lien-bleu{
	color:#0c3183;
    text-decoration: underline;
}
a.lien-bleu:hover{
	color:#0c3183;
}


a.lien-gris{
	color:#666666;
    text-decoration: underline;
}
a.lien-gris:hover{
	color:#666666;
    text-decoration: underline;
}
.lien .bleu{
	color: #000099;
}
.lien .rose{
	color: #c6065a;
}
.lien .bleuclair{
	color: #2c89c1;
}
.lien .orange{
	color: #ed7815;
}
.lien .noir{
	color: #505050;
}
.lien .vert{
	color: #018001;
}
/* Accueil */
.categorie .title h2{
	color : #FFFFFF;
	font-weight: normal;
	font-style: italic;
}
.categorie .lien a{
	font-size: 12px;
}

/* divers */

h1 {
    font-size: 200%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 125%;
}

h5 {
    font-size: 100%;
	line-height:100%;
}

h6 {
    font-size: 90%;
}

input {
   font-size: 10px;
   color: #666666;  
}

input:focus, input.sffocus {
	color: #000000;
}

textarea {
	color: #666666;  	
	border: 1px solid #cfcfcf;
}

textarea:focus, textarea.sffocus {
	color: #000000;
}

.image {
	width:auto;
	height:auto;
}
.texte-prix {
	font-size:12px;
	font-weight:bold;
   color: #666666;
}
.total-prix {
	font-size:12px;
	font-weight:bold;
   color: #0c3183;
	
}

.texte-bleu{
   color: #0c3183;
}
.texte-bleu-14{
   font-size: 14px;
   color: #0c3183;
}

.texte-noir {
	color:#000000;
}
.produit-1 {
	color:#e2007a;
	font-weight:bold;
}
.produit-2 {
	color:#1b75bc;
	font-weight:bold;
}
.produit-3 {
	color:#f15a29;
	font-weight:bold;
}
.produit-4,
.produit-121,
.produit-130 {
	color:#0c3183;
	font-weight:bold;
}

.produit-111 {
	color:#52B14C;
	font-weight:bold;
}

/*
 * header
 */

/* identification */
#header #connexion input{
	color: #999999;
	font-size: 10px;
}
#header #connexion .lien{
	text-decoration: none;
}
/*
 * milieu
 */

/* login */
div#login div#account h6 {
	color: #12216e;
}

div#login div#account input {	
    font-size: 12px;
}

/* mot de passe perdu */
div#password-forgotten h6 {
	color: #12216e;
}

div#password-forgotten input {	
    font-size: 12px;
}

/* content */
#content-droite .push.noir a{
	color: #333333;
}
#content-droite .push.noir .lien-gris-8{
	color: #747474;
	font-size: 8px;
	text-decoration: underline;
}
#content-droite .push .infoBoxContents {
	color: #214295;
}
#content-droite .infoBoxContents .price{
	color: #808080;
	font-weight: bold;
}
#content-droite .push.bleu a{
	color: #3333cc;
	letter-spacing: -1px;
}
#content-droite a { 
	font-size: 10px;
	text-align: left;
}
#content-droite .p-bleu{
	color : #4a4ac1;
}
#content-droite .a-bleu a{
	color : #484593;
	text-decoration: underline;
}
#content-droite .push p{
	color: #333333;
}
#content-droite .push .titre{
	font-size: 10px;
}
#content-droite .push .contenu{
	font-size: 9px;
}
div#gauche-probiotique-middle h6 {
	color:#FFFFFF;
	line-height:11px;
	font-size:11px;
	padding:1px 2px 4px 0px;
	letter-spacing:-0.3px;
}
div#gauche-action-middle h6 {
	color:#FFFFFF;
	line-height:11px;
	font-size:11px;
	padding:1px 2px 4px 0px;
	letter-spacing:-0.3px;
}
div#gauche-complement-middle h6 {
	color:#FFFFFF;
	line-height:11px;
	font-size:11px;
	padding:1px 2px 4px 0px;
	letter-spacing:-0.3px;
}
div#gauche-autre-middle h6 {
	color:#FFFFFF;
	line-height:11px;
	font-size:11px;
	padding:1px 2px 4px 0px;
	letter-spacing:-0.3px;
}

div#gauche-saviez-vous h6 {
	color:#0c3183;
}
div#gauche-saviez-vous P {
	color:#5486ff;
	text-align:left;
	font-size:11px;
}
div#gauche-saviez-vous A {
	color:#0c3183;
	text-decoration:underline;
}
div#gauche-saviez-vous h5{
	color:#333183;
}
#recherche-rapide select{
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	color: #333333;
}
#recherche-rapide input,#recherche-rapide .selecta2{
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	color: #333333;
}
#recherche-rapide p{
	font-weight: bold;
	font-style: italic;
	color: #adadad;
	font-size: 10px;
}
#recherche-alphabet button{
	color: #808080;
	font-size: 13px;
}
#recherche-alphabet span{
	color: #cdcdcd;
	font-size: 13px;
}
div#pagination A{
	color:#000000;
	text-decoration:underline;
}
div#pagination A:hover{
	color:#000000;	
}

div.fiche-categorie-content-texte P{
	text-align:left;
	margin-bottom:5px;	
}
div.fiche-categorie-content-texte A{
	text-decoration:none;
	font-size:11px;
    color: #666666;
	line-height:12px;
}
div.fiche-categorie-content-texte A:hover{
    color: #666666;
}
div#nav h2{
	color : #FFFFFF;
	font-size: 11px;
}

div#nav .lien a{
	font-size: 9px;
	font-weight: bold;
}

div.fiche-categorie-top-1 {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

div.fiche-categorie-top-2 {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

div.fiche-categorie-top-3 {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

div.fiche-categorie-top-4,
div.fiche-categorie-top-121,
div.fiche-categorie-top-130 {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

div.fiche-categorie-top-111 {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

div.fiche-categorie-encart {
	font-size:9px;
	letter-spacing:-0.4px;
}


div#content-droite div#droite-push {
	color:#FFFFFF;
}

div#content-droite div#droite-push P{
	padding: 4px 4px 0px 4px;
}

div#content-droite div#droite-push-titre {
	font-size:10px;
	font-weight:bold;
}

/* product */
div#content-centre div#accordion h2 {
	height:20px;
	color:#FFFFFF;
    font-size: 11px;
	padding:2px 10px 0px 10px;
}
div#content-centre div#fiche-produit h1 {
	color:#FFFFFF;
    font-size: 125%;
	padding:8px 10px 2px 10px;
}
div#content-centre div#fiche-produit-entete1 P {
	color:#FFFFFF;
	padding:0px 10px 5px 10px;
}
div#content-centre div#fiche-produit-entete2 P {
	color:#FFFFFF;
	padding:0px 10px 5px 10px;
}
div#content-centre div#fiche-produit-entete3 P {
	color:#FFFFFF;
	padding:0px 10px 5px 10px;
}
div#content-centre div#fiche-produit-entete4 P,
div#content-centre div#fiche-produit-entete121 P {
	color:#FFFFFF;
	padding:0px 10px 5px 10px;
}

div#content-centre div#fiche-produit-entete111 P {
	color:#FFFFFF;
	padding:0px 10px 5px 10px;
}

div.element h4,
div.element-statique h4 {
	color:#000000;
	font-size:11px;
}
div.element,
div.element-statique {
	font-size:11px;
}
SPAN.newItemInCart {
  color: #0c3183;
}

a.liens-retour-produit{
	color: #666666;
	text-decoration: none;
}
a.liens-retour-produit:hover{
	text-decoration: underline;
}

/*
 * footer
 */
div#footer {
	font-size: 11px;	
}
div#footer p{
	color: #000000;
}
div#footer p a{
	color: #999999;
}
div#bottom a{
	color: #000000;
	font-weight: bold;
}
/*
 * error
 */
p.livraison_libelle_client_error {
	color: #cc0000;
}


/* espace client */
.fond_bloc_espace_client {
	text-align: center;
}

.mentions_bas {
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #0c3183;
}

.requirementForm {
	color: #0c3183;
}

.inputIdent {
	font-size: 11px;
	width: 120px;
	height: 16px;
}

.textareaIdent {
	font-size: 11px;
	margin: 5px 0;	
}

.input_image {
	height: auto;
	border: none;
}

.input_promotion {
	width: 234px;
	height: 14px;
	border: 1px solid #d0d0d0;
}

.inputIdent_error {
	font-size: 11px;
	width: 120px;
	height: 16px;
	background: #ff6666;
	border: 1px solid #de3c35;
}

.selectIdent {
	font-size: 11px;
	width: 123px;
	height: 20px;
}

.selectIdent_error {
	font-size: 11px;
	width: 123px;
	height: 20px;
	background: #ff6666;
	border: 1px solid #de3c35;
}

.libelle_rouge {
	color: #de3c35;
}

p.error_txt {
	font-size: 11px; font-style: italic; font-weight:bold; color: #de3c35
}

p.confirm_txt {
	font-style: italic;
	font-size: 11px;
	color: #009900;
	margin-left: 35px;
	font-weight: bold;
}

.table_form_ident {
	line-height: 18px;
}

p.titre_num_client {
	font-size: 15px;
	font-weight: bold;
	color: #0c3183;
	margin-left: 20px;
}

p.titre_nom_client {
	color: #000000;
	font-weight: bold;
	margin-left: 20px;
}

p.texte_infos_client {
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	height: 25px;
	padding-left: 35px;
	line-height: 25px;
}

p.texte_infos_client_error {
	color: #cc0000;
	margin: 0;
	padding: 0;
	height: 25px;
	margin-left: 35px;
	line-height: 25px;
}


p.libelle_client {
	line-height: 23px;
	height: 23px;
}

p.libelle_client_error {
	line-height: 23px;
	height: 23px;
	color: #cc0000;
}
P.message{
	height:110px;
}

a.lien_supprimer {
	font-size: 9px;
	color: #0c3183;
	text-decoration: underline;
}

a:hover.lien_supprimer {
	font-size: 9px;
	color: #0c3183;
	text-decoration: underline;
}

.prix_produit_panier_client {
	color: #666666;
	text-align: center;
}

.select_nb_product_panier {
	width: 45px;
}

.date_commande_history {
	color: #0c3183;
	font-weight: bold;
}

a.lien_detail_commande {
	color: #0c3183;
	text-decoration: underline;
}

a:hover.lien_detail_commande {
	color: #0c3183;
	text-decoration: underline;
}

p.texte_infos_commande_history {
	float: left;
	width: 430px;
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	height: 40px;
	padding-left: 35px;
	line-height: 25px;
}

p.texte_infos_suivi_commande {
	float: left;
	width: 430px;
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	padding-left: 35px;
	line-height: 25px;
}

p.texte_infos_suivi_commande2 {
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	margin-left: 35px;
	line-height: 15px;
}


.prix_commande_history {
	color: #4c4c4c;
	font-weight: bold;
}

p.texte_paragraphe {
	margin-left: 35px;
	line-height: 20px;
}

p.titre_produit_panier_type {
	color: #FFFFFF;
	font-weight: bold;
}

p.titre_pu_panier_type {
	color: #FFFFFF;
	font-weight: bold;
}

p.titre_qte_panier_type {
	color: #FFFFFF;
	font-weight: bold;
}

p.titre_total_panier_type {
	color: #FFFFFF;
	font-weight: bold;
}

a.lien_supprimer_panier_type {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

a.lien_supprimer_panier_type {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
p.introcontact {
	font-weight: bold;
	color: #606161;
	margin-left: 20px;
	margin-top:10px;
}
p.contact {
	color: #606161;
	margin-left: 20px;
	margin-right: 10px;
	margin-top:10px;
}
p.soustitre_contact {
	font-size: 13px;
	font-weight: bold;
	color: #0c3183;
	margin-left: 20px;
	margin-top:15px;
}
p.soustitre_contact2 {
	font-size: 11px;
	font-weight: bold;
	color: #0c3183;
	margin-left: 20px;
	margin-top:15px;
}
.mentions{
	margin-left:50px;
}
.mentions li{	
	margin-top:10px;
}/**
 * Mise en page
 */

/*
 * style général
 */
body#page {
    background-color: #ecebeb;
}

div#container {
    margin: auto;
    width: 922px;
	/*padding: 1px;*/
}

/*
 * header
 */
div#header {
	clear: both;
	width: 100%;
	height: 90px;
	margin: auto;
	background-image: url("../images/header-bg.gif");
	background-repeat: no-repeat;
}
div#header #groupe-logo{
	margin-left: 1px;
}
/* logo */
div#logo {
}

/* bannière */
div#banner {
}

/* identification */

#header #connexion{
	width: 280px;
	height: 58px;
	float: right;
	margin-top: 20px;
}
#header #connexion input{
	height: 24px;
}
#header #connexion .lien{
	margin-left: 4px;
	margin-bottom: 4px;
	height: 24px;
	display: block;
	float: left;
}
#header #connexion #header-account-email{
	border: 1px solid #cccccc;
	width: 176px;
	float: left;
	margin-bottom: 4px;
	line-height: 24px;
}
#header #connexion #header-account-password{
	border: 1px solid #cccccc;
	width: 133px;
	float: left;
	line-height: 24px;
}
#header #connexion .submit{
	float: left;
	margin-left: 4px;
}
/* accroche */
div#accroche{
	margin: auto;
	width: 922px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*
 * milieu
 */
div#middle{
	margin: 0px;
	padding:0px;
	width: 100%;
	/*background:#cc0000;*/
}

/* navigation */

div#top-commande {
	clear: both;
	height:85px;
	/*margin-right: 3px;	*/
	background:url(../images/middle_top_commande-bg.gif) top right no-repeat;
	width: 880px;
	margin: auto;
}

#nav{
	width: 900px;
	height: 70px;
	margin-left: 10px;
	margin-bottom: 5px;
}
#nav-phytoprevent{
	height: 44px;
}
#nav h2{
	margin-left: 5px;
}
#nav .titlebleu{
	background-color: #214295;
	margin-bottom: 5px;
	height: 16px;
}
#nav .titlevert{
	background-color: #17700e;
	margin-bottom: 5px;
	height: 16px;
}
#nav .lien{
	float: left;
}
#nav .lien a{
	display: block;
	padding-top: 1px;
	padding-left: 5px;
	height: 41px;
	background-image: transparent;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
	margin-bottom: -1px;
}
#nav .lien a span{
	margin-top: 7px;
	display: block;
	position: relative;
	z-index: 100;
}
#nav-phytoprevent{
	width: 152px;
}
#nav-phytoprevent .lien a{
	width: 152px;
}
#nav-escofine .lien a{
	width: 107px;
}
#nav-pileje{
	width: 619px;
}
#nav-probiotiques{
	width:132px;
}
#nav-complementation{
	width:171px;
}
#nav-dietetique{
	width:145px;
}
#nav-protection{
	width :171px;
}
#nav-escofine{
	width:107px;
	float: left;
	margin-left: 2px
}
#nav .lien a img{
	margin-right: -4px;
	float: left;
	height: 40px;
}
#nav .separateur{
	/*margin-top: -2px;*/
	margin-top: 0px;
	position: relative;
	z-index: 50;
}
#nav .categorie-nav{
	float: left;
	margin-right: 10px;
}
.bleu.on{
	background-image: url("../images/bg-nav-bleu.gif");
	background-repeat: no-repeat;
}
.rose.on{
	background-image: url("../images/bg-nav-rose.gif");
	background-repeat: no-repeat;
}
.bleuclair.on{
	background-image: url("../images/bg-nav-bleuclair.gif");
	background-repeat: no-repeat;
}
.noir.on{
	background-image: url("../images/bg-nav-noir.gif");
	background-repeat: no-repeat;
}
.orange.on{
	background-image: url("../images/bg-nav-orange.gif");
	background-repeat: no-repeat;
}
.vert.on{
	background-image: url("../images/bg-nav-vert.gif");
	background-repeat: no-repeat;
}


/* contenu */
div#content, div#contentproduit{
		width: 920px;
		height: auto;
		border: 1px solid #cdcdcd;
		background-color: #FFFFFF;
		margin: auto;
		margin-top: 10px;
		padding-top: 10px;
		position: relative;
		clear: both;
		padding-bottom: 20px;
}

div#content-droite{
	width: 143px;
	height: auto;
	float: left;
	margin-left: 21px;
}

#content-droite .push .titre a,#content-droite .push .titre span { 
	display: block;
	height: 32px;
	padding-left: 30px;
	width: 113px;
}
#content-droite .push .titre {
	padding-top: 9px;
}
#content-droite .push .contenu {
	padding-top: 5px;
	padding-bottom: 5px;
}
#content-droite .boxText{
	padding-left: 5px;
	padding-right: 5px;
}
#content-droite .push .boxText input{
	width: 25px;
	height: 11px;
}


#content-droite .push.bleu.uneligne .titre a{
	padding-top: 5px;
	height: 28px;
}
#content-droite .p-bleu{
	margin-top: 35px;
	margin-bottom: 10px;
}
#content-droite .push{
	background-image: url("../images/bg-push.gif");
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 41px;
	margin-bottom: 5px;
}
#content-droite .push.noir{
	background-image: url("../images/btn-noir-bg.gif");
}
#content-droite .push.bleu{
	background-image: url("../images/btn-bleu-bg.gif");
}
#content-droite .push.bleu.uneligne.dernier{
	margin-bottom: 30px;
}
#content-droite .separateur{
	margin-bottom: 0px;
}
#content-droite #code-pileje {
	margin-top: 0px;	
}
#content-droite .push p{
	margin-left: 5px;
}
#content-droite #code-pileje input{
	margin-top: 2px;
	width: 90px;
	margin-left: 5px;
	
}
#content-droite #code-pileje .separateur{
	margin-top: 0px;
}
#content-droite .push button{
	float: right;
	margin-right: 5px;
	margin-top: -5px;
	background-color:transparent;
}

#content-droite .a-bleu{
	margin-bottom: 10px;
}
#content-droite .a-bleu img{
	margin-top: 2px;
}
#content-droite .submit-code button{
	background-image: url("../images/btn-grand-noir.png");
	width: 24px; 
	height: 24px;
	position: relative;
	z-index: 100;
}
#content-droite #btn-valider{
	display: block; 
	width:120px; 
	margin: auto;
}

div#content-gauche {
	width: 152px;
	height: auto;
	margin-left: 10px;
	margin-right: 21px;
	float: left;
}
div#content-gauche .push{
	width: 100%;
	margin-top: 10px;
}
#content-gauche .push img{
	width: 100%;
}



div#recherche-rapide{
	width: 100%;
	margin-top: 10px;
}
#recherche-rapide select{
	/*width: 100%;*/
	height: 24px;
	margin-top: 3px;
}
#recherche-rapide input{
	height: 24px;
	margin: 0px;
	padding: 0px;
}
#recherche-rapide p{
	margin-bottom: 5px;
}
#recherche-rapide .input{
	width: 120px;
	height: 20px;
	line-height: 20px;
}
#recherche-rapide .image{
	border: 0px;
	float: right;
	margin-left: -5px;
}
#recherche-alphabet{
	height: 50px;
}
#recherche-alphabet button,#recherche-alphabet span{
	border: 0px;
	background-color: white;
	margin-right: 2px;
	margin-left: 2px;
	display: block;
	width: 12px;
	float: left; 
}

#recherche-liste{
	height: 395px;
	overflow: hidden;
	position: relative;
	z-index: 50;
}
#recherche-liste ul{
	padding-left: 15px;
}

#scroll {
	height: 395px;
	width: 17px;
	background-image: url("../images/bg-scroll.gif");
	background-repeat: repeat-y;
	float: right;
	
	/*left: 17px;*/
	position: relative;
	z-index: 100;
}
 
#cursor {
	height: 45px;
	width: 17px;
	background-image: url("../images/scroll.gif");
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}

#select-recherche-besoin{
	visibility: hidden;
}
div.selecta2.cur {
	
	/*width: 115px;*/
}
div.selecta2 {
	
    background: url(../images/bg-select.gif) no-repeat;
	width: 151px;
	height: 24px;
	line-height: 24px;
    cursor: pointer;
    font-weight: bold;
	margin-top: 3px;
    overflow: hidden;
	
	padding-right:38px;
  
    
}

div.selecta2Wrapper {
    border: 1px solid #b6b7bf;
    border-top: 0px;
    padding: 2px;
    background: #f2f2f2;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
	
}

div.selecta2Option {
    padding: 2px;
    padding-left: 4px;

    clear: both;
    background: #fff;
    color: #555;
    font-weight: bold;
	cursor: pointer;
}

div.selecta2OptionSelected {
    background: #666;
    color: #ffffcf;

}
div.selecta2OptionOver {
    background: #444;
    color: #ffffcf;
}



.shadowy {
    -moz-box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
}

#debug {
    background: red;
    color: yellow;
    padding: 5px;
    margin: 5px;
}

div#gauche-saviez-vous {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 100%;
	height: 134px;
	background: url(../images/content-gauche-saviez-vous-bg.gif) top left repeat-x;	
}
div#gauche-saviez-vous h5{
	margin-bottom:2px;
	margin-left: 5px;
}
div#gauche-saviez-vous .border-push{
	width: 100%;
}


div#gauche-saviez-vous-middle {
	width: 130px;
	height: 130px;
}


div#gauche-saviez-vous H6 {
	padding: 0px 6px 0 6px;
}
div#gauche-saviez-vous P {
	padding: 3px 6px 0 6px;
}
div#content-centre,div#content-brochure{
	width: 550px;
	float: left;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	overflow: hidden;
}
div#content-large{
	width: 730px;
	float: left;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	overflow: hidden;
	border: 1px solid black;
	
}
div#content-centre-hp{
	width: 550px;
	float: left;
	height: auto;
}


div#pagination {
	width: 100%;
	height: 20px;
}


div#mangerbouger {
	font-weight: bold;
	font-size: 10px;
	margin-top: 10px;
	text-align: center;	
}

div.fiche-categorie {
	position:relative;
	width:550px;
	height:auto;
	margin-top: 11px;
}

div.fiche-categorie-content {
	position:relative;
	width:548px;
	height:auto;
	border: solid 1px #d7d7d7;
}

div.fiche-categorie-content-image {
	position:relative;	
	float:left;	
	width:100px;
	height:100px;
	padding: 10px 15px 10px 15px;
	margin-right: auto;
	border-right:solid 1px #d7d7d7;
}
div.fiche-categorie-content-texte {
	float:left;
	width:250px;
	height:100px;
	padding: 10px 10px 10px 10px;
	border-right:solid 1px #d7d7d7;
}
div.fiche-categorie-encart {
	float:right;
	width:146px;
	height:110px;
	padding-top: 10px;
	background:#ededed;
}
div.fiche-categorie-encart div{
	float:left;
	height:60px;
	border-bottom:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	text-align:center;
	line-height:11px;
	padding-top:5px;
}

div.fiche-categorie-top-1 {
	width:540px;
	height:auto;
	padding:1px 5px 2px 5px;
	background:url(../images/fiche-categorie-top-1.gif) top left repeat-y;
	text-transform: uppercase;
}

div.fiche-categorie-top-2 {
	width:540px;
	height:auto;
	padding:1px 5px 2px 5px;
	background:url(../images/fiche-categorie-top-2.gif) top left repeat-y;
	text-transform: uppercase;
}

div.fiche-categorie-top-3 {
	width:540px;
	height:auto;
	padding:1px 5px 2px 5px;
	background:url(../images/fiche-categorie-top-3.gif) top left repeat-y;
	text-transform: uppercase;
}

div.fiche-categorie-top-4,
div.fiche-categorie-top-121,
div.fiche-categorie-top-130 {
	width:540px;
	height:auto;
	padding:1px 5px 2px 5px;
	background:url(../images/fiche-categorie-top-4.gif) top left repeat-y;
	text-transform: uppercase;
}

div.fiche-categorie-top-111 {
	width:540px;
	height:auto;
	padding:1px 5px 2px 5px;
	background:url(../images/fiche-categorie-top-111.gif) top left repeat-y;
	text-transform: uppercase;
}


/* page d'accueil */
.categorie{
	height: 120px;
}
.categorie .title{
	background-color: #808080;
	position: relative;
	z-index: 100;
}



.categorie .title h2{
	margin-left: 45px;	
}

.categorie .marque,.categorie .marque3,.categorie .visuel,.categorie .lien{
	border: 1px solid #cdcdcd;
	height: 103px;
	float: left;
	margin-top: -1px;
	position: relative;
	z-index: 50;
	text-align: center;
}
.categorie .marque{
	width: 176px;
}
.categorie .marque3{
	width: 176px;
	height: 311px;
}
.categorie .marque img,.categorie .marque3 img{
	margin-top: 35px;
}
.categorie .visuel{
	width: 150px;
	margin-left: -1px;
	margin-right: -1px;
}
.categorie .lien{
	width: 220px;
	text-align: left;
}
.categorie .lien a{
	display: block;
	width: 205px;
	padding-top: 35px;
	padding-left: 15px;
	height: 68px;
}
.categorie .lien a img{
	margin-right: 10px;
	float: left;
}

/* Correction qd texte sur 3 lignes */
.categorie .lien .vert img{
	margin-top: 8px;
}
#categorie-micronutrition{
	height: 430px;
}
/* login */
div#login {
/*	position: relative;*/
	height: 300px;
    width: 404px;		
	/*background: url(../images/middle_login_bg.png) 0 0 no-repeat;*/
	margin:auto;
	overflow: hidden
}

div#login div#new-account{
	/*position: absolute;
	top: 65px;
	left: 11px;*/
	float: left;
	margin-top: 40px;
	margin-left: 11px;
	width: 183px;
	height: 158px;
	text-align:center;
}

div#login div#new-account h6{
	margin: 60px 0 5px 0;
}

div#login div#account{
	/*position: absolute;	
	top: 65px;	
	left: 212px;*/
	float: left;
	margin-left: 20px;
	margin-top: 65px;
	width: 183px;
	height: 158px;
	text-align:center;
}

div#login div#account h6{
	margin: 5px 0 5px 0;
}

#login div#account input {	
    width: 150px;
	margin: 2px 0 2px 0;
	height: 17px;
}

#login div#account button {		
	background: url(../images/middle_login_account_button.gif) 0 0 no-repeat;	
	width: 120px;
	height: 22px;
	margin: 10px 0 10px 0;
}

div#message{
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}

div#message div{
	padding: 5px 0 10px 15px;
	text-align: left;
}

div#message-ajax{
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}

div#message-ajax div{
	padding: 5px 0 10px 15px;
	text-align: left;
}

/* mot de passe perdu */
div#password-forgotten {
	
	height: 244px;
    width: 404px;		
	/*background: url(../images/middle_password_forgotten_bg.png) 0 0 no-repeat;*/
	margin:auto;
}

div#password-forgotten div {
	margin: 15px 15px 10px 15px;
}

div#password-forgotten p {
	margin: 20px 0;
}

div#password-forgotten input {	
    width: 150px;
	margin: 2px 0 2px 0;
	height: 17px;
}

div#password-forgotten button {		
	background: url(../images/button_submit.gif) 0 0 no-repeat;	
	width: 56px;
	height: 24px;
	vertical-align: top;
/*	margin: 10px 0 10px 0;*/
}

/* create account */

#cegid_res {
    /*overflow: hidden;*/
}

#cegid_res.ajax-loading {
    padding: 20px 0;
    background: url(../images/spinner.gif) no-repeat center;
}

/* product */
#fiche-produit {
	width:550px;
	min-height:65px;
	margin-left:auto;
	margin-right:auto;
	border-left: solid 1px #e7e7e7;
	border-right: solid 1px #e7e7e7;
}
#fiche-produit-entete1 {
	width:550px;
	min-height:65px;
	background:url(../images/produit-entete-bg-1.gif) top left repeat-y;
}
#fiche-produit-entete2 {
	width:550px;
	min-height:65px;
	background:url(../images/produit-entete-bg-2.gif) top left repeat-y;
}
#fiche-produit-entete3 {
	width:550px;
	min-height:65px;
	background:url(../images/produit-entete-bg-3.gif) top left repeat-y;
}
#fiche-produit-entete4,
#fiche-produit-entete121,
#fiche-produit-entete130 {
	width:550px;
	min-height:65px;
	background:url(../images/produit-entete-bg-4.gif) top left repeat-y;
}

#fiche-produit-entete111 {
	width:550px;
	min-height:65px;
	background:url(../images/produit-entete-bg-111.gif) top left repeat-y;
}

#fiche-produit-gauche {
	float: left;
	width: 230px;
	margin-left:auto;
	padding-left:10px;	
}
#fiche-produit-gauche TABLE{
	margin-top:10px;
	width:220px;
	border-top: solid 1px #e7e7e7;
	border-left: solid 1px #e7e7e7;
}
#fiche-produit-gauche TD{
	border-bottom: solid 1px #e7e7e7;
	border-right: solid 1px #e7e7e7;
	padding:3px;
}
/*
#fiche-produit-gauche input{
	height: 49px;
}
*/
#fiche-produit-contenu {
	width:550px;
	height:auto;
	background: url(../images/produit-contenu-fiche-border-right.gif) top right repeat-y;
}
#fiche-produit-contenu-image {
	width: 230px;
	margin-left:auto;
	margin-right:auto;
}

/*#fiche-produit-bottom {
	clear:left;
	width:550px;
	height:4px;
	background: url(../images/produit-contenu-fiche-border-bottom.gif) top right repeat-y;
}*/

#accordion {
	float: left;
	width: 300px;
    margin: 20px 0px;
    border-bottom: 1px solid #e7e7e7;
}

#accordion h2{
    padding: 6px;
    cursor: pointer;
    color: #fff;
    margin: 0;
	background-image:url(../images/produit-contenu-entete-bg.gif)
}

/*h4 {
    border-bottom: 1px solid #EEEEEE;
    color: #000000;
    margin-bottom: 7px;
    padding-bottom: 3px;
}*/

div.element h4,
div.element-statique h4{
    margin: 0;
    padding-top: 5px;
}
div.element,
div.element-statique {
    padding-bottom: 10px;
    border: 1px solid #e7e7e7;
	padding:8px;
}

/* commande */
div#contentcommande {	
	height: auto;
	border:solid 1px #c2cbe0;
	border-top:none;
	
	width:878px;
	margin: auto;
	margin-top:-38px;
	margin-bottom:10px;
	padding-top: 38px;
}
#contentcommande .submit-code {
	width: 135px;
	margin: auto;
}
#contentcommande .submit-code input{
	width: 108px;
	height: 13px;
	margin: auto;
}
#contentcommande .submit-code button{
	background: none;
	border: none;
	background-image: url("../images/header_account_button_ok.gif");
	width: 22px;
	height: 15px;
	float: right;
	

}

TABLE.productListing-bottom {	
	width:860px;
	margin-left:auto;
	margin-right:auto;	
}

TABLE.productListing-bottom TD {	
	text-align: center;
}

TABLE.productListing {	
	width:860px;
	margin-left:auto;
	margin-right:auto;	
	
}

.productListing-heading {
	width:640px;
	height:20px;
	padding-left:10px;
	color:#666666;
	font-weight: bold;

    background: url(../images/commande_heading_bg.gif) 0 0 no-repeat; 
}
.productListing-heading2 {
	width:82px;
	height:20px;
	color:#666666;
	font-weight: bold;
    background: url(../images/commande_heading_bg2.gif) 0 0 no-repeat; 
}

.productListing-heading-famille {
	height:22px;
	color:#FFFFFF;
	padding:4px 0 0 10px;
	font-weight:bold;
    background: url(../images/commande_heading_famille_bg.gif) 0 0 repeat-x;
	margin-top:4px;
}

.productListing-heading-famille1 {
	height:22px;
	color:#FFFFFF;
	padding:4px 0 0 10px;
	font-weight:bold;
    background: url(../images/commande_heading_famille_bg1.gif) 0 0 repeat-x;
	margin-top:4px;
}

.productListing-heading-famille2 {
	height:22px;
	color:#FFFFFF;
	padding:4px 0 0 10px;
	font-weight:bold;
    background: url(../images/commande_heading_famille_bg2.gif) bottom left repeat-x;
}

.productListing-heading-famille3 {
	height:22px;
	color:#FFFFFF;
	padding:4px 0 0 10px;
	font-weight:bold;
    background: url(../images/commande_heading_famille_bg3.gif) bottom left repeat-x;
}

.productListing-heading-famille4,
.productListing-heading-famille121,
.productListing-heading-famille130 {
	height:22px;
	color:#FFFFFF;
	padding:4px 0 0 10px;
	font-weight:bold;
    background: url(../images/commande_heading_famille_bg4.gif) bottom left repeat-x;
}

.productListing-heading-famille111 {
	height:22px;
	color:#FFFFFF;
	padding:4px 0 0 10px;
	font-weight:bold;
    background: url(../images/commande_heading_famille_bg111.gif) bottom left repeat-x;
}

TD.productListing-data {
	padding:10px 10px 10px 10px;
	border-bottom:solid 1px #e7e7e7;
	vertical-align:middle;
	text-align:center;
}
TD.productListing-data2 {
	padding:5px 0px 5px 0px;
	vertical-align:middle;
	text-align:left;
}

#livraison-gratuite {
	background:#eeeeee;
	border:solid 1px #0c3183;  
	margin-bottom:15px;
	padding:5px;
}

TABLE.livraison_infos {
	width:870px;
	border:solid 1px #E7E7E7;
	
}

TABLE.livraison_infos TD{
	padding:10px;
	color:#666666;
}
TABLE.livraison_adresse TD{
	padding:2px 10px;
	color:#666666;
}

TABLE.livraison_adresse TR{
	width: 574px;
	background: url('../images/sep-bloc-informations-client.gif') bottom left no-repeat;
}

TABLE.livraison_adresse {
	width: 574px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url('../images/fond-bloc-informations-client.gif') top left repeat-y;
}
#contentcommande #livraison {
	
}
#contentcommande #livraison P{
	padding:2px;
}

#contentcommande #livraison table P{
	padding:5px;
}


TABLE.paiement_infos, TABLE.paiement_infos2 {
	width:100%;
	border:solid 1px #E7E7E7;	
}

TABLE.paiement_infos TD{
	padding:10px;
	color:#666666;
}

TABLE.paiement_infos2 TD{
	padding:10px;	
}

table.paiement-productListing {
	
}

TD.paiement-productListing-heading {	
	text-align: center;
	color:#ffffff;
	font-weight:bold;
	font-size:9px;
}

TD.paiement-productListing-data {	
	text-align: center;
	color:#666666;
	font-weight:bold;	
	border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
}

TD.paiement-productListing-data2 {	
	padding-left: 10px;	
	font-weight: bold;
	border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
}

TD.paiement-productListing-data3 {	
	padding-right: 10px;	
	text-align: right;	
	border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;		
}

TD.paiement-productListing-data4 {	
	padding-right: 10px;
	color: #666666;	
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;	
	border-right: 1px solid #E7E7E7;	
}

.moduleRowSelected { background-color: #E9F4FC; }

/* bas */
#pictos-footer{
	margin-top: 10px;
}
div#bottom {
	clear:both;
    height: 41px;	
	margin-top: 10px;
}
div#bottom .push{
	width: 303px;
	height: 41px;
	background-image: url("../images/push-bottom-bg.gif");
	float: left;
	margin-right: 7px;
	background-repeat: no-repeat;
}
div#bottom a{
	display: block;
	width: 252px;
	height: 27px;
	padding-left: 50px;
	padding-top: 14px;
}
#bottom #newsletter{
	margin-right: 0px;
	width: 302px;
}
/* newsletter */
div#newsletter {
	height: 47px;
    width: 283px;
    background: url(../images/middle_bottom_newsletter_bg.gif) 0 0 no-repeat; 
}

div#newsletter input {	
	position: relative;
	border: none;
	outline: none;
	background: none;
	top: 21px;
	left: -10px;
    width: 193px;
	padding: 1px;
}

div#newsletter button {	
	position:relative;
	top: 20px;
	left: -10px;	
	background: url(../images/middle_bottom_newsletter_button_ok.gif) 0 0 no-repeat;
}




/*
 * messages sanitaires
 */
 
#pourvotresante {
	width: 900px;
	text-align:center;
}
.pics {  
    height:  20px;  
    width:   900px; 
    padding: 0;  
    margin:  0;  
} 
 
.pics div {   
	/*position:relative;*/
    height: 20px;
    width: 900px; 
    top:  0px; 
    left: 0px;
} 

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller {
	width:900px;
	height:20px;
	text-align: center;
	
}

.qslide {
	
	font-size: 10pt;
	padding: 3px;
}

/*
 * footer
 */

div#footer {
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
	clear: both;
}
div#footer p{
	margin-top: 10px;
	margin-bottom: 4px;
}
.separator {
	margin: 0 1px 0 1px;
	color: #CCCCCC;	
}

.anchor {
	margin: 0 0 0 30px;
}

/*
 * divers
 */

button{
	border: none;	
	cursor: pointer;
	vertical-align: middle;		
}

button.ok {
	width: 22px;
	height: 17px;
	position:relative;
	top:-1px;	
} 
.float-left {
    float: left;
}

.float-right {
    float: right;	 
}

.clearboth {
	/*clear: both;*/
	overflow: hidden;
}
.separateur{
	background-color: #cccccc;
	width: 100%;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 11px;
	display: block;
}

/* espace client */
div#content #bloc_espace_client {
	width: 711px;
	margin-left: 100px;
	padding-top: 15px;
}
	div#content .fond_bloc_espace_client {
		width: 710px;
	}
div#middle_espaceclient{
	clear: both;
	margin: 0px 0 0 3px;
	padding: 0px;
	/*background: url('../images/fond-espace-client.gif') top left repeat-y;*/
}

div#content_espace_client {
	/*margin: 2px 3px 3px 0;*/
	width: 900px;
	margin: auto;
}

div#nav_espace_client {
	margin: 0;
	padding: 0;
	width: 900px;
	margin: auto;
}
div#header-espace-client{
	height: 31px; 
	width: 900px; 
	margin: auto;
}

#bloc_gauche_contenu {
	float: left;
	width: 593px;
}

#bloc_droit_panier {
	float: left;
	margin-left: 4px;
	width: 303px;
}

.bloc_informations_client {
	width: 544px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url('../images/fond-bloc-informations-client.gif') top left repeat-y;

}

.bloc_libelle {
	float: left;
	margin-left: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 25px;
}

.bloc_input_libelle {
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.bloc_panier_client {
	width: 100%;
	margin-top: 31px;
}

.fond_bloc_panier_client {
	width: 100%;
	background: url('../images/fond-bloc-panier-client.gif') top left repeat-y;
	
}

.produit_panier_client {
	padding-left: 14px;
	padding-top: 6px;
	padding-right: 30px;
}

	.texte_produit_panier {
		float: left;
		width: 100px;
	}
	
	.lien_supprimer_panier_client {
		float: left;
		width: 60px;
	}
	
	.prix_produit_panier_client {
		float: left;
		width: 60px;
	}
	
	.nombre_produit {
		float: left;
		width: 50px;
	}
	
.bloc_promotion_client {
	position: relative;
	width: 303px;
	height: 52px;
	background: url('../images/fond-bloc-promotion-client.gif') top left no-repeat;
}

	.zone_lien_aide {
		position: absolute;
		top: 8px;
		left: 248px;
		width: 34px;
		height: 12px;
	}


.fond_bloc_promotion_produit_client {
	width: 100%;
	background: url('../images/fond-promotion-produit.gif') top left repeat-y;
}

.float-left-libelle {
	float: left;
	padding-left: 35px;
	width: 180px;
}

.float-left-libelle2 {
	float: left;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 250px;
}

.float-left-libelle3 {
	float: left;
	padding-left: 25px;
	width: 450px;
}

div.entete_panier_type {
	width: 574px;
	height: 32px;
	background: #a0a0a0;
}

p.titre_produit_panier_type {
	float: left;
	width: 160px;
	padding-left: 190px;
	text-align: left;
}

p.titre_pu_panier_type {
	float: left;
	width: 50px;
	padding-left: 10px;
	text-align: center;
}

p.titre_qte_panier_type {
	float: left;
	width: 45px;
	padding-left: 10px;
	text-align: center;
}

p.titre_total_panier_type {
	float: left;
	width: 50px;
	padding-left: 5px;
	text-align: center;
}

.bloc_ligne_panier_type {
	width: 574px;
	height: 52px;
}

p.ref_panier_type {
	width: 54px;
	height: 24px;
	padding-top: 13px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}

p.nom_produit_panier_type {
	width: 287px;
	height: 24px;
	padding-top: 13px;
	padding-left: 10px;
	text-align: left;
	border-right: 1px solid #e6e6e6;
}

p.prix_produit_panier_type {
	width: 71px;
	height: 24px;
	padding-top: 13px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}

p.qte_panier_type {
	width: 41px;
	height: 24px;
	padding-top: 13px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}

p.total_panier_type {
	width: 71px;
	height: 24px;
	padding-top: 13px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}

p.supprimer_panier_type {
	width: 27px;
	height: 24px;
	padding-top: 13px;
	text-align: center;
}

.bloc_suivi_commande {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bloc_commande_history {
	padding-top: 10px;
}

.bloc_commande_panier_type {
	padding-top: 10px;
}

/* message box */

.messageBox {text-align:center;font-size: 11px; font-style: italic; font-weight:bold; color: #de3c35 ; }
.messageStackError, .messageStackWarning {text-align:center;font-size: 11px; font-style: italic; font-weight:bold; color: #de3c35; padding-bottom:5px;padding-top:2px }
.messageStackSuccess { text-align:center;font-size: 11px; font-style: italic; font-weight:bold; color: #009900; padding-bottom:5px;padding-top:2px }

/* recherche */

#recherche-keyword {
	float: left;
	width:548px;	
	border:solid 1px #E9E9E9;
	border-right:none;
	border-bottom:none;
	background:url(../images/recherche-border-right.gif) top right repeat-y;
	margin-bottom:10px;
}

#recherche-keyword TD{
	padding-bottom:5px;
	vertical-align:top;
}

#recherche-keyword input {	
	margin: 10px 0;
}

#recherche-keyword input[type=text]  {	
	height: 16px;
	padding: 1px;
}

.recherche-contenu-bottom{
	width: 547px;
	height:6px;
	background:url(../images/recherche-border-bottom.gif) top right repeat-x;
}
#recherche-produit {
	float: left;
	width:548px;	
	border:solid 1px #E9E9E9;
	border-right:none;
	border-bottom:none;
	background:url(../images/recherche-border-right.gif) top right repeat-y;
	margin-bottom:10px;
}

#recherche-produit table{
	margin-left: 45px;
}

TD.check{
	padding-bottom:5px;
	padding-right: 5px;
}

.recherche-content{
	width:545px;
	height:auto;	
}
.recherche-content P {
	margin:10px 0px 10px 0px;
	font-weight:bold;
	font-size:10px;
}

#recherche-resultats {
	clear:both;
	width:548px;
	height:auto;
	border:solid 1px #E9E9E9;
	border-right:none;
	border-bottom:none;
	background:url(../images/recherche-border-right.gif) top right repeat-y;
}
.nbresultats {
	color:#0268f6;
	font-weight:bold;
}
.recherche-titre {
	width: 544px;
	height: 18px;
	font-weight:bold;
	text-align: center;
	padding-top:4px;	
	background:url(../images/recherche-titre-fond.gif) top right repeat-x;	
}

.recherche-resultats-content {
	clear:both;
	width:524px;
	height:auto;
	padding:5px 10px 5px 10px;
	border-top:solid 1px #d6d6d6;
}
.recherche-resultats-content img{
	margin:0px 10px 5px 0px;
	border:solid 1px #E9E9E9;
}
A.recherchetitre{
	color:#0268f6;
	text-decoration:none;
	font-weight:bold;
}
A.ensavoir {
	color:#0268f6;
	text-decoration:none;
}
A.ensavoir:hover {
	text-decoration:underline;
}
.introcontact img{
	float: left;
}
#accordion h2.active {
			background-image:url(../images/produit-contenu-entete-bg-111.gif);
		}