/* page details */
/*
#blkdetails { clear:both; border:1px solid blue;}
#container-details { float:left; width:100%;  border:1px solid red;}
*/
#conteneur-details { clear:both; max-width:1200px; margin:auto; padding-top:40px; display:flex; flex-wrap:wrap;
  /*
    background-color: #fff;
  box-shadow: 0px 0px 13px 3px rgba(119, 119, 119, 0.35);
  -moz-box-shadow: 0px 0px 13px 3px rgba(119, 119, 119, 0.35);
  -webkit-box-shadow: 0px 0px 13px 3px rgba(119, 119, 119, 0.35);
  */
}


#image-promo { position:absolute; margin-left: 15px; margin-top:50px; background:var(--couleur-titres); color:white; width:150px; height:90px; padding-top:60px; font-size: 22px; border-radius: 75px; transform: rotate(-10deg);transform-origin: bottom left; font-weight:800; }

#made-in-france { position:absolute; width:60px; right:40px; bottom:40px;}
#made-in-france IMG { width:100%; }

#produit-naturel { position:absolute; width:60px; right:100px; bottom:40px;}
#produit-naturel IMG { width:100%; }

#made-in-france-cure { position:absolute; width:80px; right:40px; top:40px;}
#made-in-france-cure IMG { width:100%; }

#produit-naturel-cure { position:absolute; width:80px; right:140px; top:40px;}
#produit-naturel-cure IMG { width:100%; }

