.configurateur
{

	display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

.configurateur h2 {

	/* width: 880px; */
    margin-top: 30px;
    font: var(--texte23);
    color: var(--couleur13);
    background-color: var(--couleur17);
    border-radius: 10px 10px 0 0;
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	
}

.configurateur .deroulable {

	border-radius: 10px;
	
}

.configurateur .erreur::after {

	content: "!";
	margin:0px;
	margin-left:10px;
	background-color:var(--couleur26);
	color:var(--couleur01);
	font:var(--texte24);
	width:20px;
	height:20px;
	display:flex;
	border-radius:10px;
	text-align: center;
    justify-content: center;
	align-content:center;
	align-items:center;
	
}

.configurateur .reperes .derouleur_fixe {

	border-radius: 0 0 10px 10px;
	margin-top:0px;
	
}

.configurateur .deroulable, .configurateur .deroule {

	cursor:pointer;
	
}

.configurateur .deroulable:hover,.configurateur .deroule:hover{
	
    background-color: var(--couleur15);
	/* transition:all 0.5s ease-out; */
	
}

.configurateur .deroulable svg,.configurateur .deroule svg {
	
	margin-left:20px;
	
}

.configurateur .derouleur_visible, .configurateur .derouleur_fixe{

	width: 880px;
	display:block;
    /* border-radius: 0 0 10px 10px; */
    border-radius: 0 0 10px 10px;
	/* margin-top:40px; */
	background-color:var(--couleur11);
	/* border:1px solid var(--couleur14); */
	border:1px solid var(--couleur14);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	
}

.configurateur .derouleur_invisible {

	display:none;
	
}

.configurateur .deroulable .derouleur_svg_visible {
	
	transform:rotate(0deg);
	
}

.configurateur .deroulable:hover .derouleur_svg_visible {
	
	transform:rotate(90deg);
	
}

.configurateur .deroulable .derouleur_svg_invisible {
	
	transform:rotate(90deg);
	
}

.configurateur .deroulable:hover .derouleur_svg_invisible {
	
	transform:rotate(0deg);
	
}

.configurateur .deroule .derouleur_svg_visible {
	
	transform:rotate(90deg);
	
}

.configurateur .deroule:hover .derouleur_svg_visible {
	
	transform:rotate(0deg);
	
}

.configurateur .deroule .derouleur_svg_invisible {
	
	transform:rotate(0deg);
	
}

.configurateur .deroule:hover .derouleur_svg_invisible {
	
	transform:rotate(90deg);
	
}

.configurateur .bouton_derouleur{
	
	padding:5px;
	background-color:var(--couleur01);
	border-radius:20px;
	margin-left:20px;
	
}

.popup_contenu .configurateur h2{
	
	display:none;
	
}

.popup_contenu .configurateur .derouleur_invisible{
	
	display:block;
	
}


.popup_contenu .configurateur .derouleur_visible, .popup_contenu .configurateur .derouleur_fixe, .popup_contenu .configurateur .derouleur_invisible{
	
	background-color:transparent;
	border:0px;
	
}


.popup_contenu .configurateur h2{
	
    border-radius: 10px;
	
}

.configurateur form {

    text-align: center;
    max-width: 900px;
    display: flex;
    /* flex-direction: column-reverse; */
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
	
}


.configurateur .formulaire {
	
	display: flex;
    /* flex-direction: column-reverse; */
    flex-direction: column;
    margin-top: 10px;
	
}

.configurateur .onglets {

	display: flex;
    width: 880px;
    overflow-x: auto;
    justify-content: center;    
	flex-wrap: nowrap;
	padding-left:10px;
	padding-right:10px;
	
}

.configurateur .onglets h2 {

	display: flex;
    text-align: center;
    justify-content: center;
	margin-right:5px;
	border-radius: 10px 10px 0 0;
	/* border-radius: 10px; */
	transition:all 0.2s ease-out;
	pointer-events: auto;
	padding:12px;
	margin-top:20px;
    flex: auto;
	
}

/* .corps_contenu { */
    /* min-height: 100vh; */
	/* padding-bottom:400px; */
/* } */
	
.configurateur .onglets h2:hover {
	
	background-color:var(--couleur67);
	color:var(--couleur01);

}		

.configurateur .onglets .deroulable {

	background-color:var(--couleur14);
	color:var(--couleur02);
	
}

.configurateur .onglets svg {

	display:none;
	
}

.configurateur .bouton_selection
{
	
	display:none;
	
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	
    cursor: pointer;
    /* margin-left: auto; */
    /* margin-right: auto; */
	
	margin:10px;
	/* margin-top:30px; */
	
	width:400px;
	
	border-radius:10px;
	
}

.configurateur .bouton_selection_error
{

	-webkit-animation: vibration 3s infinite;
	animation: vibration 3s infinite;
	
}

.configurateur .bouton_selection_titre
{
	
	display:flex;
	padding:10px;
	width:100%;
	
	background:var(--couleur13);
	
	font:var(--texte23);
	color:var(--couleur15);

	transition:all 0.5s ease-out;
	
	align-items:center;
	justify-content:center;
	
	border-radius:10px 10px 0 0;
	
}

.configurateur .bouton_selection_titre svg
{
	
	margin-right:10px;
	
}

.popup_contenu .configurateur .selection_titre{
	
	width: 825px;
	
}

.configurateur .bouton_selection_valeur, .configurateur .bouton_selection_valeur_error
{
	
	display:flex;
	padding:10px;
	width:100%;
	
	background:var(--couleur35);

	transition:all 0.5s;
	
	border-radius:0 0 10px 10px;
	
	align-items: center;
	flex-direction: row;
	justify-content:flex-start;
	
}

.configurateur .bouton_selection_valeur_error
{
	
	background:var(--couleur25);
	
}

.configurateur .bouton_selection:hover .bouton_selection_titre
{
	
	background:var(--couleur15);
	color:var(--couleur01);
	
}

.configurateur .bouton_selection:hover .bouton_selection_valeur
{
	
	background:var(--couleur37);
	
}

.configurateur .bouton_selection:hover .bouton_selection_valeur_error
{
	
	background:var(--couleur27);
	
}

.configurateur .description_bouton
{
	
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    min-height: 100px;
    width: 100%;
	
}

.configurateur .bouton_selection_valeur .description_bouton .titre
{
	
	display: flex;
    font: var(--texte22);
    color: var(--couleur01);
    flex-direction: column;
	
}

.configurateur .bouton_selection_valeur .img,.configurateur .bouton_selection_valeur_error .img
{
	
	display:flex;
	
	margin-right:10px;
	
}

.configurateur .bouton_selection_valeur .img img,.configurateur .bouton_selection_valeur_error .img img
{
	
	height:100px;
	border:1px solid var(--couleur01);
	
}

.configurateur .bouton_selection_valeur_error .description_bouton .titre
{
	
	display:flex;
	
	font:var(--texte22);
	color:var(--couleur01);
	
}

.configurateur .bouton_selection_valeur_error .description_bouton .error
{
	
	display:flex;

}

.configurateur .bouton_selection_valeur_error .ligne_error
{
	
	padding:4px;
	
	font:var(--texte22);
	color:var(--couleur01);
	background:var(--couleur24);
	border-radius:5px;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	/* -webkit-animation: vibration 3s infinite; */
	/* animation: vibration 3s infinite; */
	
}

.configurateur .block, .configurateur .block_selection
{
	
	display:none;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
	margin:10px;
	/* margin-top:30px; */
	vertical-align: top;
	
	cursor:pointer;
	
}

.configurateur .guide
{

	display:flex;
	justify-content: center;
    align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
	
	
	max-width:max-content;
	
	
	
	padding:5px;
	border-radius:10px;
	
	margin-bottom:15px;
	
	font:var(--texte12);
	color:var(--couleur02);
	background-color:var(--couleur56);
	box-shadow:4px 4px 4px rgba(0,0,0,.2)
	
}

.configurateur .guide_bouton
{

	display:flex;
	justify-content: center;
    align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
	
	width:webkit-fill-available;
	
	margin-top:10px;
	padding:5px;
	border-radius:10px;
	
	font:var(--texte12);
	color:var(--couleur02);
	background-color:var(--couleur55);
	box-shadow:4px 4px 4px rgba(0,0,0,.2)
	
}

.configurateur .guide_selection
{

	display:flex;
	justify-content: center;
    align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
	
	margin-bottom:15px;
	
	max-width:max-content;
	
	padding:5px;
	margin-top:10px;
	border-radius:10px;
	
	font:var(--texte12);
	color:var(--couleur01);
	background-color:var(--couleur36);
	box-shadow:4px 4px 4px rgba(0,0,0,.2)
}

.configurateur .selection_titre
{
	
	display:flex;
	margin:10px;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding:10px;
	vertical-align:middle;
	
	/* background:var(--couleur13); */
	
	font:var(--texte25);
	color:var(--couleur11);

	transition:all 0.5s;
	
	align-items:center;
	justify-content:center;
	
	width:100%;
	
	/* border-radius:10px 10px 0px 0px; */
	
	/* cursor:pointer; */
	
}

/* .configurateur .selection_titre:hover */
/* { */
	
	/* background:var(--couleur15); */
	/* color:var(--couleur01); */
	
/* } */

.configurateur .defileur, .configurateur .defileur_selection
{

    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-end;
	
}

.configurateur .defileur_cache {

	display:none;
	
}

.configurateur .defileur .description,.defileur .description_selection,.defileur .description_error,
.configurateur .defileur_selection .description,.defileur_selection .description_selection,.defileur_selection .description_error
{

	white-space:normal;
	
}

.configurateur .defileur_selection
{
	
	/* background: var(--couleur11); */
    /* border-radius: 10px 10px 10px 10px; */
    /* border: 1px solid var(--couleur13); */
    margin: 0px;
    /* margin-top: 30px; */
    width: 100%;
    display: flex;
    justify-content: center;
	
}

.configurateur .button
{

	display:flex;
	
	padding:0px;
	margin:0px;
	height:40px;
	
	width:130px;

	font:var(--texte22);
	text-decoration:none;
	
	border:0px;

	transition:all 0.5s;
	
	cursor:pointer;
	
	align-content:center;
	justify-content:center;
	align-items:center;
	
	background-color:var(--couleur36);
	color:var(--couleur01);
	border-radius:10px;
	
	box-shadow: 0px 0px 5px var(--couleur02);
	
}

.configurateur .number_input, .configurateur .text_input
{

	display:flex;
	
	/* height:20px; */
	width:100%;
	padding:20px;
	padding-right:5px;
	margin:0px;

	font:var(--texte23);
	background-color:var(--couleur12);
	color:var(--couleur02);
	text-decoration:none;
	box-shadow: 0px 0px 5px var(--couleur02);
	border-radius:10px;
	
	border:0px;

	transition:all 0.5s;
	
	cursor:pointer;
	
}

.configurateur .quantite_ajouter_au_panier {

	
	width:80px;
	
	
}

.configurateur .button:hover
{

	color:var(--couleur01);
	background-color:var(--couleur55);
	
}

.configurateur .number_description, .configurateur .text_description
{
	
	display:block;
	/* width:250px; */
	width:400px;
	padding:10px;
	background-color:var(--couleur13);
	border-radius:10px;
	
	transition:none;
	
}

.configurateur .description
{
	
	display:flex;
	/* width:250px; */
	width:825px;
	padding:10px;
	background-color:var(--couleur13);
	border-radius:10px;
	
	transition:none;
	
}

.configurateur .description:hover
{
	
	box-shadow: 0px 0px 5px var(--couleur02);
	
}

.configurateur .description_error
{
	
	display:flex;
	width:825px;
	padding:10px;
	background-color:var(--couleur25);
	border-radius:10px;
	box-shadow: 0px 0px 5px var(--couleur02);
	-webkit-animation: vibration 3s infinite;
	animation: vibration 3s infinite;
	/* display:none; */
	
}

/* .configurateur .number_description_error, .configurateur .text_description_error */
/* { */
	
	/* display:flex; */
	/* width:825px; */
	/* padding:10px; */
	/* background-color:var(--couleur25); */
	/* border-radius:10px; */
	/* -webkit-animation: vibration 3s infinite; */
	/* animation: vibration 3s infinite; */
	 
/* } */



.configurateur .number_description_error, .configurateur .text_description_error
{
	
	display:block;
	width:400px;
	padding:10px;
	background-color:var(--couleur25);
	border-radius:10px;
	-webkit-animation: vibration 3s infinite;
	animation: vibration 3s infinite;
	 
}


.configurateur .description_error:hover
{
	
	box-shadow: 0px 0px 5px var(--couleur02);
	
}

.configurateur .description_selection
{
	
	display:flex;
	/* width:250px; */
	width:825px;
	padding:10px;
	background-color:var(--couleur35);
	
	box-shadow: 0px 0px 5px var(--couleur02);
	border-radius:10px;
	
}

.configurateur .lignes_observations {
	
	display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    background-color: var(--couleur13);
    padding: 10px;
    align-items: center;
	
	cursor:pointer;
	
}

.configurateur .radio_cochage, .configurateur .number_cochage, .configurateur .text_cochage
{
	
	display:flex;
	
	padding:10px;
	
	font:var(--texte22);
	color:var(--couleur23);
	background-color:var(--couleur13);
	
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	
}

.configurateur .radio_cochage
{
	
	display:none;
	
}

.configurateur .radio_titre
{
	
	display:flex;
	
	padding:0px;
	/* background-color:var(--couleur14); */
	
	font:var(--texte23);
	color:var(--couleur02);
	
	margin-bottom:15px;
	
	/* min-height:60px; */
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	
	cursor:pointer;
	
}

.configurateur .radio_observations, .configurateur .number_observations, .configurateur .text_observations
{
	
    display: flex;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--couleur13);
    font: var(--texte22);
    color: var(--couleur23);
    min-height: 46px;
    padding-bottom: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    cursor: pointer;
	
}

