select {font-size:11px;color:#474747}
ul {list-style-type:none}
#middle-right {margin-top:10px;width:711px}

#comparatifSelection{position:absolute;display:none;top:0;left:0; z-index:9999; width:930px; height:620px; }
.contenuFamille {margin-top:10px;padding-top:10px;background:transparent url(../images/static/bg-cadre-711-h.gif) no-repeat left top}
.contenuFamille .borders {padding:0 3px;border-color:#CCC;border-width:0 1px;border-style:solid;background-color:#fff;width:703px}
.contenuFamille .bas {padding-bottom:12px;background:transparent url(../images/static/bg-cadre-711-b.gif) no-repeat left bottom}

/* Banniere haute */
.top-banner {margin-top:7px}
.top-banner .animationImage {float:none;margin:0}

/*style pour le titre de la famille */
h1.titreFamille {font-size:16px;margin-top:10px;font-weight:bold;text-transform:uppercase}

/*opeco de gauche de la page famille*/
.opeco-gauche-gondole {padding-top:10px;margin-top:10px;background:transparent url(../images/static/bg-cadre-207-h.gif) no-repeat left top}
.opeco-gauche-gondole .animationImage {margin:0;float:none;display:block;padding:5px 15px 15px;background:transparent url(../images/static/bg-cadre-207-b.gif) no-repeat left bottom}

/* style des boutons en haut : connexion mag, store contact, conseils */
.boutons {float:right;width:100%}
#btnStoreContact, #entrezMagasin {display:none}
#btnConseils, #btnStoreContact, #entrezMagasin {float:right;margin:3px 0 0 5px}
#btnConseils {padding-left:30px;background:transparent url(../images/static/bg-btn-bleu-fonce-conseils-g.gif) no-repeat scroll left top}
#btnConseils p {background:transparent url(../images/static/bg-btn-bleu-fonce-d.gif) no-repeat scroll right top}
#btnStoreContact {padding-left:32px;background:transparent url(../images/static/bg-btn-bleu-contact-g.gif) no-repeat scroll left top}

/* tete de gondole texte */
.tg-texte p, .tg-texte p *{font-size:11px}

.cartouchePrixMsg {color:black;font-size:12px;font-weight:bold;text-align:center;width:136px;}

/* *************************** LISTE DES PRODUITS **************************** */
/* COMPARER, FILTRES, TRIS, PAGINATIONS */
.filtrer-trier {padding:0 7px 6px;margin-bottom:10px;background:transparent url(../images/static/bg-filtre-tri.gif) repeat-y left bottom;float:left;width:689px}
.comp-aff-pagi {margin:0 7px;clear:both;height:26px}
.mosai .comp-aff-pagi {margin:0 7px 0 3px}
.mosai .pagi-bas {margin-top:8px}
/* Tri */
.filtrer-trier .trier {float:right;width:183px}
.filtrer-trier .trier label {float:left;padding:2px 2px 0 2px;text-align:right;visibility:hidden}
.filtrer-trier .trier label.fix-width {margin-top:4px;width:42px} 
.filtrer-trier .trier select {float:left;width:134px;margin:4px 0 0 3px;visibility:hidden}
/* Filter par marque */
.filtrer-trier .filtrer-marques {float:right;width:238px;margin-right:8px;padding-bottom:4px}
.filtrer-trier .filtrer-marques label {float:left;margin-top:4px;padding:2px 3px 0;width:97px;text-align:right}
.filtrer-trier .filtrer-marques select {float:left;width:131px;margin:4px 0 0 3px}
/* Affiner prix */
.filtrer-trier .filtrer-prix {float:left;width:257px;padding-bottom:4px}
.filtrer-trier .filtrer-prix p {float:left;display:none}
.filtrer-trier .filtrer-prix span {float:left;margin-top:4px;padding:2px 3px 0}
.filtrer-trier .filtrer-prix span.titre-affiner-prix {width:93px;text-align:right}
.filtrer-trier .filtrer-prix input.txt {float:left;width:24px;margin-top:4px;padding:0 2px;text-align:right}
.filtrer-trier .filtrer-prix input.btn-filtrer-prix {float:left;width:28px;height:24px;margin-right:3px;background:transparent url(../images/static/img-btn-filtre-submit.gif) no-repeat left top}
.filtrer-trier .filtrer-prix .erreur-filtre-prix{color:#FF0600;margin-top:2px;display:none}
/* Comparer */
.comp-aff-pagi .btn-comparer {float:left;margin-top:2px}
.mosai .comp-aff-pagi .btn-comparer {background:transparent url(../images/static/bg-comparer-mosai-g-h.gif) no-repeat scroll left top}
.mosai .comp-aff-pagi .btn-comparer.comp-bas {background:transparent url(../images/static/bg-comparer-mosai-g-b.gif) no-repeat scroll left top}
.comp-aff-pagi .btn-comparer.comp-bas {margin-top:0}
/* Mode affichage */
.comp-aff-pagi .mode-aff {float:right;margin-right:6px;padding:0 4px 0 6px;border-right:1px solid #d8d8d8}
.comp-aff-pagi .mode-aff span {float:left;padding:4px 4px 0 0}
.comp-aff-pagi .mode-aff a {float:left;margin:0 2px;}
.comp-aff-pagi .mode-aff a.hover {cursor:default}
/* Nb produits par page */
.comp-aff-pagi .nombre-pdts-page {float:right;margin-right:6px;padding:3px 6px 0 0;border-right:1px solid #d8d8d8}
.comp-aff-pagi .nombre-pdts-page label {float:left;padding:2px 3px 0 0}
.comp-aff-pagi .nombre-pdts-page select {float:left;margin-left:3px}
/* Navigation pages */
.comp-aff-pagi .liste-pages {float:right}
.comp-aff-pagi .liste-pages span {width:21px;float:left;text-align:center}
.comp-aff-pagi .liste-pages span.points {padding-top:9px}
.comp-aff-pagi .liste-pages a {text-decoration:none;padding-top:4px;float:left;width:17px;height:16px;text-align:center;margin:0 1px;font-weight:bold;border:1px solid #B1B1B1;color:#b1b1b1;cursor:pointer}
.comp-aff-pagi .liste-pages a:hover {border:1px solid #00AFE7;color:#00AFE7}
.comp-aff-pagi .liste-pages a.active, .comp-aff-pagi .liste-pages a.active:hover {color:#fff;background:transparent url(../images/static/bg-num-page-famille-h.gif) no-repeat scroll left top;height:21px;padding-top:5px;width:19px;border-style:none}
.pagi-bas {margin-top:8px}
.pagi-bas .liste-pages a {margin-top:4px}
.pagi-bas .liste-pages a.active, .pagi-bas .liste-pages a.active:hover {background:transparent url(../images/static/bg-num-page-famille-b.gif) no-repeat scroll left bottom;padding-top:9px;height:17px;margin-top:0}

/* ZONE PRODUITS */
.aucunProduit{margin-left:150px; color:#a6a6a6; font-size:13px; display:block}
.photo_non_dispo{font-size:10px; text-align:center;padding-top:20px}

#produitAffiche li.wait {background:url(../images/static/bg-wait.gif) 0 0 no-repeat;font-weight:bold;font-size:14px;color:#000000;margin-left:30px;padding:9px 0 9px 40px;height:32px}
/* Produit hero */
#produitAffiche li.hero .bg-produit {padding-bottom:15px;background:transparent url(../images/static/bg-famille-list-hero-b.gif) no-repeat left bottom}
#produitAffiche p.titre-hero {padding-top:3px;height:19px;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;text-align:center;background:transparent url(../images/static/bg-famille-list-hero-titre.gif) no-repeat left top}
#produitAffiche li p.titre-hero {width:689px}
#produitAffiche li.hero .produit {background:transparent url(../images/static/bg-famille-list-hero-h.gif) no-repeat left top}
#produitAffiche li.hero.fdc .produit {background:transparent url(../images/static/bg-famille-list-hero-h-fin-coll.gif) no-repeat left top}
/* zone liste produit */
#produitAffiche {margin:0 7px;padding:10px 0;float:left;display:inline}
#produitAffiche.gdbc {background:transparent url(../images/static/bg-list-prods.gif) repeat-y left top}
#produitAffiche p.checkbox {display:none}
#produitAffiche li {float:left;margin-bottom:10px}
#produitAffiche li .bg-produit {float:left;padding-bottom:15px;background:transparent url(../images/static/bg-famille-list-b.gif) no-repeat left bottom}
#produitAffiche li.ligne {margin:0;background:none;float:none;display:none}
#produitAffiche li.der {margin-bottom:0}
#produitAffiche li .produit {float:left;width:689px;padding-top:15px;background:transparent url(../images/static/bg-famille-list-h.gif) no-repeat left top}
#produitAffiche li.fdc .produit {background:transparent url(../images/static/bg-famille-list-h-fin-coll.gif) no-repeat left top}
#produitAffiche li .col-1 {float:left;width:34px;margin-left:5px;padding-top:65px;text-align:center;display:inline}
/* Visuel produit */
#produitAffiche li .col-2 {float:left;width:200px}
#produitAffiche li .col-2 .visuel {width:191px;height:129px;padding-top:8px;text-align:center;background:transparent url(../images/static/bg-famille-list-visuel.gif) no-repeat left top}
#produitAffiche li .col-2 .visuel img {display:inline}
#produitAffiche li .col-2 .visuel .pictos {float:right;width:51px;margin-right:8px;display:inline}
#produitAffiche li .col-2 .visuel .pictos .produit-bleu {margin-top:5px}
#produitAffiche li .col-2 .visuel .pictos .prix-en-baisse {margin-top:76px}
#produitAffiche li .col-2 .visuel .pictos.bleu .prix-en-baisse {margin-top:30px}
#produitAffiche li .col-2 .conditionnement {width:191px;margin-top:3px;text-align:center;font-size:10px}
#produitAffiche li .avis {margin-top:5px;height:16px}
#produitAffiche li .avis img {float:left}
#produitAffiche li .avis a {color:#999;float:left;margin:2px 0 0 7px;font-weight:bold;text-decoration:none}
#produitAffiche li .avis a:hover {text-decoration:underline}
/* Infos produit */
#produitAffiche li .col-3 {float:left;width:200px;padding-right:50px}
#produitAffiche li .col-3 .avis {display:none}
#produitAffiche li .col-3 .marque {font-weight:bold;text-transform:uppercase}
#produitAffiche li .col-3 .marque span {color:#777;font-weight:normal;font-size:9px;text-transform:none}
#produitAffiche li .col-3 .titre-produit a {color:#00a2ea;font-weight:bold;text-transform:uppercase;text-decoration:none}
#produitAffiche li .col-3 .titre-produit a:hover {text-decoration:underline}
#produitAffiche li .col-3 .reference {font-size:10px;color:#5c5c5c}
#produitAffiche li .col-3 .concu-pour {margin-top:10px}
/* Prix produit */
#produitAffiche li .col-4 {float:left;width:190px;padding-top:20px}
.lib-prix {font-size:10px;color:#999}
.dates {margin-top:5px}
.dates, .apartirde, .ahora {font-size:10px;color:#5c5c5c}
.prix {float:left;margin-top:5px;padding:1px 3px;font-size:15px;font-weight:bold;color:#00a9ef;border:1px solid #00a9ef}
.promo {color:#FD191E;font-weight:bold}
.prix-barre {float:left;margin:2px 0 0 7px}
.prix-barre p {color:#00a2ea;font-size:12px;text-decoration:line-through}
.antes p {text-decoration:none}
.prix-barre .pourc {color:#f18700;font-weight:bold;text-decoration:none}
.prixKgLitre {clear:both;margin-top:3px;color:#999;float:left;display:none}
#produitAffiche li .col-4 .picto-alsolia-famille {clear:both;padding-top:5px}
#produitAffiche li .col-4 .bt02 {clear:both;float:left;margin-top:10px}

/* MODE MOSAIQUE */
.mosai #produitAffiche {margin:0 0 0 3px;width:700px}
.mosai #produitAffiche ul {position:relative;float:left;padding-bottom:32px;padding-left:4px}
.mosai #produitAffiche.gdbc {border-left:1px solid #D2D1D1;background:none}
.mosai #produitAffiche li.ligne {float:left;background:transparent url(../images/static/bg-famille-mosai-b.gif) no-repeat left bottom}
/* Produit hero */
.mosai #produitAffiche li.ligne-hero {background:transparent url(../images/static/bg-famille-mosai-hero-b.gif) no-repeat left bottom}
.mosai #produitAffiche p.titre-hero {display:block;margin-left:4px;height:17px;font-size:12px;background:transparent url(../images/static/bg-famille-mosai-hero-titre.gif) no-repeat left top;width:226px}
.mosai #produitAffiche ul li .titre-hero {display:none}
.mosai #produitAffiche ul li.hero .bg-produit {background:transparent url(../images/static/bg-famille-mosai-hero-h.gif) no-repeat left top}
.mosai #produitAffiche ul li.hero.fdc .bg-produit {background:transparent url(../images/static/bg-famille-mosai-hero-h-fin-coll.gif) no-repeat left top}
.mosai #produitAffiche ul li.hero .produit {background:none}
/* zone produit */
.mosai #produitAffiche ul li {width:226px;margin:0 6px 0 0;padding:0}
.mosai #produitAffiche ul li .bg-produit {padding:18px 6px 18px 18px;background:transparent url(../images/static/bg-famille-mosai-h.gif) no-repeat left top}
.mosai #produitAffiche ul li.fdc .bg-produit {background:transparent url(../images/static/bg-famille-mosai-h-fin-coll.gif) no-repeat left top}
.mosai #produitAffiche ul li .produit {width:202px;padding:0;background:none}
.mosai #produitAffiche li .col-1 {display:none}
/* Visuel produit */
.mosai #produitAffiche li .col-2 {float:none;width:auto}
.mosai #produitAffiche li .col-2 .visuel {width:190px;height:125px;padding-top:5px;background:transparent url(../images/static/bg-famille-mosai-visuel.gif) no-repeat left top}
.mosai #produitAffiche li.fdc .col-2 .visuel {background:transparent url(../images/static/bg-famille-mosai-visuel-fin-coll.gif) no-repeat left top}
.mosai #produitAffiche li .col-2 .visuel .pictos .produit-bleu {margin-top:20px}
.mosai #produitAffiche li .col-2 .visuel .pictos .prix-en-baisse {margin-top:70px}
.mosai #produitAffiche li .col-2 .visuel .pictos.bleu .prix-en-baisse {margin-top:10px}
/* ###########################################################"*/
.mosai #produitAffiche li .col-2 .conditionnement {width:190px}
/* ###########################################################"*/
/* Infos produit */
.mosai #produitAffiche li .col-2 .avis {display:none}
.mosai #produitAffiche li .col-3 .avis {display:block}
.mosai #produitAffiche li .col-3 {float:none;width:auto}
.mosai #produitAffiche li .col-3 .marque {margin-top:5px}
.mosai #produitAffiche li .col-3 .reference {display:none}
.mosai #produitAffiche li .col-3 .concu-pour {display:none}
/* Prix produit */
.mosai #produitAffiche li .col-4 {float:none;width:auto;padding:0}
.mosai #produitAffiche li .col-4 .lib-prix {margin-top:5px}
.mosai #produitAffiche li .col-4 .dates {margin:0}
.mosai #produitAffiche li .col-4 .bt02 {clear:both;float:left;display:inline;margin:10px 0 0 30px}
/* Checkboxs */
.mosai #produitAffiche .checkbox {display:block;clear:both;text-align:center;height:32px;position:absolute;bottom:0}
.mosai #produitAffiche .checkbox input {margin-top:9px;height:11px}

/* Infos legales */
.infos-prix {margin:10px 0 0 5px;font-size:10px;color:#999}

/* FICHES CONSEILS */
.conseils {margin:10px 7px 0;padding:8px 0 8px 2px;border:1px solid #2f6aac;border-left:0;border-right:0}
.conseils .titre {height:19px;padding:3px 0 0 23px;font-weight:bold;color:#2f6aac;background:transparent url(../images/static/bg-famille-conseils.gif) no-repeat left top;text-transform:uppercase}
.conseils ul {margin-left:23px}
.conseils ul li {color:#2f6aac}
.conseils ul li a {color:#2f6aac;text-decoration:none}
.conseils ul li a:hover {text-decoration:underline}

/* GDBC */
/* Bandeau haut */
.lienimprimer{background:url(../images/static/bg-picto-imprimer.gif) no-repeat; padding-left:15px; font-size:10px; color:#0092CD; text-decoration:none}
#comparerproduits .btfermerpopup.gauche{left:0; top:0; z-index:10}
#comparerproduits .btfermerpopup.droite{right:0; top:0; z-index:10}
.btfermerpopup.type2 span.gauche{background:url(../images/static/bg-bt-fermer-g-off1.gif) no-repeat;position:relative}
.btfermerpopup.type2 span.centre{background:#009EDF; color:#fff;position:relative}
.btfermerpopup.type2 span.droite{background:url(../images/static/bg-bt-fermer-d-off1.gif) no-repeat;position:relative}

#comparerproduits{position:relative;  margin:0 auto;height:620px;width:925px;overflow-y:auto; overflow-x:hidden;margin-left:5px;}
#comparerproduits .bandeauhaut{position:relative;width:900px;margin-bottom:25px;}
#comparerproduits .bandeauhaut .bandeauhautcontenu{ overflow:hidden;}
#comparerproduits .bandeauhaut .title{float:left; display:inline; width:480px; font-size:22px; color:#0092CD; text-align:center;margin-top:20px}
#comparerproduits .repeat{width:100%; overflow:hidden;}
#comparerproduits .logo{ text-align:center; float:left; display:inline; padding-left:10px;margin-top:20px}
#comparerproduits .lienimprimer{margin-top:20px; margin-right:20px;float:right;}

#gdbc-conteneur {width:915px;}

/* Infos modele */
.gdbc-colmodele {float:left;width:185px; padding:0 8px 0 6px; border-left:1px solid #e0e0e0; overflow:hidden;display:none;}
.gdbc-coltitre {float:left; width:100px;font-weight:bold;color:#009EDF; overflow:hidden;}

.gdbc-titreligne {}
.gdbc-donnees {float:left;}

.gdbc-imodele {height:250px;}
.gdbc-imodele .zonemodele{font-weight:bold; text-align:center;}
.gdbc-imodele .marque{color:#000;margin-bottom:0px;}
.gdbc-imodele .nommodele h1{font-size:14px; color:#009EDF; text-decoration:none; margin-bottom:0px;}
.gdbc-imodele .ref{color:#8C8C8C; font-size:9px}
.gdbc-imodele .visuel{text-align:center;height:120px}
.gdbc-imodele .visuel img {border:1px solid #E6E6E6; margin:auto;}

.voirfiche{clear:both;float:left;padding-top:5px}

.zonetexte{clear:both;font-weight:bold}
.gdbc-cellht1 {height:70px;}
.gdbc-cellht2 {height:120px;}
.gdbc-cellborder {}

hr {clear:both;display:block;border:1px solid #e0e0e0;}

#datelegale {margin-top:0}
#infoslegales, #datelegale {width:90%}