.prix-avant-promo { color:#555555; font-size:0.7em; font-style: italic; font-weight: normal;}

.fil-arianne-article {float:left; width:100%; border:0px solid black; padding-bottom:28px; font-size:0.8em; margin-left:10px; text-transform: uppercase;}
.fil-arianne-article a { color:#000;}
.fil-arianne-article a:hover { color:#000; text-decoration:underline; }

#details-colonne-gauche { position:relative; border:0px solid black; width:50%; float:left; text-align:center; box-sizing: border-box; padding-right: 10px;}
#details-colonne-gauche img {width:100%; max-width: 600px; border:0px solid #cfcfcf; }
#details-ref { margin:15px 0px; float:left; width:100%; font-size:0.9em;}
#details-colonne-droite {width:50%; float:left; text-align:left; padding:20px 0px; color:#333;}

#details-infos-tech { clear:both; width:100%; float:left; margin-top:25px; }

#details-infos-taille { clear:both;width:100%; float:left; margin-top:25px; }

#details-comparateur { clear:both; width:100%; float:left; margin:25px 0px; }

#conteneur-droite H1 {font-size:1.1em; margin:0; text-transform: uppercase;}
#conteneur-droite H2 {padding:0px; margin-top:15px; margin-bottom:0px; color:#111111; font-size:1.15em;}


.texte-description-cure {float:left;font-size:1em; color:#000; width:100%; line-height: 1.4em; text-align: center;}

.texte-description {float:left;font-size:1em; color:#000; width:100%; line-height: 1.4em; text-align: left;}




#block-gauche { width:100%; float:left; }
#block-droit { width:100%; float:left; }

.titre-choix-couleurs { background:var(--couleur-titres); color:white; padding: 5px 13px; font-size: 12px; border-radius: 10px;}
.choix-couleurs { padding:0px; margin:0px; margin-top:15px; width:100%; }
.choix-couleurs li {display:inline-block; list-style:none; margin:0px;}
.choix-couleurs li img {width:29px; height:29px; border:2px solid white;}
.choix-couleurs li img:hover {width:33px; border:0px solid white;}

.couleur-choisie { border:2px solid #cfcfcf; }
.couleur-neutre { border:2px solid white; }


#sel_modele {margin:15px 0px; font-size:15px;}

#block-prix { position:relative; border:0px solid black; width:100%; font-size:25px; font-weight:bold; min-height:35px; color:#d2232a; line-height: 30px;}
.texte-promo-prix { color:white; background:#BF0000; padding:5px; font-size:14px; line-height: 35px;}
.promo-prix {font-size:14px; font-weight:bold; color:#d2232a;}
.prix-promo {font-size:30px; font-weight:bold; color:#BF0000;}
.prix-barre {font-size:14px; text-decoration:line-through; color:black;}

#stock-restant { clear:both; float:left; border:0px solid black; width:100%; font-size:0.9em; padding-left:20px;}

.titre-produits-lies  {width:100%; text-align:center; color:var(--texte-presentation-produit-strong-color); float:left; text-transform:uppercase; font-weight:bold; margin-top:35px; margin-bottom: 25px; font-size: 1.3em;}

#details-produits-lies { clear:both; width:100%; float:left; margin:25px 0px; border:0px solid green; }
#details-produits-lies li { display:inline-block; list-style:none; text-align:center; margin:10px 20px; padding-bottom:20px; width:29%; -moz-transition: .3s all .0s; -webkit-transition: .3s all .0s; transition: .3s all .0s; border-radius: 10px; border-radius: 10px; }
#details-produits-lies li:hover { box-shadow: 1px 1px 20px #ebebeb;  }
#details-produits-lies li img { border:0px solid whitesmoke; padding:8px; margin-bottom:10px; width:100%;  cursor:pointer; }


#details-produits-vus { clear:both; width:100%; float:left; margin:25px 0px; }
#details-produits-vus li { display:inline-block; list-style:none; text-align:center; margin:10px 20px; width:20%;}
#details-produits-vus li img { border:1px solid whitesmoke; padding:8px; margin-bottom:10px;}

.details-nb-prod { padding:5px 2px; font-size:15px; width:40px;}
#sel_modele { width:80%; font-size:15px; border:1px solid #cfcfcf; background:white;}

H3 {color:#51635b; font-weight: 800;}
.details-titre-infos { width:80%; margin:auto; border-bottom:1px dotted #000; padding:10px 0px 10px 0px; margin-bottom:10px;}
.titre-infos { margin-left:0px; font-size:1em; color:#000; text-transform: uppercase; font-size: 0.8em;}

#details-conseils {width:45%; float:left; margin-right:4%;}
#texte-conseils {font-size:1em; width:100%; margin:auto;}
#texte-conseils IMG { width:600px; height:auto; float:right; margin-left:15px; }
#details-composition {width:45%; float:left; margin-left:4%;}
#texte-composition {font-size:1em; width:100%; margin:auto; padding-top:10px;}
#texte-avis {font-size:0.9em; width:100%; margin:auto;}


#conteneur-conseils-compo { float:left;width:100%; border:0px solid black; margin-top:50px; }
#conseils-compo-menu { margin:auto; max-width:400px; font-weight:1000; }
.btn-conseils-compo { float:left; margin:8px 15px; text-transform: uppercase; font-size:0.8em;}
.btn-conseils-compo a { color:black; }
.separ-conseils-compo { float:left; margin:8px 15px; border-left:1px solid black; width:1px; }

.liste-produits-lies { margin:0px;padding:0px;text-align:center; border:0px; }



.liste-btn-voir { margin-top:15px;border:0px solid #000; padding:5px 20px; background:#000; color:#fff; display:inline-block; cursor: pointer; -moz-transition: .5s all .0s; -webkit-transition: .5s all .0s; transition: .5s all .0s;}
.liste-btn-voir:hover { background:#0d7405; color:#fff;}



.block-mail-dispo { clear:both; margin-top:15px; background:whitesmoke; padding:10px; font-size:0.9em;}

#conteneur_boutons { position:relative; clear:both; float:left; border:0px solid green; width:100%; }
#block_favoris { float:left; display:none;}
.btn_favoris { float:left;  display: inline-block; text-transform: uppercase; padding:10px 20px; background:#fff;  margin:0px 0px 0px 0px; color:black; text-align:center; font-size:1em; border:1px solid black; cursor: pointer; }
#bouton_ajouter_panier { float:left; }
#details-quantite { position:relative; float:left; margin-bottom:15px;  }

.btn-ajout-panier {
  text-transform: uppercase;
  display: inline-block;
  padding:10px 80px;
  background:#82a66f;
  margin:0px 0px 0px 0px;
  color:white;
  text-align:center;
  font-size:1em;
  cursor: pointer;
  transition: .3s ease-in-out;
  transition-delay: .35s;
  overflow: hidden; }

.btn--5
  @include box_shadow(2)

  &:before
    transform: translate(-120%,-50%) translateZ(0)

  &:hover:before
    transform: translate(-45%,-34%) translateZ(0)


.btn-ajout-panier:hover { color:#555; background:#dff3e3; }

.conteneur-produits-lies { width:100%; border:0px solid black; }


@media only screen and (max-width:640px) {




#container-details { clear:both; width:95%; margin:auto; padding-top:0px; border:0px solid red; }
#details-colonne-gauche {border:0px solid black; float:left; width:100%; margin:auto; text-align:center;}
#details-colonne-gauche img {width:100%; border:0px solid #cfcfcf; max-width:400px; }
#details-colonne-droite {border:0px solid black; width:100%; text-align:center; padding:0px 0px;  float:left;}


#conteneur-droite H1 {font-size:1.8em; margin:0;}
.texte-description {float:left; font-size:0.9em; padding-bottom:14px; padding-top:20px; color:#000; width:100%; min-height:100px; text-align:justify; line-height: 1.3em;}
.texte-description H2 {padding:0px; margin:0px; margin-bottom: 8px; color:#111111; font-size:1.3em;}

#block-gauche { width:100%; float:left; background:whitesmoke; }
#block-droit { width:100%; float:left; text-align: center;}

#details-ref { margin:15px 0px; float:left; width:100%; border:0px solid red;}
.choix-couleurs { padding:0px; margin:0px; margin-top:15px; width:100%; border:0px solid black; }
.choix-couleurs li {display:inline-block; list-style:none; margin:5px;}
.choix-couleurs li img {width:20px;}

.couleur-choisie { border:2px solid #cfcfcf; }
.couleur-neutre { border:2px solid white; }

#sel_modele {margin:15px 0px; font-size:15px; border:1px solid green;}

#block-prix { float:left; border:1px solid black; width:100%; font-weight:bold; min-height:35px; color:#8b2ab2; border:0px solid red; margin:15px 0px; }
.prix-modele {font-size:1.0em;}
.promo-prix {font-size:14px; font-weight:bold; color:#d61855;}
.prix-promo {font-size:25px; font-weight:bold; color:#d61855;}
.prix-barre {font-size:14px; text-decoration:line-through;}

#bouton_ajouter_panier { float:left; width:100%;}
.btn-ajout-panier { display: inline-block; padding:10px 0px; background:#82a66f; margin:15px 0px 5px 0px; width:100%; color:white; text-align:center; font-size:1.2em; border:0px solid black;}
.btn-ajout-panier:hover { color:black; background:#d2232a; border:0px solid black;}

#conteneur-conseils-compo { float:left;width:100%; border:0px solid black; margin-top:50px; }
#conseils-compo-menu { margin:auto; max-width:400px; font-weight:1000; }

#texte-conseils {font-size:0.9em; width:100%; margin:auto; border-top:1px dotted black;}
#texte-conseils IMG { float:none; margin:auto; width:100%; }
#details-composition {width:45%; float:left; margin-left:4%;}
#texte-composition {font-size:0.8em; width:100%; margin:auto; border-top:1px dotted black;}
#texte-avis {font-size:0.9em; width:100%; margin:auto; border-top:1px dotted black;}
.btn-conseils-compo { float:left; margin:8px 15px; }
.btn-conseils-compo a { color:black; }
.separ-conseils-compo { float:left; margin:8px 15px; border-left:1px solid black; width:1px; }

.details-titre-infos { float:left; width:100%; font-size:1em; border-bottom: 1px dotted black; padding-top:35px; padding-bottom:10px;}

.liste-produits-lies { margin:0px;padding:0px;text-align:center; border:0px solid red; }
.liste-produits-lies  li { width:100%; display:inline-block; list-style:none; margin:3em;text-align:center; border:0px solid blue;}

#details-produits-lies { clear:both; width:100%; float:left; margin:25px 0px; border:0px solid green; }
#details-produits-lies li { display:inline-block; list-style:none; text-align:center; margin:10px 0px; width:90%;}
#details-produits-lies li img { border:1px solid whitesmoke; padding:8px; margin-bottom:10px; width:60%;}


#details-quantite { position:relative; clear:both; margin-bottom:15px;  }

.details_colonne_gauche {width:100%; float:left;}
.details_colonne_droite {width:100%; float:left;}


}

@media (max-width: 870px) {
    #conteneur-details { clear:both; max-width:1200px; margin:auto; padding-top:70px; display:flex; flex-wrap:wrap; }
    .fil-arianne-article {float:left; width:100%; border:0px solid black; padding-bottom:28px; font-size:0.7em; margin-left:10px; text-transform: uppercase;}
    .fil-arianne-article a { color:#000;}
    .fil-arianne-article a:hover { color:#000; text-decoration:underline; }
}