.configurateur .radio_observations .ligne_error, .configurateur .number_observations .ligne_error, .configurateur .text_observations .ligne_error
{
	
	padding:4px;
	
	font:var(--texte22);
	color:var(--couleur01);
	background:var(--couleur24);
	border-radius:5px;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	/* -webkit-animation: vibration 3s infinite; */
	/* animation: vibration 3s infinite; */
	
}

.configurateur .radio_observations .ligne_error_prevention, .configurateur .number_observations .ligne_error_prevention, .configurateur .text_observations .ligne_error_prevention
{
	
	padding:4px;
	
	font:var(--texte22);
	color:var(--couleur01);
	background:var(--couleur34);
	border-radius:5px;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	/* -webkit-animation: vibration 3s infinite; */
	/* animation: vibration 3s infinite; */
	
}

.configurateur .radio_observations .tarif_positif
{
	
	display:block;
	
	padding:15px;
	background-color:var(--couleur35);
	
	width:100%;
	
	font:var(--texte22);
	color:var(--couleur01);
	
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	
	border-radius:10px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	
}

.configurateur .radio_observations .tarif_negatif
{
	
	display:block;
	
	padding:15px;
	background-color:var(--couleur25);
	
	width:100%;
	
	font:var(--texte22);
	color:var(--couleur01);
	
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	
	border-radius:10px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	
}

