body {
  margin:0;
  margin:auto;
  font-size:16px;
  height:100%;
  background-color: var(--body-bg-color);
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.3em;

  margin:0px;
  font-family: 'Source Code Pro', monospace;
  font-weight: 200;


}
A { text-decoration:none;}


#container{ z-index: -10;
    margin-left: 330px;
    margin-right: 30px;
    background-color: white;
    margin-top: 38px;
    padding: 20px;
    box-sizing: border-box;}


#cache_panier{position:fixed; background:#000; width:100%; top:0px; left:0px; z-index:99; opacity:0.7; display:none;}
#message_panier{position:fixed; border:1px solid black; width:450px; top:200px; z-index:100; margin-left:-225px; left:50%; background:#fff; display:none;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}

#imgpres {float:none; clear:both; background:url(/images/accueil/bg2.jpg) no-repeat top; width:100%; -webkit-background-size: cover; background-size: cover; margin:auto;padding-top:40%; }
/*#content_imgpres {clear:both;max-width:1200px; margin:auto; padding-top:25%; text-align:right; position:relative; color:white;  margin-top:150px; max-height:500px;}*/

#image-promo {margin:auto; margin-bottom:5px; }
#image-promo img { width:100%;}

#bt_accueil{width:150px;margin-left:125px;float:left;margin-top:5px;}
#bt_panier{float:right;margin-right:15px;margin-top:5px;}
#bt_aide{float:left;margin-left:170px;margin-top:5px;}
#bt_pref{float:left;margin-left:15px;margin-top:5px;}
#bt_compte{float:left;margin-left:15px;margin-top:5px;}



/*     accueil    */
#conteneur-accueil { width:100%; max-width:1200px; margin:auto;}



