@import '/css/formulaire.css'; 
/*----- structure -----*/
html, body { height: 100%; }
body { padding:0; margin:0; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif; font-size:0.8em; background-color: #E6E6E6; }
#conteneur{ width:990px;  margin:0 auto; }
#langues{text-align:right; width:100%;}
#page { width: 100%; text-align:left; border:1px solid #ccc; border-bottom:none; background-color:#FAFAFA; }
#page.page-int-cold{ background:#FAFAFA url(/charte/bg-cold.png) repeat-y right;}
#dernier-element { margin-bottom: 0px; height:10px; width:100%; clear:both; }
#footer{ margin:0 auto; width:990px; text-align:center; padding-top:8px; border:1px solid #ccc; border-top:none; background:#fafafa url(/charte/bg-footer.jpg) left top repeat-x; font-size:11px; }
#header{ width:100%; float:left; background:url(/charte/bg-header.jpg) no-repeat left top;}
#haut_z_centrale{ background:url(/charte/bg-zc.jpg) repeat-x top; float:left; width:100%; }

/*-----  mise en forme du texte -----*/
a, p, td, li{ font-size:12px; }
h1{ font-size:16px; font-weight:bold; color:#185375; }
h2, legend, .caractetistiques_produit{ color:#185375; font-size:14px; font-weight:bold; }
h3{ color:#CF7000; font-size:13px; font-weight:bold; }
h4{ font-size:13px; font-weight:bold; }
#z_contenu_int li{ list-style-position: inside; list-style-type:disc; }
a{ color:#185274; text-decoration:none; }
#z_contenu_int a{ color:#185274; text-decoration:underline; }
a:hover{ text-decoration:underline; }
.lien_yahoo, .lien_yahoo a{ font-size:11px; color:#666; }
.legende{ font-size:10px; color:#185375; margin-top:2px; }
.image_ombree{ width:auto; }
fieldset label{ width:175px; float:left; display:inline-table; }
hr{ border:none; border-bottom:1px dashed #A4BFCF; height:1px; background-color:none; }
.lien_menu{ clear:both; margin-left:5px; }
.titre-rub, #titre_rub{ background:url(/charte/bg-titrerub.png) no-repeat left top; float:left;  width:100%; font-size:13px; font-weight:bold; padding:10px 5px 0px 5px; text-align:center; margin-top:10px;  }
.bg-menuLat, .menuLat{background:url(/charte/bg-menulat.png) repeat-y left; float:left; padding:0 5px 0; width:180px;}
#colG #menu-redondant .menuLat{width:167px;}
.haut_menuLat{background:url(/charte/haut-menuLat.png) no-repeat left top; height:15px; float:left; width:185px;}
.bas_menuLat{background:url(/charte/bas-menuLat.png) no-repeat left top; height:15px; float:left; width:185px;}

#menu-redondant #titre_rub, #menu-redondant .haut_menuLat, #menu-redondant .bas_menuLat{display:none;}
#menu-redondant .menuLat{background:url(/charte/boxgriscolg-bg.png) repeat-y left}
.width100pc{ width:100%; }
.invisible{ display:none; }
img{ border:0; }
#form_inscription label{width:100%;}
.rouge{color:#B41D03}
.encadre{background-color:#fff; border:1px solid #D9D9D9; padding:0px 10px; margin:4px; }
.chapo{font-weight:bold; color:#185274;}
ul.enligne, #nuagedetags ul{	margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }

.News_bloc{clear:both; float:left; border-bottom:1px dashed #A4BFCF; padding-bottom:10px; margin-bottom:10px; width:100%;}
.News_image{width:auto; float:left;}
.News_image img{margin-right:10px;}
.News_titre{color:#185375; font-size:13px; font-weight:bold; }
.News_resume{ }
.News_suite{float:left; }


/* header*/
.bandeau{float:left; width:100%; background-repeat: no-repeat; background-position:right top;}
#logo{ float:left;  width:auto; padding:15px 20px 10px 30px; }
#contact{ float:left; margin:25px 0 0 25px; border-left:2px solid #BFE4FA; padding-left:8px; color:#4D4D4D; font-size:11px;}
#contact a{text-decoration:underline;}
#zone-moteur{ background:url(/charte/bg-moteur.png) no-repeat left top; margin-left:15px; float:left; width:100%; height:35px; padding-left:110px; }
#moteur{ width:auto; margin-top:1px; }
#moteur label{ display:none; font-weight:bold; font-size:12px; padding-right:8px; color:#618FAA; text-transform:uppercase; }
#moteur input{font-size:12px; color:#333333; border:1px solid #ccc; padding:1px 2px; width:190px; margin-right:3px;}
#moteur select{ font-size:12px; color:#333333; border:1px solid #ccc; width:160px; }
#moteur input#moteurSubmit{ width:auto; border:none; position:relative; top:6px; left:3px;}
#moteur input#moteurRecherche{width:160px;}
#barreH{ background:url(/charte/bg-menuH.png) no-repeat left top; float:left; width:100%; height:45px; position:relative; top:-5px; }
#menuH{ float:left; margin:7px 0px 0 10px; width:979px; height:30px; text-align:center;}
#repere{ float:left; height:45px; width:1px; }

/* haut_z_centrale */
#z_centrale{ float:left; width:590px; margin:10px 0px 0 20px; }
#z_centrale_accueil{float:right; clear:right; width:790px; margin:10px 0px 0 10px;}
#haut-zc{ float:left; width:100%; }
#div_lien_yahoo{ float:left; width:82%; color:#666; padding-top:5px; }
#pictos{ width:100px;  float:right; text-align:right; }
#z_contenu_int{ width:100%; margin:10px 0; clear:both;  float:left; }

/* colG -*/
#colG{ float:left; width:185px;}
#menuLat, #marques{ margin:0 10px 7px 10px; width:175px; }
#colG .menuLat{ float:left; }
#colG #menu-redondant{ margin-left:13px;}
div #page .page-int-cold #colG #menu-redondant{ margin-left:0;}
#colG #panier{margin:10px; width:175px; float:left }
#colG #user_panier{margin:0 5px 5px; width:165px;}
#marques a{ font-size:12px; color:#010101; padding:4px 2px 3px 5px; display:block; font-weight:bold; }

/*- colD -*/
#colD{ background-color:#EFEFEF; float:right; clear:right; width:170px; padding:5px; margin-right:2px  }
#colD #panier, #colD #promotions, #colD #menu-redondant, #colD #nouveautes, #colD #menu-redondant{float:left; clear:both; margin-bottom:10px; width:170px}
.contenu-box-colD{ background:url(/charte/bg-boxombree160px.png) repeat-y left top; padding:10px;}
#colD #menu-redondant{margin-left:5px;}
.contenu-boxgris160px{background:url(/charte/boxgris160px-bg.png) repeat-y left; padding:0 5px; width:150px;}
.contenu-boxgriscolg{background:url(/charte/boxgriscolg-bg.png) repeat-y left; padding:0 5px; width:170px;}
#colD ul, #colD li{margin:0; padding:0;}
#colD #user_panier{width:150px;}

/*- footer -*/
#baseline{margin:10px; color:#185375; font-size:12px;}
#liens-bas{ margin:15px; color:#666; border-top:1px solid #dadada; padding-top:15px;}
#liens-bas a{ color:#666; font-size:11px; padding:0 5px; }

/*- presentation liste produits -*/
.gestion_page{clear:both;}
#bouton_commande{clear:both; width:100%; text-align:center; padding:15px 0;}
#titre_recherche{font-size:16px; font-weight:bold; color:#185375;}
#liste_produits{float:left; width:100%; margin-top:10px;}
.produit{ background:url(/charte/bg-produit.jpg) repeat-y left top;/* position:relative; */float:left; width:590px;  }
.contenu_produit{ clear:both;}
.bas_produit{background:url(/charte/b-produit.jpg) no-repeat left bottom; min-height:225px; padding:18px 10px 25px 10px;}
.haut_produit{background:url(/charte/h-produit.jpg) no-repeat left top;}
.titre_produit{  font-size:15px; font-weight:bold; color:#010000; margin-bottom:7px;  }
#liste_produits .titre_produit{ float:left; /*margin-right:190px;*/ width:400px; padding-left:35px;}
.validite-promo{font-weight:bold; text-align:center; }
.reference_produit{font-size:12px; color:#878787;/* position:absolute; top:20px; right:10px;*/ float:right; clear:right; }
.visuel_produit{ float:left; min-width:150px; margin:5px 10px 5px 0; text-align:center; }
.visuel_produit img{max-width:180px;}
.nondisponible{float:left; width:70%}
.produit p, .produit a, .produit td, .produit{font-size:11px;}
#liste_produits .desc_produit{margin-left:160px; width:410px;}
.quantite, .ajouter, .retirer, .affiche_quantite{float:left; width:auto; }
input.affiche_quantite{ height:16px; border:1px solid #d7d7d7; width:25px}
.valider{margin-left:4px;}
.quantite{margin:3px 0 0 5px;}
.ajout_panier.bloc_isole{float:none;}
.ajout_panier span{line-height:23px;}
.produit .box-commander .quantite{margin:3px 10px 0 0;}
.produit .box-commander{clear:both;  margin-top:10px;}
.produit .box-commander .tarif_produit{float:left; width:auto; line-height:30px; margin:0 15px;}
.produit .box-commander .tarif_produit{line-height:30px;}
.tarif_produit strong{ color:#DF830D; font-size:13px;}
a.ajout_panier_btn{ background:url(/charte/btn_commander.png) no-repeat left top; display:block; width:145px; height:30px; float:left;}

/*- detail produit -*/
.visuel_produit_detail{ float:left;  margin:5px; }
.desc_produit{margin-left:250px; width:340px;}
.fichiers_produit{margin-left:250px; width:340px; padding:10px 0;margin-bottom:10px;/*border-bottom:1px solid #ccc; clear:both; float:left; width:100%;*/ }
.fichiers_produit a{background:url(/charte/version-pdf.png) no-repeat left top; padding-left:25px; line-height:20px; display:block; float:left;}
.fichiers_produit ul{	margin:0; padding:0; list-style-type:none; }
.fichiers_produit li{ list-style-type:none; margin:0; padding:0; display:inline; }

/*gestion promo dans detail fiche*/
.nom_produit{font-weight:bold; border-top:1px solid #ddd; padding-top:8px; width:380px;}
table.tarif_produit{width:380px; margin-top:10px; }
.prix_produit strong{color:#333; font-size:11px;}
.ajout_panier{  margin-top:3px;}
.libelle_taux_promo{font-weight:bold; color:#F68F04; font-size:12px;}
.libelle_taux_promo p{margin:0; font-size:12px;}

/*liste des produits : visuel dans encadre*/
.Rubrique_info{background:url(/charte/bg-boxgrise.jpg) no-repeat left top; margin:5px 2px; float:left;}
.Rubrique_image{text-align:center; margin:10px 5px; height:120px;}
.Rubrique_image img{max-height:120px; }
.Rubrique_libelle{ background:url(/charte/bg-boxgrise.jpg) no-repeat left bottom; text-align:center; color:#185375; font-size:13px; font-weight:bold; padding:2px; width:188px; height:35px;}

.autres_produit{clear:both; color:#185375; font-size:14px; font-weight:bold; padding:15px 0 10px 0;}

/* Table des références produits meme famille */
TABLE.Familles  {}
TH.Familles {padding:5px; font-size:12px; border-bottom:2px solid #AECADA; }
TD.Familles {padding:5px 3px; border-bottom:1px solid #d7d7d7;  }
TD.Familles a{font-size:11px; color:#000; }


/*accueil*/
#z_centrale_accueil #actualites{width:295px;}
.contenu-box-actu{ background:url(/charte/bg-boxombree295px.png) repeat-y left top; padding:10px;}
#affiche_actu{height:200px;}

.bloc-video{margin:0 auto; width:auto; float:left;}
.bloc-video object{border:2px solid #545454;}
.ombre-video{background:url(/charte/ombre-video.jpg) no-repeat center bottom; padding-bottom:14px;}

.boxgrise, #z_centrale_accueil .nouveaute_item{background:url(/charte/bg-boxgrise.jpg) no-repeat left top; padding:5px 3px; margin-bottom:5px; height:180px; position:relative; width:186px;}
.nouveaute_titre a, .promotion_item a{font-size:13px; font-weight:bold; text-decoration:none !important; text-align:center !important; display:block;}
.nouveaute_accroche, .promotion_accroche {text-align:center; color:#B41D03; clear:both; }
.nouveaute_image, .promotion_image{text-align:center; clear:both;}
#z_centrale_accueil .nouveaute_image{position:absolute; bottom:0px; left:5px; width:182px; height:127px; vertical-align:middle; line-height:127px}
#z_centrale_accueil .nouveaute_image img{vertical-align:middle; max-height:127px; }
.nouveaute_lien a, .boxgrise a{font-size:11px; }
.nouveaute_lien a, .promotion_lien a {text-align:center;  width:100%; display:block;}
#z_centrale_accueil #z_contenu_int .nouveaute_lien a{position:absolute; bottom:5px;}
.puce-bg-bleu a{background:#BCE2F7 url(/charte/puce-chevron-bleu.png) no-repeat 3px 5px; padding:2px 0 2px 15px; display:block; border-bottom:1px dashed #A4BFCF; text-decoration:none !important; font-size:11px; margin:0 2px;}
.tableau_section .boxgrise td{vertical-align:inherit !important;}/*pour box nouveaute*/


/* affichage des promotions*/
.promotion_titre, .promotion_ancien_prix, .promotion_nouveau_prix, .promotion_image{ text-align:center;}
.promotion_nouveau_prix { font-weight:bold; font-size:15px;text-align:center; color:#B41D03;}

#colD .haut-promo{background:url(/charte/promotions-cold.png) no-repeat left top; height:35px; width:170px; float:left}
#colD .bas-promo{background:url(/charte/toutes-les-promos-cold.png) no-repeat left top; height:35px; width:170px; float:left; clear:both;}
#colD #affiche_promotions{float:left; clear:both; background:url(/charte/bg-boxombree160px.png) repeat-y left top; height:200px; padding:5px 0 5px 5px; width:170px;}
.haut-promo a, .bas-promo a{display:block; width:100%; height:100%;}
.page-portail #promotions, #z_centrale #promotions{width:225px; margin-top:15px; }
.page-portail #promotions{margin-left:15px;}
.page-portail #affiche_promotions, #z_centrale #affiche_promotions{ padding:5px 0 5px 7px; background:url(/charte/rpt-promo.jpg) repeat-y; height:200px; width:160px; margin:0 auto;  }
.page-portail .haut-promo, #z_centrale .haut-promo{background:url(/charte/promotions.png) no-repeat left top; height:35px; width:225px; float:left}
.page-portail .bas-promo, #z_centrale .bas-promo{background:url(/charte/toutes-les-promos.png) no-repeat left top; height:35px; width:225px; float:left}
.page-portail .affiche-promo, #z_centrale .affiche-promo{ background:url(/charte/bg-boxombree225px.png) repeat-y left top; float:left; width:225px;}