.configurateur .radio_label, .configurateur .number_label, .configurateur .text_label
{
	
	display:block;
	text-align:center;
	padding:0px;
	background-color:var(--couleur13);
	
	font:var(--texte23);
	color:var(--couleur15);
	cursor:pointer;
	
}

.configurateur .radio_label div, .configurateur .number_label div, .configurateur .text_label div
{
	
	display: flex;
    height: 30px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;	
	
}

.configurateur .block img, .configurateur .block img
{
	
	width:100%;
	border:1px solid var(--couleur01);
	max-width:380px;
	
}

.configurateur .radio_label img
{
	
	width:180px;
	border:1px solid var(--couleur01);
	
}

.configurateur .radio_input, .configurateur .number_input, .configurateur .text_input
{
	
	cursor:pointer;
	
}


















.details_produit .panier{
	
    align-items: stretch;
    flex-wrap: wrap;
    display: flex;
    border-radius: 10px;
    background-color: var(--couleur17);
    margin-top: 20px;
    justify-content: center;
    flex-direction: column;
	padding:5px;
	
}

.details_produit .panier div{

	display:flex;
	align-items:center;
	pointer-events: auto;
	width:100%;

}

.details_produit .panier a{

	height: 50px;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;

}

.details_produit .panier svg{
    
	margin: 0;
    margin-right: 10px;

}