/**/
.lien_pagination{border:1px solid #d7d7d7; padding-left:3px; padding-right:3px; background:#fff;}
.sel_nb_page{width:33px; border:1px solid #d7d7d7; background:#fff; padding-left:7px; background-image:url(/images/interface/fleche_select.png); background-repeat:no-repeat; background-position:28px 3px;}
.l_nb_page{position:absolute;width:33px; background:#fff; border:1px solid #d7d7d7;padding-left:7px;}
.blkdetails{position:relative;width:762px;margin:auto; background:#fff;margin-bottom:8px; display:block;}
.galerieprod{position:absolute;width:582px; background:#fff; height:400px; border:0px solid black; text-align:center; }
.btfermegalerie{margin-top:5px; margin-right:5px;}
.cvignal{border:1px solid #c4c4c4;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-left:10px; margin-right:10px; background-image: url(/images/interface/fond_liste_galerie.png); padding:5px; text-align:left;}
.vggalerie{margin:0px;border-left:1px #c4c4c4 solid;border-right:1px #c4c4c4 solid;border-top:1px #c4c4c4 solid;border-bottom:1px #c4c4c4 solid; cursor:pointer;}




/*  Gestion adresses  */
.btn-modifier-adresse {
  background:#cfcfcf;
  padding: 5px 15px;
  color:black;
  -moz-transition: .2s all .1s;
  -webkit-transition: .2s all .1s;
  transition: .2s all .1s;
 }
.btn-modifier-adresse:hover { background:#5581d2; color:white; }

.btn-supprimer-adresse {
  background:#cfcfcf;
  padding: 5px 15px;
  color:black;
  -moz-transition: .2s all .1s;
  -webkit-transition: .2s all .1s;
  transition: .2s all .1s;
 }
.btn-supprimer-adresse:hover { background:red; color:white; }


/* page panier*/
.lib_prod_pan{font-size:13px; color:#000;}
.div_texte_code_promo{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5 px; margin-bottom:15px; padding:15px; background:#a468bc; color:white; text-align:center;}
.tableau_panier{border:1px solid #cfcfcf;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5 px; margin-bottom:15px; }

#titre-panier { font-weight:800; padding-left:25px;}




/* Fil arianne pages comptes*/
.fil-arianne-compte { color:#555; font-size:15px; padding-top:15px; margin-bottom:25px; padding-bottom:8px; border-bottom:1px dotted black; }
.fil-arianne-compte a { text-decoration: none;  font-size:15px; color:black;}
.fil-arianne-compte a:hover { text-decoration:underline; color:red; }
.fil-arianne-compte-page-actuelle { color:#8b2ab2;  font-size:15px; }


.bt-retour { background:#cfcfcf; padding:5px 15px; font-size:0.5em;  }
.bt-retour:hover { background:#8b2ab2; color:white; }


/* liste commandes */
.conteneur_liste_commande { width:1000px; margin:auto; border:0px solid black; padding-top:50px; padding-bottom:50px; min-height:500px; }


/* form création compte*/
#conteneur-crea-compte {width:100%; float:left; margin-top:50px; margin-bottom:25px;}
#conteneur-form-crea-compte {width:450px; margin:auto; border:1px solid #959595; text-align:left; color:#000000; font-size:13px;clear:both; padding:20px;}
.input-crea { width:100%; padding:5px 0px; font-size:15px; margin-top:5px;}
#btn-crea-compte { width:100%; display: inline-block; border:1px solid #cfcfcf; text-align:center; padding-top:12px; padding-bottom:12px;font-size:15px; background:#000; color:white; cursor: pointer; -moz-transition: .5s all .0s; -webkit-transition: .5s all .0s; transition: .5s all .0s;}
#btn-crea-compte:hover { background:#0d7405; color:#fff; }
.texte-separ-compte { font-size:18px; padding-top:20px; padding-bottom: 20px; color:#333; font-weight:600; }



/* log */
.l_blk_g{width:170px; float:left; margin-left:25px;}
.l_blk_m{width:200px; float:left; margin-left:30px;}
.l_blk_d{float:left; margin-left:30px;}
.l_titre_blk{font-size:12px; font-weight:bold; font-family:helvetica;margin-top:25px; margin-bottom:15px;}
.l_txt_blk{font-size:11px; font-family:helvetica; text-align:justify;}

/* carousel */
.lien_carousel { color: #666666;font-size: 18px;font-weight: normal;font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; text-decoration:none; }
.lien_carousel:hover { color:#cc3399; }
.btn_carou_nouveau_on { position:relative; float:right;width:246px; height:67px; border:1px solid #cfcfcf; z-index:10; padding-top:40px; text-align:center; }
.btn_carou_nouveau_off { position:relative; float:right;width:246px; height:67px; background:#F0F0F0; border:1px solid #cfcfcf; z-index:10; padding-top:40px; text-align:center; }
.btn_carou_mv_on { position:relative; float:right;width:246px; height:65px; background:#FFF; border:1px solid #ccc; border-top:1px solid white; padding-top:40px; text-align:center; }
.btn_carou_mv_off { position:relative; float:right;width:246px; height:65px; background:#F0F0F0; border:1px solid #ccc; border-top:1px solid white; padding-top:40px; text-align:center; }
.btn_carou_kdo_on {position:relative; float:right;width:246px; height:65px; background:#FFF; border:1px solid #ccc; padding-top:40px; border-top:1px solid white; z-index:10; text-align:center;}
.btn_carou_kdo_off {position:relative; float:right;width:246px; height:65px; background:#F0F0F0; border:1px solid #ccc; padding-top:40px; border-top:1px solid white; z-index:10; text-align:center;}
.btn_carou_bp_on {position:relative; float:right;width:246px; height:66px; background:#FFF; border:1px solid #ccc; padding-top:40px; border-top:1px solid white; z-index:10; text-align:center; }
.btn_carou_bp_off {position:relative; float:right;width:246px; height:66px; background:#F0F0F0; border:1px solid #ccc; padding-top:40px; border-top:1px solid white; z-index:10; text-align:center; }
.lien_bouton { background-color: #d298de;border: 0 none;border-radius: 7px 7px 7px 7px;box-shadow: 4px 4px 8px #999;color: #fff;cursor: pointer;font-size: 11px;margin-left: 0;padding: 5px 10px;text-decoration: none;}
.lien_bouton:hover { color:#FCFCFC; }
#cache_favoris{position:fixed; background:#fff; width:100%; top:0px; left:0px; z-index:9999; opacity:0.8; display:none; height:100%;}
#message_favoris{position:fixed; border:1px solid cc3399; width:400px; height:150px; top:-75px; z-index:10; margin-left:-200px; left:50%; top:50%; background:#fff; display:none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;box-shadow: 4px 4px 8px #777;}



#cache_recherche { position:fixed; background:#fff; width:100%; top:0px; left:0px; z-index:9999; opacity:1; display:none; height:100%; }
#form_recherche { position: absolute; width:100%; top:30px; z-index:100000; text-align: center; display:block; box-sizing: border-box;}
#resultat_recherche { position: relative; height:80px; width:520px; margin:auto; z-index:100000; display:none; background:white; }
#icone_cache_recherche { position:fixed; right:10px; top:10px; z-index:10001; display:none; }



@media only screen and (max-width:640px) {
#cache_panier{position:fixed; background:#000; width:100%; top:0px; left:0px; z-index:9; opacity:0.7; display:none;}
#message_panier{position:fixed; border:1px solid black; top:10%; z-index:10; background:white; display:none;}
}