body	{ width:100vw; overflow-x : hidden; }
 h1		{ margin:0px;   }
h2		{ margin: 0px; background-color: #a591c6; padding: 5px 30px; font-family: Arial; font-size: 20px; color: #FFFFFF; font-weight: 600; }
h3		{ font-size: 18px; font-weight: 400; line-height: 0px; margin: 3px 0px; } 
#zoneAvis img { max-width: 95%;   }
#conteneurImages  { max-width:500px; max-height:500px; width:100%; position:relative; overflow: hidden; }  
.bouton { background-color: #adb1da; padding:8px; font-size: 1.1em; border:none; border-radius:5px; } 
.bouton:hover  { cursor:pointer; box-shadow: 2px 2px 4px #888888; }
.ecritureGris { color: rgb(68,68,68); }
.mauve { color: #a994c5; }
.bouton2 {    border:none; text-transform:uppercase; background-color: #a994c5; color:#FFFFFF; font-weight:600; cursor:pointer; padding: 10px 15px; font-size: 16px; box-shadow: 6px 6px 8px #AAAAAA; transition:500ms; margin-top:10px; }
.bouton2:hover {    background-color: #a994c5; color:#FFFFFF; font-weight:600; cursor:pointer; transform:scale(1.1) }
#conteneurImages #nav-gauche, #conteneurImages #nav-droite { position: absolute; top: 50%; width: 30px; height: 30px; margin: -25px 0 0 0; font-size: 0em; border: 0; color: transparent; cursor: pointer; z-index: 9999;  } 
#conteneurImages #nav-gauche img, #conteneurImages #nav-droite img { width:100% }
#conteneurImages #nav-gauche { left: 5px; }
#conteneurImages #nav-droite { right: 5px; }
#zoneAjouterAuPanier { margin-top:25px; }
.elements { display:flex; width:100%; }
.element   { flex : 1 0 100%; position:relative; }
#conteneurImages img { object-fit:cover;  width:100%;   height: 100%; }
#miniatures  { height:150px; max-width:500px; max-height:150px; width:100%; overflow:hidden; }
#miniatures img  { height:140px; width:140px; margin:5px; }
.titreproduit  { font-size: 35px; color:#a994c5;   }
.titreproduit h1 { font-family: inherit; font-size: max(calc(1.5vw + 0.5rem), 1.5rem); padding:0px; margin:0px;}
.teaser { line-height: 11px; color:rgb(68,68,68); font-size: 16px; padding-top:10px;  position:relative;}
.teaser_vignette { text-align:left}
.teaser h3   { line-height: 30px !important;  }
.teaser  p   { 	line-height: 20px !important; 	margin-top:3px; 	margin-bottom:3px;  }
.declinaison   { color: rgb(68,68,68); font-weight: 600; margin-top:20px; margin-bottom:10px;   font-size: 16px;   }
.titreArticle   {  display: inline-block; vertical-align: middle; padding-left:30px; color:rgb(68,68,68);   }
.prixArticle, .prixtotal  {  display: inline-block;  vertical-align: middle;  text-align: right;  min-width:100px;  color:rgb(68,68,68);  }
.prixtotal   {  margin-left:15px;  font-size: 0.7em; 	font-style: italic;   }
.InfoReduction   { display: inline-block; vertical-align: middle; font-style: italic; color:#69bc45; font-size: 0.9em; font-weight:600; margin-left:10px;   }
.InfoStock   { display: inline-block; vertical-align: middle; color: rgb(68,68,68);   }
.avis   { display: inline-block; vertical-align: top;  color:#a994c5;   max-width:100%  }
#nombreEtoiles,  #nombreAvis  { display: inline-block; 	vertical-align: middle;  }
#ajouterAvis  { border:none; text-transform:uppercase; color:#9068AD;   padding:13px 30px; background-image: linear-gradient(#f6cbe0, #d5d9ee, #b9e4fa); font-size: 16px; box-shadow: 6px 6px 8px #AAAAAA;   }
#btajouteraupanier  { border:none; text-transform:uppercase; background-color: #a994c5; color:#FFFFFF; font-weight:600; cursor:pointer; padding: 10px 15px; font-size: 16px; box-shadow: 6px 6px 8px #AAAAAA; transition:500ms; margin-top:10px; }
#btajouteraupanier:hover  { background-color: #a994c5; color:#FFFFFF; font-weight:600; cursor:pointer; transform:scale(1.1)  }
.declasse  { color:#FF0000; text-transform: uppercase; font-weight: 600; font-size: 0.8em; }
.description, .astuce  { font-size: 16px; }
.astuce h3 { font-size: inherit;} 
.description h3  {  line-height: 25px;  }
#menudescription  { list-style: none; margin: 0px; padding: 0px; color: #a994c5; padding-left: 15px; padding-top: 30px;  }
#menudescription li  { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #a994c5;  }
#menudescription li div  { cursor:pointer;  }
p   {   line-height: 22px;   }
.teaser   {   line-height: 1px;   }
.texteavis,  .textereponse  { border:1px solid #a994c5; padding:15px; position:relative;  margin:10px; min-height: 60px; line-height: 22px;  }
.textereponse  { 	font-style: italic;  }
 .texteavis::before,  .textereponse::before  { content : ""; position:absolute; left:-70px; top:5px; width: 60px; height: 60px; border-radius: 50%;  }
 .texteavis::before  { background-image: url('/images/people.jpg');}
 .textereponse::before  { background-image: url('/images/iconemavieeco.png');}
 .texteavis { margin-left:100px;  }
 .textereponse  { margin-left:140px;  margin-bottom:30px }
 .cadreNote { 	display: inline-block; vertical-align: middle; 	background-color: #f0c4db; padding:11px 13px;  margin-bottom:5px;  }
 .cadreNote span  { 	font-size: 2em;   }
 .note, .texteAvis  {  display: inline-block; vertical-align: top;  }
 .note { width:15%}
 .texteAvis  {width:80%}
 .noteUtilisateur  {  display: inline-block; vertical-align: middle;  }
 .faq, .astuce  { overflow:hidden;  }
.question { 	background-color: #f0c4db; padding-top: 5px; padding-bottom: 5px; 	padding-left: 20px; 	position: relative; 	margin-top: 0px; }
.astuce .question { cursor:pointer;}
.reponse { padding-top: 2px; padding-bottom: 2px; 	padding-left: 50px; 	overflow:hidden; 	font-style: italic; }
.reponse .contenu { margin:0px; 	padding: 0px; 	line-height: 22px; }
.question .fleche { 	position: absolute; top:20%; right:50px; width:72px; height:22px; transition:1s; }
.question p { 	margin:0px; padding-right:60px; }
.question .fleche img { 	overflow:hidden; 	transition:500ms; 	margin-bottom:15px; }
.question .fleche.up img { 	transform: rotate(180deg); }
.question .fleche img { 	height:20px; }
.reponse { 	transition:500ms; 	font-style: italic; }
input[type="text"] { 	font-family: inherit; 	font-size: inherit; 	height:30px; 	width:130px; }
#imagesproduit { 	display: inline-block; vertical-align: top; width: 33% }
.vignette { 	max-width:50%; }
.vignette3D { display:inline-block; margin-left:70px; vertical-align:top;text-align:center; font-family:Salsa;font-size:15px; transition:500ms}
.vignette3D:hover { cursor:pointer; transform:scale(1.1,1.1);} 
#detailproduit { 	display: inline-block; vertical-align: top; width: 66%; padding-left:2vw; }
#conteneurDetailProduit { 	margin-top: 20px; 	margin-left: 20px; 	margin-right: 20px; }
#ajouterAvis { margin-left: 20px; font-size:0.7em; padding:8px 10px; color:#9068AD; cursor:pointer; }
.reponseAvis { width:80%; font-style: italic; line-height:22px; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:40px; } 
.reponseAvis img { vertical-align: middle; height:50px; margin-right:30px; } 
.texteReponseAvis { display: inline-block; vertical-align: middle; width:calc(100% - 90px); 	line-height:22px; }
#voushabitez { color: rgb(68,68,68); 	font-size:15px; }
.dordogne
{
	line-height:25px; 
	margin-top:2px; 
	margin-bottom:5px;
	cursor:pointer;
	
}

.dordogne:hover
{
	text-decoration: underline;
}
.infosDordogne
{
	margin:0px; 
	padding-left:10px; 
	font-size: 15px;
	overflow:hidden;
	height:0px;
	transition: all 1s ease;
}

.infosDordogne.ouvert
{
	height:auto;
}

.astuce
{
	display:inline-block;
	vertical-align: top;
	width:24%;
	min-width:200px;
	max-height : 38px;
	overflow: hidden
}



.astuce p
{
	height:100%;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	text-wrap:nowrap;
}

@media (max-width: 985px) 
{
.astuce
{
	width:49%;
}
}



@media (max-width: 800px) 
{
.note { display: block; width:100%; }
.texteAvis  {width:100%} 
.astuce
{
	display:block;
	width:100%;
}

}

@media (max-width: 600px) 
{
#voushabitez 	{ 		display:none; 	}
#conteneurDetailProduit 	{ margin-left: 0px; 	margin-right: 0px; 	}
#ajouterAvis 	{ 	margin-left:  20px; }
.texteAvis { 	padding-left: 25px; }
img.avis 	{ 	min-width: 200px; width:50%; height:auto; 	}
.teaser_vignette { text-align:center}
#imagesproduit 	{ 	display: block; 	width: 90%; 	margin: auto; }
#detailproduit 	{ 	display: block; margin: auto; width: 100%; padding-left:0px; }
.titreproduit 	{ 	line-height: 30px; 	}
.ventearticle 	{ 	border: 1px solid #888888; padding: 5px; 	margin-bottom:5px; 	}
.quantite { 	display: block; margin-left: auto; margin-right: auto; 	}
.teaser p { 	line-height: 16px !important; 	}
blockquote { 	margin-left:10px; 	margin-right:10px; }
.question .fleche 	{ 	right: -15px; 	}
.reponseAvis 	{ 	width:95%; font-style: italic; line-height:22px; 	margin: 0px; 	} 
.reponseAvis img { height:50px; 	float:left; padding-right:10px; 	} 
.texteReponseAvis 	{ 	display: block; 	width:auto; 	}
#zoneAjouterAuPanier { text-align:center; }
}

@media (max-width: 400px) 
{
img.avis 	{ 	min-width: 120px; width:initial; height:auto; 	}
}