.details_produit .panier .bouton_reinitialisation,.details_produit .panier .bouton_forcer_ferme,.details_produit .panier .bouton_forcer_ouvert{

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	width:120px;
	padding:5px;
	margin:5px;
	vertical-align:top;
	text-decoration:none;
	box-shadow:0 0 10px -5px var(--couleur15);
	font:var(--texte23);
	border:1px solid var(--couleur01);
	transition:.5s;
	border-radius:10px;

}

.details_produit .panier .bouton_forcer_ferme svg,.details_produit .panier .bouton_forcer_ouvert svg{

	margin:0px;
	
}

.details_produit .panier .bouton_reinitialisation{
   
   background-color: var(--couleur12);
    color: var(--couleur17);
    transition: .5s;
    width: -webkit-fill-available;

}

.details_produit .panier .bouton_forcer_ferme{

	padding:10px;
	background-color:var(--couleur46);
    color: var(--couleur01);
    transition: .5s;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;

}

.details_produit .panier .bouton_forcer_ferme:hover{    

    background-color: var(--couleur44);

}

.details_produit .panier .bouton_forcer_ouvert{    

	padding: 10px;
    background-color: var(--couleur36);
    color: var(--couleur01);
    transition: .5s;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;

}

.details_produit .panier .bouton_forcer_ouvert:hover{    

    background-color: var(--couleur34);

}

.details_produit .panier .bouton_reinitialisation:hover,.bouton_ajouter_au_panier_alerte:hover{

	background-color:var(--couleur15);
	color:var(--couleur01);

}

.details_produit .panier .bouton_reinitialisation:hover .fond_bottom,.bouton_ajouter_au_panier_alerte:hover .fond_bottom{

	pointer-events: none;

}

.details_produit .panier .configurateur_tarif{

	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:nowrap;
	align-items:center;
	height:50px;
	padding:5px;
	margin:5px;
	vertical-align:top;
	text-decoration:none;
	font:var(--texte25);
	color:var(--couleur35);
	transition:.5s;
	border-radius:10px;
	background-color:var(--couleur11);
	border:1px solid var(--couleur14);
    width: -webkit-fill-available;

}

#configurateur_tarif{
	
	display:none;
	
}

#configurateur_submit{
	
	display:none;
	
}

.double_affichage {
	
	display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;    
	justify-content: center;

}

.details_produit {       

	z-index: 1;
    display: flex;
    /* width: 100%; */
    max-width: 400px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 40px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: var(--couleur13);
    padding-top: 10px;
    flex-direction: column;
	
}

.details_produit .delai_produit {    

	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: var(--couleur11);
    font: var(--texte12);
    color: var(--couleur15);
    text-decoration: none;
    border: 1px solid var(--couleur17);
    padding: 10px;
    border-radius: 5px;
    /* justify-content: center; */
    /* align-items: center; */
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 10px;
	
}

.details_produit .configurateur_panier h2 {

	display:block;
    margin-top: 0px;
    font: var(--texte23);
    color: var(--couleur13);
    background-color: var(--couleur17);
    border-radius: 10px 10px 0 0;
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	margin-bottom:-5px;
    margin-left: 10px;
    margin-right: 10px;
	
}

.details_produit .configurateur_panier .deroulable {

	border-radius: 10px;
	
}

.details_produit .configurateur_panier .deroulable, .details_produit .configurateur_panier .deroule {

	cursor:pointer;
	
}

.details_produit .configurateur_panier .deroulable:hover,.details_produit .configurateur_panier .deroule:hover{
	
    background-color: var(--couleur15);
	/* transition:all 0.5s ease-out; */
	
}

.details_produit .configurateur_panier .deroulable svg,.details_produit .configurateur_panier .deroule svg {
	
	margin-left:20px;
	
}

.details_produit .configurateur_panier .derouleur_visible, .details_produit .configurateur_panier .derouleur_fixe{

    display: block;
    border-radius: 0 0 10px 10px;
    background-color: var(--couleur11);
    border: 1px solid var(--couleur14);
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
	
	overflow-y:auto;
	/* max-height:200px; */
	
}

.details_produit .configurateur_panier .derouleur_invisible {

	display:none;
	
}

.details_produit .configurateur_panier .deroulable .derouleur_svg_visible {
	
	transform:rotate(0deg);
	
}

.details_produit .configurateur_panier .deroulable:hover .derouleur_svg_visible {
	
	transform:rotate(90deg);
	
}

.details_produit .configurateur_panier .deroulable .derouleur_svg_invisible {
	
	transform:rotate(90deg);
	
}

.details_produit .configurateur_panier .deroulable:hover .derouleur_svg_invisible {
	
	transform:rotate(0deg);
	
}

.details_produit .configurateur_panier .deroule .derouleur_svg_visible {
	
	transform:rotate(90deg);
	
}

.details_produit .configurateur_panier .deroule:hover .derouleur_svg_visible {
	
	transform:rotate(0deg);
	
}

.details_produit .configurateur_panier .deroule .derouleur_svg_invisible {
	
	transform:rotate(0deg);
	
}

.details_produit .configurateur_panier .deroule:hover .derouleur_svg_invisible {
	
	transform:rotate(90deg);
	
}

.details_produit .formulaire_bon_fab{
	
	width:100%;
	padding:10px;
	font:var(--texte11);
	color:var(--couleur15);
	border:1px solid var(--couleur13);
	background-color:var(--couleur12);
	border-radius:10px;
	
}

.details_produit .cadre_bon_fab{
	
    text-align: left;
	
}

.details_produit .cadre_bon_fab table{
	
	border-collapse:collapse;
	width:100%;
	
}

.details_produit .cadre_bon_fab th{
	
	padding:5px;
	border:1px solid var(--couleur17);
	font:var(--texte21);
	color:var(--couleur17);
	
	vertical-align:middle;
	
	width:100px;
	
}

.details_produit .cadre_bon_fab td{
	
	padding:5px;
	border:1px solid var(--couleur17);
	font:var(--texte11);
	color:var(--couleur17);
	
	vertical-align:middle;
	
}

.details_produit .cadre_bon_fab .petit{
	
	width:60px;
	
}

.details_produit .cadre_bon_fab .grand{
	
	width:200px;
	
}

.details_produit .cadre_bon_fab .petit_texte{
	
	font:var(--texte11);
	
}

.details_produit .cadre_bon_fab .grand_texte{
	
	font:var(--texte22);
	
}

.details_produit .cadre_bon_fab .titre{
	
	font:var(--texte24);
	
}

.details_produit .cadre_bon_fab .total{
	
	font:var(--texte23);
	
}

.details_produit .cadre_bon_fab .consignes{
	
	font:var(--texte21);
	
}

.details_produit .cadre_bon_fab .ref_introuvable{
	
	font:var(--texte24);
	color:var(--couleur01);
	background-color:var(--couleur26);
	width:20px;
	height:20px;
	padding:2px;
	border-radius:10px;
	text-align:center;

}

.details_produit .croquis_cadre{
	
	display:block;
	padding:0px;
	border:1px solid var(--couleur17);
	border-radius:5px;
	font:var(--texte22);
	color:var(--couleur17);
	text-align:center;
	margin-bottom:10px;
    margin-left: 10px;
    margin-right: 10px;
	background:var(--couleur11);
	overflow-x: auto;
	overflow-y: hidden;
	
}

.details_produit .croquis_cadre::-webkit-scrollbar{

	height:10px;
	background-color:var(--couleur11);

}

.details_produit .croquis_cadre::-webkit-scrollbar-thumb{
	
	background-color:var(--couleur16);

}

.details_produit .croquis_cadre::-webkit-scrollbar-track{

	background-color:transparent;

}

.details_produit .croquis{

	margin-top:0px;
	filter: drop-shadow(0px 0px 0px var(--couleur15))

}

.fiche_produit {
	
	display: flex;
    flex-direction: column;
    background-color: var(--couleur01);
    box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    padding: 5px;
    margin: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
	
}

.fiche_produit .cadre_produit {

	display: flex;
    flex-direction: row;

}

.fiche_produit .cadre_caracteristiques {

	width: 260px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
	
}

.fiche_produit .cadre_informations {
	
    display: flex;
    flex-direction: column;
    padding-left: 10px;
	width:100%;
	padding-bottom:30px;
	
}

.fiche_produit .photo {

    border-radius: 10px;
	width:240px;
	height:100%;
	border:1px solid var(--couleur13);
	margin:5px;
	
}

.fiche_produit .reference {

	font: var(--texte12);
	color: var(--couleur17);
	text-align: left;
	
	padding: 5px;
	padding-bottom:20px;
	padding-top:10px;
	
}

.fiche_produit .nom {

	font: var(--texte23);
	color: var(--couleur17);
	text-align: left;
	
	padding: 5px;
	padding-bottom:20px;
	
}

.fiche_produit .titre_substitution {

	font: var(--texte11);
	color: var(--couleur15);
	text-align: left;
	
	padding: 5px;
	
}

.fiche_produit .cadre_substitution {

	border:1px solid var(--couleur13);
	background-color:var(--couleur13);
	border-radius:5px;
	
	padding: 5px;
	margin-bottom: 20px;
	
}

.fiche_produit .reference_substitution {

	font: var(--texte11);
	color: var(--couleur15);
	text-align: left;
	
	padding-bottom: 5px;
	
}

.fiche_produit .nom_substitution {

	font: var(--texte12);
	color: var(--couleur15);
	text-align: left;
	
}

.fiche_produit .descriptif {

	
	font: var(--texte12);
	color: var(--couleur17);
	text-align: left;
	
	line-height:20px;
	letter-spacing:0.5px;
	
	padding: 5px;
	padding-bottom:20px;
	
}

.fiche_produit .cadre_statut {

	display: flex;
    padding-bottom: 20px;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
	
}

.fiche_produit .promo {

    display: flex;
    width:100%;
    left: 0;
    right: 0;
    height: 30px;
    font: var(--texte23);
    color: var(--couleur01);
    background-color: var(--couleur66);
    text-align: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    padding: 5px;
    justify-content: center;
    -webkit-animation: clignotement 0.8s infinite;
    animation: clignotement 0.8s infinite;

}

.fiche_produit .promo svg {

	margin-right:10px;

}

.fiche_produit .en_stock {

	display:inline-flex;

	font: var(--texte21);
	color: var(--couleur01);
	background-color: var(--couleur35);
	text-align: center;
	align-items: center;
	justify-content: center;
	
	border-radius:5px;
	
	padding: 5px;
	
	width:60px;
	
}

.fiche_produit .rupture {

	display:inline-flex;

	font: var(--texte21);
	color: var(--couleur01);
	background-color: var(--couleur45);
	text-align: center;
	align-items: center;
	justify-content: center;
	
	border-radius:5px;
	
	padding: 5px;
	
	width:60px;
	
}

.fiche_produit .cadre_prix {

	display:flex;
	flex-direction: column;
    align-items: flex-end;
	width: 205px;
	
}

.fiche_produit .prix {

	font: var(--texte25);
	color: var(--couleur35);
	align-items: center;
	
	padding: 5px;
	
}

.fiche_produit .prix_promo {

	font: var(--texte25);
	color: var(--couleur35);
	align-items: center;
	
	border-radius:5px;
	
	padding: 5px;
	padding-top: 0px;
	
}

.fiche_produit .prix_raye {

	font: var(--texte22);
	color: var(--couleur25);
	
	text-decoration: line-through;
	align-items: center;
	
	padding: 5px;
	padding-bottom: 0px;
	
}

.fiche_produit .reserve {

	font: var(--texte24);
	color: var(--couleur25);
	text-align: center;
	align-items: center;
	
	padding: 5px;
	
}

.fiche_produit .formulaire {

	display: flex;
    font: var(--texte24);
    color: var(--couleur35);
    text-align: right;
    padding: 0px;
    padding-bottom: 20px;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
	
}

.fiche_produit .quantite {

	font:var(--texte22);
	color:var(--couleur17);
	text-align: left;
	
}

.fiche_produit .ajouter_au_panier .quantite .titre {

	font:var(--texte22);
	color:var(--couleur17);
	text-align: center;
	padding-right: 5px;
	
}

.fiche_produit .formulaire .titre {

	width:264px;
	font:var(--texte22);
	color:var(--couleur17);
	text-align: left;
	
}

.fiche_produit .formulaire .number_input, .fiche_produit .formulaire .text_input
{

	display:flex;
	
	width:264px;
	
	padding:10px;
	padding-right:5px;
	margin:0px;
	margin-top:5px;

	font:var(--texte24);
	background-color:var(--couleur13);
	color:var(--couleur17);
	text-decoration:none;
	
	border:0px;

	transition:all 0.5s;
	
}

.fiche_produit .ajouter_au_panier {

	display: flex;
    font: var(--texte24);
    color: var(--couleur35);
    text-align: right;
    padding: 0px;
    justify-content: flex-end;
	
}

.fiche_produit .ajouter_au_panier .number_input, .fiche_produit .ajouter_au_panier .text_input
{

	display:flex;
	
	padding:20px;
	padding-right:5px;
	margin:0px;

	font:var(--texte24);
	background-color:var(--couleur13);
	color:var(--couleur17);
	text-decoration:none;
	
	border:0px;

	transition:all 0.5s;
	
}

.fiche_produit .ajouter_au_panier .quantite_ajouter_au_panier {

	
	width:60px;
	height:42px;
	border-radius:10px;
	margin-right:5px;
	
	
}

.fiche_produit .cadre_configurer {
	
	display: flex;
    justify-content: flex-start;
	
}

.fiche_produit .bouton_configurer {
	
	width:200px;
	margin:0px;
	background-color: var(--couleur36);
	
}

.fiche_produit .bouton_configurer:hover {
	
	background-color: var(--couleur17);
	
}

@keyframes clignotement {
	
	0% {
			background-color:var(--couleur66);
	}
	50% {
			background-color:var(--couleur63);
	}
	100% {
			background-color:var(--couleur66);
	}
}

/* @media screen and (max-width: 1400px) { */
	
	/* .fiche_produit { */
		
		/* border-radius:0; */
		
	/* } */
	
/* } */

@media screen and (max-width: 3000px) {
	
	.double_affichage {
		
		display:block;

	}
	
	.details_produit {
		
        width: 100%;
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 0px;
        /* height: 100%; */
		
	}
	
}

@media screen and (max-width: 1100px) {
	
	.corps_recherche .table .tr .th {
		
		text-align:center;
		
	}
	
}

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

	.popup_contenu .cadre_configurateur{

		width:580px;

	}
	
	.configurateur .bouton_selection
	{
		
		width:530px;
		
	}
	
	.configurateur .onglets {
		
		width:570px;
		flex-wrap: wrap;
	
	}	
	
	.configurateur .reperes {
		
		width:570px;
	
	}
	
	.configurateur .onglets h2 {
		
		font: var(--texte22);
		border-radius:10px;
	
	}		
	
	.configurateur .derouleur_visible {
		
		/* margin-top:20px; */
		border-radius:0 0 10px 10px;
	
	}		
	
	.configurateur .description, .configurateur .number_description, .configurateur .text_description, .configurateur .text_description_error
	{
	
		width:530px;
	
	}
	
	.configurateur .description_selection
	{
	
		width:530px;
	
	}
	
	.configurateur .description_error
	{
	
		width:530px;
	
	}
	
	.configurateur .derouleur_visible , .configurateur .derouleur_invisible, .configurateur .derouleur_fixe
	{

		width: 570px;
		padding-left:10px;
		padding-right:10px;
		
	}

	.popup_contenu .configurateur .selection_titre
	{
		
		width: 540px;
		margin-left:10px;
		margin-right:10px;
		
	}

	.popup_contenu ..configurateur .derouleur_visible, .popup_contenu .configurateur .derouleur_fixe, .popup_contenu .configurateur .derouleur_invisible
	{
		
		padding-left:0px;
		padding-right:0px;
		
	}	

	.details_produit {
		
		width: 100%;
		max-width:570px;
		margin-left:auto;
		margin-right:auto;
		
	}
	
}

@media screen and (max-width: 800px) {
	
	.fiche_produit{
		
		flex-direction:column;
		
	}
	
	.fiche_produit .cadre_produit{
		
		flex-direction:column;
		
	}
	
	.fiche_produit .cadre_caracteristiques {

		width: auto;
		
	}

	.fiche_produit .reference {

		margin-right:10px;
		padding-top:20px;
		
	}

	.fiche_produit .nom {

		margin-right:10px;
		
	}

	.fiche_produit .descriptif {

		margin-right:10px;
		
	}
	
}
	
@media screen and (max-width: 640px) {
	
	.configurateur .block,.configurateur .block_selection
	{
		
		margin:0px;
		margin-top:20px;
		width:-webkit-fill-available;
	
	}
	
	.popup_contenu .configurateur .defileur .block,.popup_contenu .configurateur .defileur .block_selection,.popup_contenu .configurateur  .defileur_selection .block,.popup_contenu .configurateur .defileur_selection .block_selection
	{
		
		margin: 10px;
		display: flex;
		align-content: stretch;
		justify-content: center;
		align-items: stretch;
		/* height: 100%; */
		flex-wrap: nowrap;
		flex-direction: column;
	
	}
	
	.configurateur .defileur, .configurateur .defileur_selection
	{
		
		width:-webkit-fill-available;
		
	}
	
	.configurateur .description, .configurateur .number_description, .configurateur .text_description,
	.configurateur .description_selection, .configurateur .number_description_selection, .configurateur .text_description_selection,
	.configurateur .description_error, .configurateur .number_description_error, .configurateur .text_description_error,
	.configurateur .guide_selection, .configurateur .guide
	{
		
		width:auto;
		
	}
	
	.configurateur .bouton_selection
	{
		
		width:-webkit-fill-available;
		margin-left:0px;
		margin-right:0px;
		
	}
	
	.configurateur .description, .configurateur .number_description, .configurateur .text_description, .configurateur .text_description_error
	{
		
		width:-webkit-fill-available;
		
	}
	
	.configurateur h2
	{
		
		width:-webkit-fill-available;
		
	}
	
	.configurateur .derouleur_visible, .configurateur .derouleur_invisible, .configurateur .derouleur_fixe
	{

		width: -webkit-fill-available;
		
	}

	.popup_contenu .configurateur .selection_titre
	{
		
		width:-webkit-fill-available;
		
	}

	.popup_contenu .configurateur .description
	{
		flex-direction: column;
		
	}

	.popup_contenu .configurateur .description_error
	{
		flex-direction: column;
		
	}

	.popup_contenu .configurateur .number_description_error, .configurateur .text_description_error
	{
		
		 flex-direction: column;
	}

	.popup_contenu .configurateur .radio_titre
	{
		
		font:var(--texte23);
		
	}

	.popup_contenu .configurateur .description_selection
	{
		
		flex-direction: column;
		
	}
	
	.popup_contenu .configurateur .radio_label img, .configurateur .number_label img, .configurateur .text_label img
	{
		
		width:100%;
		
	}

	.popup_contenu .configurateur .guide
	{
		
		font:var(--texte12);
		
	}

	.popup_contenu .configurateur .guide_selection
	{

		font:var(--texte12);
		
	}

	.popup_contenu .configurateur
	{

		padding:0px;
		
	}

	.details_produit {       

		max-width: 100%;
        border-radius: 0px;
		
	}
	
	.configurateur .onglets {
		
        width:100%;
	
	}	
	
	.configurateur .onglets h2 {
		
		width:auto;
	
	}	
	
	.configurateur .reperes {
		
		width:100%;
	
	}	
	
	/* .details_produit .panier { */
		
		/* width:100%; */
	
	/* }	 */
	
}








































.configurateur .bouton_selection_valeur .img img, .configurateur .bouton_selection_valeur_error .img img {
    height: 80px;
    border: 1px solid var(--couleur01);
}

.configurateur .bouton_selection_titre {
    display: flex;
    width: 100%;
    background: var(--couleur44);
}
.configurateur .bouton_selection_valeur .description_bouton .titre {
    display: flex;
    font: var(--texte22);
    color: var(--couleur02);
    flex-direction: column;
}

.configurateur .bouton_selection_valeur {
    background: var(--couleur42);
}
	
.configurateur .bouton_selection:hover .bouton_selection_valeur
{
	
	background:var(--couleur45);
	
}
	
.configurateur .bouton_selection_titre
{
	
	color:var(--couleur01);
	
}
	
.configurateur .bouton_selection:hover .bouton_selection_titre
{
	
	background:var(--couleur47);
	
}
.configurateur .description_bouton {
    min-height: 80px;
    width: 100%;
}
	
.configurateur .number_input, .configurateur .text_input {
    padding: 10px;
	width:200px;
}

.configurateur .radio_label img {
    width: 120px;
    border: 1px solid var(--couleur01);
}

@media screen and (min-width: 900px) {
	
.configurateur .number_description_error, .configurateur .text_description_error {
    display: flex;
    width: 100%;
    align-items: stretch;
}
	
.configurateur .block, .configurateur .block_selection {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 10px;
    vertical-align: top;
    cursor: pointer;
    width: -webkit-fill-available;
}

.configurateur .derouleur_visible, .configurateur .derouleur_fixe {
    width: 880px;
    display: flex;
    border-radius: 0 0 10px 10px;
    background-color: var(--couleur11);
    border: 1px solid var(--couleur14);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}

.configurateur .defileur, .configurateur .defileur_selection {
    position: relative;
    display: inline-flex
;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-end;
    width: -webkit-fill-available;
}

.configurateur .bouton_selection {
    width: 100%;
}

.configurateur .bouton_selection_valeur .img img, .configurateur .bouton_selection_valeur_error .img img {
    height: 50px;
    border: 1px solid var(--couleur01);
}

.configurateur .description_bouton {
    min-height: 0px;
    width: 100%;
}
.configurateur .bouton_selection_titre {
    display: flex;
    width: 100%;
    background: var(--couleur44);
}

.configurateur .number_description, .configurateur .text_description {
    display: flex;
    width: 100%;
    align-items: center;
}

.configurateur .radio_label, .configurateur .number_label, .configurateur .text_label {
	display: flex;
    padding: 5px;
    font: var(--texte23);
    cursor: pointer;
    align-items: center;
    background-color: var(--couleur13);
    color: var(--couleur15);
	max-width: 250px;
}

.configurateur .radio_label div, .configurateur .number_label div, .configurateur .text_label div {
    width: 250px;
}

.configurateur .radio_label div, .configurateur .number_label div, .configurateur .text_label div {
	height: 30px;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	text-align: left;
}
	
.configurateur .bouton_selection_valeur {
    background: var(--couleur42);
}
	
.configurateur .bouton_selection:hover .bouton_selection_valeur
{
	
	background:var(--couleur45);
	
}
	
.configurateur .bouton_selection_titre
{
	
	color:var(--couleur01);
	
}
	
.configurateur .bouton_selection:hover .bouton_selection_titre
{
	
	background:var(--couleur47);
	
}



.configurateur .bouton_selection_valeur .description_bouton .titre {
    display: flex;
    font: var(--texte22);
    color: var(--couleur02);
    flex-direction: column;
}
	
.configurateur .number_input, .configurateur .text_input {
    padding: 10px;
	width:200px;
}

.configurateur .radio_label img {
    width: 140px;
    border: 1px solid var(--couleur01);
}
	

}


/* ===== PAGE PRODUIT COMPLET ===== */
.produit-complet {
  --radius: 16px;
  --shadow: 0 6px 18px rgba(0,0,0,.06);
  max-width: 1400px;
  margin: 0 auto;
  font-family: var(--font, sans-serif);
}

/* HERO */
.produit-complet .produit-complet-hero {
    background: linear-gradient(135deg, var(--couleur15),
	color-mix(in oklab, var(--couleur18), #fff 20%));
    color: #fff;
    border-radius: var(--radius);
	border:1px solid var(--couleur18);
    padding: 20px 20px;
    box-shadow: var(--shadow);
    width: -webkit-fill-available;
}

.produit-complet .hero-inner {
	display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: flex-start;
    width: -webkit-fill-available;
    justify-content: space-between;
}
@media (max-width: 900px) {
  .produit-complet .hero-inner { grid-template-columns: 1fr; text-align: center; }
  .produit-complet .hero-image { order: -1; }
}

.produit-complet .hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.produit-complet .hero-title {
	display: flex;
    /* font: 200 clamp(1.2rem, 4vw, 2.6rem) / 1.1 var(--font, sans-serif); */
    margin: 0 0 12px;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.produit-complet .hero-title span {
	display:block;
  background: #fff;
  color: var(--couleur66);
  padding: 0 6px;
  border-radius: 6px;
    /* font: 200 clamp(1.8rem, 4vw, 2.6rem) / 1.1 var(--font, sans-serif); */
}
.produit-complet .hero-subtitle {
  font-size: 1.05rem;
  max-width: 600px;
  margin: 0 auto 20px 0;
}
@media (max-width: 900px) {
  .produit-complet .hero-subtitle { margin: 0 auto 20px; }
}

.produit-complet .hero-actions {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}
@media (max-width: 900px) {
  .produit-complet .hero-actions { justify-content: center; }
}

.produit-complet .hero-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.produit-complet .hero-badges li {
  background: rgba(255,255,255,.9);
  color: #111;
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 600;
}

.produit-complet .hero-image img {
  width: 100%;
  max-width: 450px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
}


/* SECTIONS */
.produit-complet .produit-complet-section {
  margin-top: 32px;
  background: #fff;
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
}
.produit-complet .produit-complet-section h2 {
  font: 800 1.3rem/1.2 var(--font, sans-serif);
  margin: 0 0 16px;
  position: relative;
}
.produit-complet .produit-complet-section h2::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  border-radius: 3px;
  background: var(--couleur66);
  margin-top: 6px;
}

/* POINTS FORTS */
.produit-complet .points-forts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.produit-complet .points-forts li::before {
  content: "✔";
  margin-right: 8px;
  color: var(--couleur66);
  font-weight: bold;
}

/* OPTIONS */
.produit-complet .options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 800px) {
  .produit-complet .options-grid { grid-template-columns: 1fr; }
}
.produit-complet .options-action { margin-top: 16px; }

/* VIDEO */
.produit-complet .video-wrapper {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--radius);
  overflow: hidden;
}
.produit-complet .video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.produit-complet .hint {
  margin-top: 10px;
  font-size: 0.95rem;
  opacity: 0.8;
}

/* SPECS */
.produit-complet .specs-list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: grid;
  gap: 10px;
}
.produit-complet .specs-list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: var(--couleur12);
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 10px;
  padding: 12px 14px;
}
.produit-complet .spec-label { font-weight: 700; }
.produit-complet .spec-value {
  color: #333;
  text-align: right;
  max-width: 65%;
}

/* CONTACT */
.produit-complet .contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}

/* BUTTONS */
.produit-complet .btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s;
}
.produit-complet .btn-primary {
	background: var(--couleur66);
    color: #fff;
}
.produit-complet .btn-primary:hover { filter: brightness(0.95); }
.produit-complet .btn-secondary {
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
  color: #111;
}
.produit-complet .btn-secondary:hover { background: var(--couleur12); }
.produit-complet .btn-outline {
  border: 1px solid var(--couleur66);
  color: var(--couleur66);
  background: #fff;
}
.produit-complet .btn-outline:hover {
  background: var(--couleur66);
  color: #fff;
}
.produit-complet .btn-block { display: block; text-align: center; width: 100%; }

.produit-complet .produit-avis {
  margin-top: 40px;
  padding: 20px;
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
}

.produit-complet .produit-avis h3 {
  font-size: 1.3rem;
  margin-bottom: 15px;
  color: #222;
  font-weight: 600;
}