#displayNone > *:not(.snp-actions), .displayNone > *:not(.snp-actions) { 
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
* { 
box-sizing: border-box;
}
*::selection { 
color: var(--blanc);
background-color: var(--violetFonce);
}
.copyright, #sellandpepper_keeper { 
display: none;
}
.swiper-button-next, .swiper-button-prev { 
color: var(--blanc)!important;
}
.swiper-pagination-bullet-active { 
background-color: var(--blanc)!important;
}
:root { 
--vert: #A9B65F;
--violet-fonce: #6d2064;
--violet-clair: #b5418e;
--vert-clair: #C5D659;
--rouge: #C21010;
--rougeCompteClient: #fc5f5f;
--rouge-automne: #b52407;
--rouge-promo: #ff3017;
--gris-clair: #F3F3F4;
--gris-moyen: #E0E0E0;
--gris-moins-clair: #e6e6e6;
--gris-bloc: #98988B;
--gris: #222/*555*/;
--gris-nav: #333;
--gris-place-holder: #666;
--gris-titre: #222;
--blanc: #ffffff;
--noir: #000000;
--noir-transparent: rgba(0,0,0, .6);
--gris-transparent: rgba(152, 152, 152, 0.9);
--creme : #F1F1EE;
--gris-bordure: #d3d3d3;
--fond-filtres: #77776F;
--blanc-casse: #FCFCFC;
--box-shadow: 0 0.2rem 0.4rem 0 rgba(50, 50, 51, 0.3);
--box-shadow-coller-haut: 0 0.4rem 0.4rem 0 rgba(50, 50, 51, 0.3);
--gris-recap: #C4C4BA;
--gris999: #888888;
--gris444: #333;
}
:root { 
--violetFonce: #6d2064;
--violetClair: #b5418e;
--vertClair: #C5D659;
--grisClair: #F3F3F4;
--grisMoyen: #E0E0E0;
--grisMoinsClair: #e6e6e6;
--grisBloc: #98988B;
--grisNav: #333;
--grisPlaceHolder: #666;
--grisTitre: #222;
--noirTransparent: rgba(0,0,0, .6);
--grisTransparent: rgba(152, 152, 152, 0.9);
--grisBordure: #d3d3d3;
--fondFiltres: #77776F;
--blancCasse: #FCFCFC;
--boxShadow: 0 0.2rem 0.4rem 0 rgba(50, 50, 51, 0.3);
--boxShadowCollerHaut: 0 0.4rem 0.4rem 0 rgba(50, 50, 51, 0.3);
--grisRecap: #C4C4BA;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/dd2798c2-c679-4d6d-8ae2-ed951ef3375c/optimisation-202401/fonts/Mulish-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/dd2798c2-c679-4d6d-8ae2-ed951ef3375c/optimisation-202401/fonts/Mulish-Regular.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/dd2798c2-c679-4d6d-8ae2-ed951ef3375c/optimisation-202401/fonts/Mulish-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/dd2798c2-c679-4d6d-8ae2-ed951ef3375c/optimisation-202401/fonts/Mulish-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/dd2798c2-c679-4d6d-8ae2-ed951ef3375c/optimisation-202401/fonts/Mulish-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
}
body { 
font-family: 'Mulish', sans-serif;
font-size: 16px;
background-color: #ffffff;
margin: 0;
padding: 0;
color: var(--gris);
scroll-behavior: smooth;
}
html { 
scroll-behavior: smooth;
scroll-padding-top: 13rem;
}
span[class*="obf"] { 
cursor: pointer;
}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="search"] { 
-webkit-appearance: none;
border-radius: 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-occultants-ignifuges {
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-chambre,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-cuisine, 
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-salon,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideaux-baie-vitree, 
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-chambre,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-occultants, 
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-veranda, 
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.store-cuisine,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-baie-vitree ,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-jour-nuit,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-veranda {
  display: none;
}

div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-veranda {
display: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif p.alerte-expedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity label.champObligatoire, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.ecotaxes span.taxe span.title, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity span.quantity-button button span{
   display: none;
}
div#zoneHaut div.IndeXysPortletEnTete > div.contenuPortlet > div.IndeXysPortletEnTete > p {
display: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter{
   display: flex;
   flex-direction: column;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.unitPrice, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.devise, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.unit{
   font-weight: 700;
   font-size: 1.2rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.amount:before{
   content: 'Prix unitaire : ';
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.amount span.devise:after{
   content: ' HT ';
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter button.ajouter{
   display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
    background-color: var(--violetFonce);
    border: none;
    text-transform: uppercase;
    color: var(--blanc);
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 1rem;
    max-width: 300px;
    margin: 0 auto;
    background-image: url(../images/picto_panierBlanc.svg);
    background-repeat: no-repeat;
    background-position: 2rem center;
    background-size: auto 60%;
    padding-left: 1.5rem;
    cursor: pointer;
    text-decoration: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity input.quantite{
    appearance: none;
    border: none;
    font-size: 3rem;
    color: var(--violetFonce);
    width: 7rem;
    text-align: center;
    padding: 0 0.5rem;
    background-color: var(--grisClair);
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity:before{
    content: "";
    width: 30%;
    border-bottom: 1px solid var(--gris);
    position: absolute;
    top: 0;
    left: 35%;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter > span.prix{
    margin: 0 0 1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total{
    margin: 1rem 0 0;
    padding: 0 0 1rem;
    text-align: center;
    position: relative;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.montant{
    color: var(--blanc);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 0 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 700;
    background-color: var(--fondFiltres);
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.montant span.taxes{
    padding: 0 0.75rem 0 0.25ch;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.ecotaxes{
    display: flex;
    justify-content: center;
    padding: 1rem 0rem 0.1rem;
    gap: 0.5rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total:after{
    content: "";
    width: 60%;
    border-bottom: 1px solid var(--gris);
    position: absolute;
    bottom: 0;
    left: 20%;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter button.ajouter span:after{
   content: " AU PANIER";
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity span.dec.quantity-button button{
    padding: 0;
    background: var(--blanc);
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--gris);
    border-radius: 100%;
    background-image: url(../images/minus-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}

div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity span.inc.quantity-button button{
    padding: 0;
    background: var(--blanc);
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--gris);
    border-radius: 100%;
    background-image: url(../images/plus-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.delai-expedition{
    padding: 1.1rem 0.1rem;
}

div[class*="tringle"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur div.coloris div.echantillons-coloris, div[class*="alliance"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur div.coloris div.echantillons-coloris {
display: none;
}

body.caracteristiques-techniques-panneaux-acoustiques-suspendus div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.listePublicationLiee span.empty {
display: none;
}

#conteneur:has(#main-nav > div > div > nav > ul > li.coussins-et-banquettes-ignifuges:hover) #zoneGauche #grey {
  display: none !important;
}body.test-aide-en-ligne div#fancybox-content div#root { 
/*width: 100%;
height: 100%;*/
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix { 
margin: 1rem;
padding: 1rem;
border: 1px solid #666666;
position: relative;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix * { 
box-sizing: border-box;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique { 
margin: 2rem auto 1rem;
padding: 0 1rem;
width: 40%;
text-align: center;
border-top: 1px solid;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique > span { 
display: flex;
transform: translate(0, -50%);
justify-content: space-between;
align-items: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span a { 
padding: 15px;
background-image: url("../images/aideAuChoix-check.png");
background-size: 100%;
font-size: 0;
text-decoration: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span.question { 
padding: 15px;
background-image: url("../images/aideAuChoix-notCheck.png");
background-size: 100%;
font-size: 0;
text-decoration: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span.separator { 
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span.votreSelection { 
padding: 0 1rem;
background-color: #fff;
text-decoration: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation { 
width: 90%;
margin: 2rem auto;
text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation a { 
text-decoration: none;
color: #515151;
display: inline-block;
padding: .25rem .5rem;
font-size: 1.25rem;
background-color: #ebf1ef;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation a:hover { 
text-decoration: underline;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.presentation-aide-au-choix { 
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question { 
width: 90%;
margin: auto;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question { 
margin: 2rem 1rem;
display: flex;
justify-content: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix { 
display: flex;
flex-direction: column;
align-items: center;
width: 120px;
margin-left: 3rem;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix a { 
text-decoration: none;
color: #515151;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix a:hover { 
text-decoration: underline;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix { 
/*min-height: 100px;*/
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix img { 
width: 100px !important;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.presentation-choix { 
min-height: 3rem;
margin-top: .5rem;
padding: 0 .5rem;
text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.titre-choix { 
display: none;
margin-top: .5rem;
text-align: center;
text-transform: uppercase;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix:first-child { 
margin-left: 0;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-question { 
margin-bottom: 2rem;
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses { 
margin-bottom: 1rem;
width: 50%;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement { 
display: flex;
align-items: center;
margin-bottom: .25rem;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement a { 
text-decoration: none;
color: #515151;
display: inline-block;
padding: .25rem .5rem;
font-size: 1rem;
background-color: #ebf1ef;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement a:hover { 
text-decoration: underline;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.question { 
flex: 0 0 220px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.separator { 
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value { 
flex-grow: 1;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value span.title { 
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits { 
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem;
width: calc(100% + 1rem);
max-height: 350px;
overflow: auto;
padding-right: .5rem;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste { 
margin: 0; padding: 0;
display: flex;
flex-direction: column;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a { 
text-decoration: none;
color: #666666;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.image { 
text-align: center; position: relative; top: 0px; left: 0px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.image img { 
width: 100% !important;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.titre { 
text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.titre span { 
text-align: center;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus { 
margin-top: 10px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus a { 
display: block; margin-left: 0; margin-right: 0; padding: 0px; position: relative; top: 0px; left: 0px;
background-color: #369850; background-image: url(../images/22-06-SR-CTA-transparent.png); background-position: top left; background-repeat: no-repeat; text-decoration: none; color: #ffffff; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 50px; height: 50px; font-size: 14px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus a span { 
display: block; margin: 0px; padding: 0px; padding-left: 40px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif { 
display: none; margin-top: 10px; margin-left: 0; margin-right: 0; border: 1px solid #666666; background: #f3f2ef; position: relative; top: 0px; left: 0px;width: initial; min-height: 2rem;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p { 
margin: 5px; color: #666666;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.apartirde { 
font-weight: normal; display: block; position: absolute; top: 10px; left: 10px; font-size: 11px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.montant { 
font-weight: bold; display: block; font-size: 28px; padding: 10px; padding-top: 0; padding-bottom: 0; text-align: right;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.montant span.devise { 
font-size: 12px; position: relative; top: -12px; left: 0px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte { 
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte div.texte-affichage { 
margin-bottom: 2px; margin-left: 10px; margin-right: 10px; height: 60px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte p { 
margin: 5px; margin-bottom: 0px; font-size: 11px; color: #000000; text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte ul { 
margin: 0px; margin-top: 10px; list-style-type: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte ul li { 
margin-top: 2px; background: none; padding-left: 5px; font-size: 11px; color: #000000;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste:hover a { 
text-decoration: underline;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste:hover div.enSavoirPlus a { 
text-decoration: underline;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-question { 
margin-bottom: 1rem;
text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-question > span { 
font-size: 2rem;
font-weight: bold;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-resultat { 
margin-bottom: .75rem;
text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-resultat span { 
font-size: 1.75rem;
font-weight: bold;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-selection { 
margin-bottom: 1rem;
text-align: center;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-selection span { 
font-size: 2rem;
font-weight: bold;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.titre-aide-au-choix { 
position: absolute;
top: -1rem;
left: 1rem;
background-color: #fff;
display: inline-block;
padding: 0 1rem;
text-transform: uppercase;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix.question01 div.presentation-aide-au-choix { 
display: block;
width: 90%;
margin: 1rem auto;
}
body.test-aide-en-ligne div#fancybox-content div.loadingScreen { 
height: 50vh;
display: flex;
justify-content: center;
align-items: center;
}
body.test-aide-en-ligne div#fancybox-content div.loadingScreen span { 
translate: -50%;
}
body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie { 
width: 90% !important;
max-width: 1150px;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie #fancybox-content { 
width: 100% !important;
height: 100% !important;
border: none !important;
}
body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie #fancybox-content > div { 
/*width: 100% !important;
height: 100% !important;*/
}@media screen and (max-width: 1200px) {
body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie {
	width: 90% !important;
	max-height: 90vh !important;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.presentation-aide-au-choix{
width: inherit;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique {
width: 100%;
max-width: 500px;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question {
	width: 100%;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question {
	margin: 1rem 0;
	width: 100%;
	flex-wrap: wrap;
	overflow: scroll;
	height: 40vh;
	justify-content: space-around;
}
}


@media screen and (max-width: 992px) {
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix {
	margin-left: 0;
	margin-bottom: 1rem;
	width: 100px;
flex-basis: 25%;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses {
width: 100%;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits {
	grid-template-columns: repeat(3, 1fr);
}
}


@media screen and (max-width: 768px) {
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix {
flex-basis: 33%;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement {
	margin-bottom: 1rem;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits {
	grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width: 690px) {
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix img {
	width: 75px !important;
}
}


@media screen and (max-width: 576px) {
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.presentation-aide-au-choix {
display: none;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix {
flex-basis: 50%;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement {
	flex-wrap: wrap;
}
body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.question {
	flex: 0 0 100%;
}
}div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-next { 
display: block;
width: 2rem;
height: initial;
aspect-ratio: 1 / 1;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-next::after { 
content: '';
background-image: url(../images/circle-arrow-right-solid.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
display: block;
width: 100%;
aspect-ratio: 1 / 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-prev { 
display: block;
width: 2rem;
height: initial;
aspect-ratio: 1 / 1;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-prev::after { 
content: '';
background-image: url(../images/circle-arrow-left-solid.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
display: block;
width: 100%;
aspect-ratio: 1 / 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-group { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-horizontal { 
padding: .5rem;
padding-bottom: 1.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide { 
border: 3px solid var(--grisBordure);
display: flex;
flex-direction: column;
cursor: pointer;
height: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .avis-clients { 
margin: 0 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .avis-clients #ekomi-product-widget-identifier { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image .promotion { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image a::after { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image img { 
aspect-ratio: 600/394;
width: 100%;
margin: 0;
object-position: top;
object-fit: contain;
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image span:not(garantie, fabrication-francaise) { 
display: flex;
justify-content: center;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information { 
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .modeles { 
color: var(--violetFonce);
margin: 1rem 0 .5rem;
text-align: center;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif { 
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif p.tarif { 
margin: .5rem .25rem;
text-align: center;
font-size: .9rem;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif p.tarif span.montant { 
display: flex;
justify-content: center;
align-items: flex-start;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif p.tarif span.montant span.ttc { 
font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .texte { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre { 
flex-grow: 1;
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre h2 a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide h4 a { 
color: var(--gris) !important;
text-decoration: inherit;
text-transform: uppercase;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
text-shadow: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre h2, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide h4 { 
color: var(--gris);
cursor: pointer;
text-transform: uppercase;
margin: 0;
text-shadow: none;
font-weight: 500;
font-size: .7rem;
position: initial;
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order a { 
display: inline-flex;
color: var(--blanc);
background-color: var(--violet-fonce);
text-decoration: inherit;
text-transform: uppercase;
height: 30px;
justify-content: center;
align-items: center;
font-size: .6rem;
font-weight: 700;
padding: 0 .5rem;
transition: all 250ms ease 0s;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus a:hover, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order a:hover { 
background-color: var(--violet-clair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order { 
text-align: center;
margin: 0 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.image { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order { 
display: flex;
flex-grow: 1;
justify-content: center;
align-items: flex-end;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide:hover { 
border-color: var(--violetFonce);
scale: 1.02;
}
@media screen and (min-width: 992px) {
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre h2, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide h4 {
        font-size: 1rem;
    }

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order a {
	font-size: .8rem;
}

}body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.information.Produit.liste div.image div.promotion div.code-promo p:not(.tarif) {
    display: flex;
    margin: 0;
    background-color: var(--violetFonce);
    color: var(--blanc);
    padding: .5rem .25rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
body[class*="blog"] div#zoneCentre {
overflow: hidden;
}
body[class*="blog"] div#zoneCentre .sr-mondrian-MaillageProduit {
max-width: 90%;
margin: 0 auto;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.avis-clients a img, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.avis-clients span.obf img {
aspect-ratio: initial;
    object-position: initial;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste {
position: absolute;
color: var(--gris);
    cursor: pointer;
    text-transform: uppercase;
    bottom: -1rem;
    text-shadow: none;
    font-weight: 500;
    font-size: .7rem;
    transform: translateY(100%);
    top: initial;
    padding: 0 1rem;
    display: block;
    max-width: 1600px;
    margin: 1rem auto;
line-height: initial;
text-align: center;
width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste a {
    color: var(--gris) !important;
    text-decoration: inherit;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
body[class*="blog"] div#zoneBas { 
margin: 0 auto; padding: 0;
}
body[class*="blog"] div#zoneCentre { 
grid-column: 1/2;
grid-row: 1/3;
display: block; margin: 0; padding: 0; padding-left: 1rem;
border: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane { 
margin: 0;
padding: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane p { 
margin: 0; padding: 1rem 0; font-weight: normal; font-size: 12px; color: #333333;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane p a { 
color: #666666; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane p a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.IndeXysActualite.detail div.image { 
float: initial;
margin: 0;
padding: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail { 
margin: 0; padding: 1rem 0; background-color: white;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.image img { 
max-width: 100%; width: 100%; height: auto;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire { 
margin: 0; margin-top: 60px; padding-top: 36px; border: 0; border-top: 1px solid #999999;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste div.image img { 
max-width: 100%;
aspect-ratio: 700/384;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste div.listeCategorie { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste div.texte h2 { 
margin: 0; margin-top: 10px; margin-bottom: 10px; padding: 0; font-weight: weight; color: #333333; font-size: 14px; text-align: center; line-height: 18px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste div.texte h2 a { 
color: #333333; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste div.texte p { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste p.date { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste p.enSavoirPlus { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.information.liste:first-of-type { 
margin-left: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.listeActualites { 
margin-top: 1rem;
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire h4 span { 
font-size: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire h4 span::after { 
content: "Vous aimerez aussi..."; margin: 0; margin-top: 20px; padding: 0; font-weight: weight; color: #333333; font-size: 18px; text-align: left;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeCategorie { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeCategorie a { 
margin: 0; margin-right: 10px; color: #333333; text-decoration: none; visibility: hidden;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeCategorie a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share { 
margin: 0; padding: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share a span { 
display: inline-block; margin: 0; padding: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share a, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share span[class*="obf"] { 
display: inline-block; margin: 0; padding: 0; padding-left: 3rem; padding-right: 2rem; text-decoration: none; color: var(--violetFonce); line-height: 50px; cursor: pointer;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share a.facebook, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share span[class*="obf"].facebook { 
background: url(../images/facebook.svg) center left no-repeat;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share a.pinterest, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share span[class*="obf"].pinterest { 
background: url(../images/pinterest.svg) center left no-repeat;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share a.twitter, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share span[class*="obf"].twitter { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share a:hover, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.share share span.obf:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte { 
margin: 0; padding: 0;
padding-top: 1.25rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte > p:first-of-type::first-letter { 
/*font-size: 3rem;
float: left;
line-height: 2.25rem;*/
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte a, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte span.obf { 
color: var(--violetFonce);
text-decoration: inherit;
cursor: pointer;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte a:hover, body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte span.obf:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens { 
padding-bottom: 2px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens h2 { 
margin: 0; padding: 10px; background-color: #bccf18; color: #000000; text-align: center; text-transform: uppercase;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens h3 { 
margin: 0; margin-top: 30px; padding: 10px; background-color: #797979; text-align: center; text-transform: uppercase; font-size: 16px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens h3 a { 
color: #ffffff; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens h3 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens table { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: calc(100% - 4px); border-collapse: collapse; background-color: #ffffff;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens table tr td { 
padding-bottom: 5px; font-size: 14px; text-align: center; font-weight: bold;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens table tr td a { 
display: block; margin: 0; padding: 0; text-align: center; color: #000000; text-decoration: none; background-color: #ffffff;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens table tr td a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens table tr td img { 
max-width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.liens table tr td img { 
margin-top: 5px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.table-responsive div.iframe div.video-responsive { 
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.table-responsive div.iframe div.video-responsive iframe { 
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte h2 { 
margin: 0; margin-top: 15px; margin-bottom: 15px; padding: 0; color: var(--noir); font-size: 20px; line-height: 27px; text-transform: uppercase;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte h3 { 
margin: 0; margin-top: 20px; margin-bottom: 10px; padding: 0; font-weight: bold; color: #333333; font-size: 14px; line-height: 21px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte p:not(.tarif) { 
margin: 0; margin-bottom: 1rem; padding: 0; color: var(--noir); font-size: 1rem; line-height: 20px; text-align: justify;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte p em { 
font-style: italic;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte p img { 
margin-top: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte ul { 
margin: 5px 0; padding: 0; padding-left: 20px; color: var(--gris); font-size: 1rem; list-style: initial;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte ul li { 
margin: 0; margin-top: 5px; padding: 0; color: var(--noir); font-size: 1rem; line-height: 20px; background: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.titre { 
margin: 0; padding: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.titre h1 { 
margin: 0; margin-bottom: 1rem; padding: 0; font-weight: bold; color: var(--noir); font-size: 28px; line-height: 36px; text-transform: initial; text-align: left;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail p.date { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication h1 { 
color: var(--noir);
padding: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste { 
margin: 0; border: 1px solid #cccccc; padding: 0; background-color: #fff; position: relative; width: 100%;
box-shadow: var(--boxShadow);
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.image { 
margin: 0; padding: 0; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.image a:hover img { 
border: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.image img { 
width: 100%;
border: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.infos { 
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: .5rem 1rem;
padding-top: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.infos div.listeCategorie { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
line-height: 20px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.infos div.listeCategorie a { 
color: var(--noir); margin: 0; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.infos div.listeCategorie a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.infos p.date { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
color: var(--noir);
width: initial;
display: flex;
align-items: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.infos p.date::before { 
content: "";
width: 1.5ch;
background-position: center;
background-image: url(../images/f111.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
font-weight: 900;
font-size: .25rem;
margin: 0 .25rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.texte { 
margin: 0; padding: 1rem; padding-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.texte h2 { 
margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; color: #333333; font-size: 18px; line-height: 20px; width: 100%; width: 100%; text-transform: initial; text-align: left;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.texte h2 a { 
color: var(--noir); text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.texte h2 a span { 
margin: 0;
padding: 0;
position: initial;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste div.texte p { 
margin: 0; margin-top: 5px; padding: 0; color: var(--noir); font-size: 14px; line-height: 20px; text-align: justify; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste p.enSavoirPlus { 
margin: 0; margin-left: auto; padding: 0; text-align: right;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a { 
color: #797979; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a span { 
font-size: 0px; color: #ffffff;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +"; font-size: 12px; color: #797979;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee  div.information.liste:first-of-type { 
grid-column: 1/3;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p.rubrique { 
margin-top: 15px;
font-size: 1rem;
color: #666;
text-align: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p.rubrique a { 
color: var(--noir);
text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p.rubrique a:hover { 
text-decoration : underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.titreRubrique { 
display: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { 
padding: 0;
position: initial;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee { 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
padding-top: 1rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste { 
margin: 0; border: 1px solid #cccccc; padding: 0; background-color: #fff; position: relative; box-shadow: var(--boxShadow)
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.image { 
margin: 0; padding: 0; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.image img { 
width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.infos { 
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: .5rem 1rem;
padding-top: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.infos div.listeCategorie { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
line-height: 20px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.infos div.listeCategorie a { 
color: var(--noir); margin: 0; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.infos div.listeCategorie a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.infos p.date { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
color: var(--noir);
width: initial;
display: flex;
align-items: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.infos p.date::before { 
content: "";
width: 1.5ch;
background-position: center;
background-image: url(../images/f111.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
font-weight: 900;
font-size: .25rem;
margin: 0 0.25rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.texte { 
margin: 0; padding: 1rem; padding-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.texte h2 { 
margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; color: var(--noir); font-size: 18px; line-height: 20px; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.texte h2 a { 
color: var(--noir); text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste div.texte p { 
margin: 0; margin-top: 5px; padding: 0; color: var(--noir); font-size: 14px; line-height: 20px; text-align: justify; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste p.enSavoirPlus { 
margin: 0; margin-left: auto; padding: 0; text-align: right;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste p.enSavoirPlus a { 
color: #797979; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste p.enSavoirPlus a span { 
font-size: 0px; color: #ffffff;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +"; font-size: 12px; color: #797979;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste:first-of-type { 
grid-column: 1/3;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste { 
margin: 0; border: 1px solid #cccccc; padding: 0; background-color: #fff; position: relative; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.image { 
margin: 0; padding: 0; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.image a:hover img { 
border: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.image img { 
width: 100%;
border: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.infos { 
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: .5rem 1rem;
padding-top: 0;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.infos div.listeCategorie { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
line-height: 20px;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.infos div.listeCategorie a { 
color: #999999; margin: 0; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.infos div.listeCategorie a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.infos p.date { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
color: #999;
width: initial;
display: flex;
align-items: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.infos p.date::before { 
content: "";
width: 1.5ch;
background-position: center;
background-image: url(../images/f111.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
font-weight: 900;
font-size: .25rem;
margin: 0 .25rem;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.texte { 
margin: 0; padding: 1rem; padding-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.texte h2 { 
margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; color: #333333; font-size: 18px; line-height: 20px; width: 100%; width: 100%; text-transform: initial; text-align: left;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.texte h2 a { 
color: #666666; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.texte h2 a span { 
margin: 0;
padding: 0;
position: initial;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste div.texte p { 
margin: 0; margin-top: 5px; padding: 0; color: #666666; font-size: 14px; line-height: 20px; text-align: justify; width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste p.enSavoirPlus { 
margin: 0; margin-left: auto; padding: 0; text-align: right;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a { 
color: #797979; text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a span { 
font-size: 0px; color: #ffffff;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +"; font-size: 12px; color: #797979;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee  div.information.liste:first-of-type { 
grid-column: 1/3;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p { 
margin-top: 15px;
font-size: 1rem;
color: #666;
text-align: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p a { 
color: #666;
text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p a:hover { 
color: #666;
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPagesEtendue p { 
margin-top: 15px;
font-size: 1rem;
color: #666;
text-align: center;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPagesEtendue p a { 
color: var(--noir);
text-decoration: none;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPagesEtendue p a:hover { 
color: #666;
text-decoration: underline;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
margin: 0; padding: 0; font-weight: normal; font-size: 18px; text-transform: uppercase; color: #797979;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 img { 
float: initial;
position: initial;
border: none;
width: 100%;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 span { 
display: none;
}
body[class*="blog"] div#zoneCentre div.StoresEtRideauxPortletActualitesComplementaires div.actualitesAleatoire { 
margin-top: 1rem;
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
body[class*="blog"] div#zoneCentre div.StoresEtRideauxPortletActualitesComplementaires div.actualitesAleatoire div.actualite div.image a img { 
max-width: 100%;
aspect-ratio: 700/384;
object-fit: cover;
width: 100%;
}
body[class*="blog"] div#zoneCentre div.StoresEtRideauxPortletActualitesComplementaires div.actualitesAleatoire div.actualite div.titre a { 
margin: 10px 0;
padding: 0;
font-size: 14px;
text-align: center;
line-height: 18px;
color: #333333;
text-decoration: none;
overflow: hidden;
font-weight: bold;
text-transform: uppercase;
}
body[class*="blog"] div#zoneCentre div.StoresEtRideauxPortletActualitesComplementaires div.contenuPortlet { 
margin-bottom: 1rem;
}
body[class*="blog"] div#zoneCentre div.StoresEtRideauxPortletActualitesComplementaires span.titre-portlet { 
padding: 0 1rem;
display: block;
max-width: 1600px;
margin: 1rem auto;
font-weight: bold;
color: #333333;
font-size: 18px;
text-align: left;
}
body[class*="blog"] div#zoneDroite { 
grid-column: 2/3;
display: block; margin: 0; padding: 1rem 0;
position: sticky;
top: 0;
border: none;
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux > div.contenuPortlet > p { 
gap: 1rem;
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl { 
margin: 0; margin-top: 1rem; padding: 0 1rem; border: 1px solid #cccccc;
color: var(--blanc);
background-color: var(--violetFonce);
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl h3 { 
margin: 0; padding: 15px; font-size: 16px; border: 0; border-bottom: 1px solid #999999; text-transform: uppercase; color: #797979;
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl p { 
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl p a, body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl p span.obf { 
text-decoration : none; margin: 1rem 0; padding: 0; cursor: pointer;
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl p span:not(.obf) { 
margin: 0; padding: 1rem 0; font-size: 1rem; border: 0; border-bottom: 1px solid var(--blanc); color: var(--blanc); width: 100%;
font-weight: 700;
text-align: center;
}
body[class*="blog"] div#zoneDroite div#reseaux_sociaux.IndeXysPortletUrl p.suivez-nous { 
margin: 0;
  padding: 1rem 0;
  font-size: 1rem;
  border: 0;
  border-bottom: 1px solid var(--blanc);
  color: var(--blanc);
  width: 100%;
  font-weight: 700;
  text-align: center;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter { 
margin: 0; margin-top: 1rem; padding: 0 1rem; border: 1px solid #cccccc;
color: var(--blanc);
background-color: var(--violetFonce);
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement h4 { 
display: none;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement p { 
padding: 0;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement p button { 
display: block; width: 50%; margin: 0; margin-top: 10px; margin-left: auto; margin-right: auto; border: 1px solid var(--blanc); padding: 5px 0; background-color: var(--violetFonce); font-family: Arial, Helvetica, Sans-serif; font-size: 8px; color: var(--blanc);
cursor: pointer;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement p button span { 
font-size: 12px;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement p button:hover { 
background-color: var(--blanc);
color: var(--violetFonce)
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement p input.email { 
border-radius: 20px;
background-color: var(--blanc);
border: none;
padding: .5rem 1rem;
width: 100%;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.abonnement p input.email:focus-visible { 
outline: none;
border: 1px solid var(--violetFonce);
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletNewsletter div.titrePortlet h3 { 
margin: 0; padding: 15px; font-size: 16px; border: 0; border-bottom: 1px solid var(--blanc); color: var(--blanc);
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication { 
margin: 0; margin-top: 0; padding: 0 1rem; border: 1px solid #cccccc; background-color: white;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee { 
padding-top: 1rem;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune { 
margin-bottom: 1.5rem;
display: flex;
align-items: flex-start;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.image { 
width: 70px;
flex-shrink: 0;
margin-right: .5rem;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.image img { 
max-width: 100%;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.texte { 
margin: 0; padding: 0;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.texte h4 { 
margin: 0; padding: 0; font-weight: bold; color: #333333; font-size: 13px; line-height: 16px;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.texte h4 a { 
color: #666666; text-decoration: none; font-size: 12px;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.texte h4 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune div.texte p { 
margin: 0; margin-top: 5px; padding: 0; font-weight: normal; color: #797979; font-size: 11px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune p.date { 
display: none;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listeEtenduePublicationLiee div.information.tribune p.enSavoirPlus { 
display: none;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.tribune { 
overflow: hidden; height: auto;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.titreRubrique h3 { 
margin: 0; padding: 15px; font-size: 16px; border: 0; border-bottom: 1px solid #999999; text-transform: uppercase;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.titreRubrique h3 a { 
color: #797979; text-decoration: none;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneRubriquePublication div.titreRubrique h3 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne { 
margin: 0; margin-top: 0; padding: 0 1rem; border: 1px solid #cccccc; background-color: white;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable { 
padding-top: 1rem;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune { 
margin-bottom: 1.5rem;
display: flex;
align-items: flex-start;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.image { 
width: 70px;
flex-shrink: 0;
margin-right: .5rem;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.image img { 
max-width: 100%;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.texte { 
margin: 0; padding: 0;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.texte h4 { 
margin: 0; padding: 0; font-weight: bold; color: var(--noir); font-size: 13px; line-height: 16px;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.texte h4 a { 
color: var(--noir); text-decoration: none; font-size: 12px;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.texte h4 a:hover { 
text-decoration: underline;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune div.texte p { 
margin: 0; margin-top: 5px; padding: 0; font-weight: normal; color: var(--noir); font-size: 11px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune p.date { 
display: none;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listeInformationPubliable div.information.tribune p.enSavoirPlus { 
display: none;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.listePublicationLiee div.information.tribune { 
overflow: hidden; height: auto;
}
body[class*="blog"] div#zoneDroite div.IndeXysPortletTribuneUrlExterne div.titrePortlet h3 { 
margin: 0; padding: 15px; font-size: 16px; border: 0; border-bottom: 1px solid #999999; color: var(--noir);
}
body[class*="blog"] div#zoneGauche { 
background-color: var(--grisClair);
grid-column: 1/3;
grid-row: 2/3;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 50px;
}
body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication { 
display: none;
}
body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a span.out::before { 
content: "";
display: inline-flex;
width: 1.5ch;
align-items: center;
background-position: center;
background-image: url(../images/f0c9.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
font-weight: 900;
font-size: 2rem;
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication { 
display: flex;
align-items: center;
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste { 
margin: 0;
padding: 0 .5rem;
list-style: none;
display: flex;
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li { 
border-right: 1px solid #666;
padding: 0 .25rem;
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li a, body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li span.obf { 
color: #666;
text-decoration: none;
padding: .25rem .5rem;
border: 1px solid transparent;
border-radius: 10px;
cursor: pointer
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li a.on, body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li span.obf.on { 
border: 1px solid var(--violetFonce);
border-radius: 10px;
background-color: var(--violetFonce);
color: var(--grisClair);
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li a:hover, body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li span.obf:hover { 
border-color: var(--violetFonce);
}
body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li:last-of-type { 
border-right: none;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche { 
margin: 0; margin-right: 1rem; padding: 0; height: 40px;
display: flex;
align-items: center;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale p { 
margin: 0; padding: 0; text-align: center;
display: flex;
align-items: center;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale p button { 
margin: 0; padding: 0; width: 35px; height: 35px; cursor: pointer; font-family: Arial, Helvetica, Sans-serif; background-color: var(--violetFonce); background-image: url(../images/loupe.svg); background-position: center center; background-repeat: no-repeat; border-radius: 0 10px 10px 0; border: none; background-size: auto 20px;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale p button span { 
display: none;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale p input { 
margin: 0; padding: .5rem 1.5rem; width: calc(100% - 35px); height: 35px; font-family: Arial, Helvetica, Sans-serif; color: #666666; border-radius: 10px 0 0 10px; background-color: var(--blanc); border: none; font-size: .9rem;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale p input:focus-visible { 
border: 2px solid var(--violetFonce);
outline: none;
}
body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale p:hover button { 
border: 2px solid var(--violetFonce);
}
body[class*="blog"] div.IndeXysCategorieActualite div#zoneCentre div.StoresEtRideauxPortletActualitesComplementaires { 
display: none;
}
body[class*="blog"] div.headerCentreDroite { 
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 280px;
column-gap: 1rem;
background-color: #fff;
}
div.information.IndeXysActualite.liste:hover { 
border: 3px solid var(--violetFonce) !important;
scale: 1.02;
}
@media screen and (min-width: 768px) {

body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte div.information.Produit.liste div.image div.promotion div.code-promo p:not(.tarif) {
padding: 1rem .25rem;
}

}

@media screen and (max-width: 992px) {
    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication {
        display: block;
        margin-left: 1rem;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic {
        position: relative;
        top: 0;
        left: 0;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic {
        text-align: center;
        line-height: 2rem;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a {
        text-decoration: none;
        padding: 0 .5rem;
        display: inline-block;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a span.out::before {
        content: "";
display: inline-flex;
width: 1.5ch;
align-items: center;
background-position: center;
background-image: url(../images/f0c9.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
filter: invert(41%) sepia(0%) saturate(2650%) hue-rotate(147deg) brightness(78%) contrast(55%);
font-weight: 900;
font-size: 2rem;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a span.out span.in {
        display: none;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic {
        margin: 0;
        padding: 1rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        position: absolute;
        top: 2.75rem;
        left: 0;
        background-color: #d5d5d5;
        z-index: 10;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li {
        line-height: 2rem;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a,
    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li span.obf {
        color: #666666;
        text-decoration: none;
        font-size: 1rem;
cursor: pointer;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a span.in,
    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li span.obf span.in {
        white-space: nowrap;
    }

    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a:hover,
    body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li span.obf:hover {
        text-decoration: underline;
    }

    body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    body[class*="blog"] div.headerCentreDroite {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    body[class*="blog"] div#zoneDroite {
        display: none;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    body[class*="blog"] div#conteneur {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    body[class*="blog"] div.headerDroite {
        display: none;
    }

    body[class*="blog"] div#zoneCentre {
        padding: 0 1rem;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire div.listeActualites {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 640px) {
    body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee {
        grid-template-columns: repeat(1, 1fr);
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste:first-of-type {
        grid-column: 1/2;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee {
        grid-template-columns: repeat(1, 1fr);
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste:first-of-type {
        grid-column: 1/2;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p {
        margin-top: 15px;
        font-size: 1.25rem;
        color: #666;
        text-align: center;
        padding: 1rem;
        line-height: 2rem;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee {
        grid-template-columns: repeat(1, 1fr);
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste:first-of-type {
        grid-column: 1/2;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listeEtenduePublicationLiee {
        grid-template-columns: repeat(1, 1fr);
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listeEtenduePublicationLiee div.information.liste:first-of-type {
        grid-column: 1/2;
    }

    body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p {
        margin-top: 15px;
        font-size: 1.25rem;
        color: #666;
        text-align: center;
        padding: 1rem;
        line-height: 2rem;
    }
}

@media screen and (min-width: 992px) {


body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.texte .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste {
font-size: 1rem;
}

}div.CategorieProduit.chemin-de-lit div#zoneCentre div.sr-categorie-produit-liens div.pose-facile { 
display: none;
}
div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens div.pose-facile { 
display: none;
}
div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens div.prise-de-mesure { 
border: none;
width: initial;
}
@media screen and (min-width: 992px) {
div.CategorieProduit.chemin-de-lit div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure {
	border: none;
}
}

@media screen and (min-width: 1400px) {

div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens{
	grid-column: 3/4;
}

div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques {
	grid-row: 4/5;
}
}body.codes-promo div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
margin: 1rem 0;
}
body.codes-promo div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit li a .promo, body.codes-promo div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit li span .promo { 
display: none;
}
div.information.IndeXysCommerceRemiseCommerciale.liste { 
display: flex;
flex-direction: column;
border: 2px solid var(--grisBordure);
}
div.information.IndeXysCommerceRemiseCommerciale.liste > *:not(.code-promo) { 
padding: 0 1rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.code-promo { 
align-self: center;
border: 2px solid var(--gris);
margin-top: .75rem;
font-size: .7rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.code-promo span.bouton-copier { 
display: inline-block;
background-color: var(--gris);
color: var(--blanc);
padding: .25rem .5rem .25rem 2rem;
min-width: 65px;
text-align: center;
background-image: url(../images/copier.svg);
background-repeat: no-repeat;
background-position: .25rem center;
background-size: auto 20px;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.code-promo span.titre-code-promo { 
color: var(--gris);
display: inline-block;
padding: .25rem .5rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.date-fin-validite { 
align-self: flex-end;
margin-top: .75rem;
padding-bottom: 1rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.date-fin-validite span.date { 
margin-left: .5ch;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.image { 
/*height: 13rem;
position: relative;*/
margin-bottom: 1rem;
padding: 0;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.image img { 
width: 100%;
    /*aspect-ratio: 600 / 394;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;*/
object-fit: cover;
    object-position: top;
    aspect-ratio: 1.5 / 1;
    display: block;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit { 
margin-top: .75rem;
flex-grow: 1;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit li a { 
color: var(--gris);
text-decoration: none;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit li a span.retour-ligne { 
display: none;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit li a:hover { 
color: var(--violetFonce);
text-decoration: underline;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.listeProduit ul { 
margin: .25rem 0;
padding-left: 1.25rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-commande-mini { 
text-align: center;
margin-top: .5rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-commande-mini span.a-partir-de { 
display: inline-block;
margin-right: .5ch;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-commande-mini span.contenu { 
display: block;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-commande-mini span.contrainte { 
/*display: inline-block;
margin-left: .5ch;*/
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-commande-mini span.currency { 
margin-right: .5ch;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-remise { 
text-align: center;
font-size: 1.75rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste div.montant-remise span.prix { 
display: inline-block;
background-color: var(--violetFonce);
color: var(--blanc);
margin-right: .5ch;
padding: 0 .25rem;
}
div.information.IndeXysCommerceRemiseCommerciale.liste span.seeMorePromo, div.information.IndeXysCommerceRemiseCommerciale.liste span.seeLessPromo { 
align-self: center;
color: var(--violetFonce);
cursor: pointer;
}
div.information.IndeXysCommerceRemiseCommerciale.liste.active { 
border-color: var(--violetFonce);
}
div.information.IndeXysCommerceRemiseCommerciale.liste.active div.code-promo { 
border-color: var(--violetFonce);
}
div.information.IndeXysCommerceRemiseCommerciale.liste.active div.code-promo span.bouton-copier { 
background-color: var(--violetFonce);
background-image: url(../images/copie.svg);
}
div.information.IndeXysCommerceRemiseCommerciale.liste.active div.code-promo span.titre-code-promo { 
color: var(--violetFonce);
}
div.information.IndeXysCommerceRemiseCommerciale.liste:hover { 
scale: 1.02;
border-color: var(--violetFonce);
cursor: pointer;
}
@media screen and (min-width: 576px) {
div.information.IndeXysCommerceRemiseCommerciale.liste div.code-promo {
font-size: initial;
}
}

@media screen and (min-width: 768px) {
body.codes-promo div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee {
	grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (min-width: 992px) {
body.codes-promo div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee {
	grid-template-columns: repeat(3, 1fr);
}
}

@media screen and (min-width: 1200px) {
body.codes-promo div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee {
	grid-template-columns: repeat(4, 1fr);
}
}#Configurateur_Configuration .echantillons-coloris {
        position: absolute;
        top: calc((65px - 1rem) / 2);
        left: 29px;
        }
        
        #Configurateur_Configuration .choix-coloris:has(.echantillons-coloris) .titre-off {
        padding-bottom: 1rem;
        height:3.5rem;
        }
        
        #Configurateur_Configuration .echantillons-coloris > span {
            color: white;
            text-decoration: underline;
            font-size: .9rem;
            & span.in {
                text-transform: lowercase;
            }
            &::before {
                content: 'Commander des ';
                text-transform: initial;
            }
        }@media screen and (min-width: 992px) {
        
        #Configurateur_Configuration .choix-coloris:has(#aide_coloris_link) .echantillons-coloris {
            position: absolute;
            top: calc((32px - 1rem) / 2);
            right: 4rem;
            left: initial;
        }
        
        #Configurateur_Configuration .choix-coloris:has(.echantillons-coloris) .titre-off {
           padding-bottom: 0;
           height: 2.5rem;
        }
    
        #Configurateur_Configuration .choix-coloris:not(:has(#aide_coloris_link)) .echantillons-coloris {
            position: absolute;
            top: calc((32px - 1rem) / 2);
            right: 4rem;
            left: initial;
        }
    
    }
    
    /* fin 992px */
    
    @media screen and (min-width: 1200px) {
    
    #Configurateur_Configuration .choix-coloris:has(#aide_coloris_link) .echantillons-coloris {
        right: 6rem;
    }
    
    }
    
    /* fin 1200px */body.profil div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking { 
/*display: none;*/
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select .commanderSansCompte:hover {
color: var(--blanc);
border: 1px solid var(--violetClair);
background-color: var(--violetClair);
}

body.suivre-une-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.create, body.suivre-une-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.login, body.suivre-une-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.recover { 
display: none;
}
body.suivre-une-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { 
padding-top: 4rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.order-tracking p.navigation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.invoice table tbody tr.ligneImpaire td { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking { 
display: flex;
padding: 1rem;
margin-left: auto;
margin-right: auto;
background-color: var(--blanc);
height: 100%;
flex-direction: column;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.contenuRegister fieldset { 
padding:1rem;
padding-top:3rem;
margin-top:1rem;
margin-left:auto;
margin-right:auto;
background-color:var(--blanc);
border:0;
position:relative;
box-shadow:var(--boxShadow)
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.contenuRegister fieldset legend { 
display:block;
font-size:1.1rem;
font-weight:600;
text-transform:uppercase;
position:absolute;
top:1rem;
left:1rem
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.creation-compte p.navigation { 
margin-bottom: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register input.ui_button { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register input[type="text"], div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register input[type="tel"] { 
background-color: var(--creme);
	margin: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 0;
	color: var(--gris);
	width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register label { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p { 
max-width: 768px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p.accepte-emailing { 
display: flex;
align-items: baseline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p.navigation { 
max-width: initial;
	display: flex;
	justify-content: center;
	align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p.sauvegarde { 
display: flex;
align-items: baseline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register select { 
border: 1px solid var(--gris);
background-color: var(--blanc);
font-size: 1rem;
padding: .5rem 1rem;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register select:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking h4 { 
text-transform: uppercase;
order: 0;
font-weight: 600;
margin: 0;
margin: 0;
font-weight: 400;
font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.email input { 
background-color: var(--creme);
	margin: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 0;
	color: var(--gris);
	width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.email input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.email label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.mdp input { 
background-color: var(--creme);
	margin: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 0;
	color: var(--gris);
	width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.mdp input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigate a:hover { 
background-color: var(--violetFonce);
color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation { 
display: flex;
justify-content: center;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation a { 
display: inline-flex;
color: var(--violetFonce);
border: 3px solid var(--violetFonce);
text-decoration: inherit;
text-transform: uppercase;
height: 40px;
justify-content: center;
align-items: center;
width: 260px;
font-size: .9rem;
font-weight: 700;
transition: all 200ms ease 0s;
margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation button { 
background-color: var(--violetFonce);
	color: var(--blanc);
	margin: 0;
	border: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
font-size: 1rem;
height: 40px;
min-width: 240px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation button:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation input[type="button"] { 
background-color: var(--violetFonce);
	color: var(--blanc);
	margin: 0;
	border: 3px solid var(--violetFonce);
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
font-size: 1rem;
display: inline-block;
height: 40px;
width: 240px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation input[type="button"]:hover { 
background-color: var(--violetClair);
border-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation.back { 
margin-bottom: 0;
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.numeroDeCommande input { 
background-color: var(--creme);
	margin: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 0;
	color: var(--gris);
	width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.numeroDeCommande input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.numeroDeCommande label { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking { 
margin: 0 auto;
width: 100%;
max-width: initial;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.display { 
display: inline-block;
width: 2rem;
height: 1.25rem;
background-image: url(../images/voir.svg);
background-repeat: no-repeat;
background-size: 100% auto;
transform: translateY(30%);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.display span.out span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.print { 
display: inline-block;
width: 2rem;
height: 2rem;
background-image: url(../images/imprimer.svg);
background-repeat: no-repeat;
background-size: 100% auto;
transform: translateY(30%);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.print span.out span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.finaliser-compte-contenu { 
text-align: center;
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.finaliser-compte-contenu a { 
display: inline-flex;
	color: var(--blanc);
	text-decoration: inherit;
	text-transform: uppercase;
	height: 40px;
	justify-content: center;
	align-items: center;
	width: 240px;
	font-size: .9rem;
	font-weight: 700;
	transition: all 200ms ease 0s;
background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.finaliser-compte-contenu a:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.invoice p.no-invoice { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking h1 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande ol.steps { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tbody tr td { 
background-color: var(--grisClair);
color:var(--gris);
border: 1px solid var(--gris);
font-size: 1rem;
text-align: center;
padding: .5rem 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tr th { 
background-color: var(--blanc);
color:var(--gris);
border: 1px solid var(--gris);
font-size: 1rem;
text-align: center;
padding: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.adresseLivraison { 
box-shadow: var(--boxShadow);
margin: 1rem;
margin-right: 0;
margin-bottom: 0;
padding-bottom: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.instructionsLivraison { 
padding: 1rem;
padding-top: 2rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 0;
position: relative;
box-shadow: var(--boxShadowCollerHaut);
margin: 1rem;
margin-top: 0;
margin-right: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.instructionsLivraison legend { 
top: 0rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.personneLivraison { 
padding: 1rem;
padding-top: 3rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 0;
position: relative;
box-shadow: var(--boxShadow);
margin: 1rem;
margin-right: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation { 
margin: 0; padding: 1rem; padding-bottom: 1rem; background-color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.form-input { 
display: flex;
padding: 1rem 0;
position: relative;
flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap { 
/*width: 100%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation > span { 
display: flex;
padding-bottom: 1rem;
position: relative;
flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap { 
/*width: 100%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset p.notification { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature  span.form-input { 
display: flex;
padding-bottom: 1rem;
position: relative;
flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap { 
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison.clientDePassage { 
margin: 0;
box-shadow: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison.clientDePassage div.adresseLivraison { 
padding-bottom: 0;
background-color: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison.clientDePassage h3.natureLivraison { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing { 
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing label { 
display: initial;
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.notification label { 
display: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.adresseFacturation p.accepteEmailing { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande .continuerSansCreerDeCompte { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select .commanderSansCompte { 
/*display: none;*/
text-decoration: inherit;
margin-left: 1rem;
color: var(--violetFonce);
border: 1px solid var(--violetFonce);
padding: .46rem;
padding-left: 1rem;
padding-right: 1rem;
text-transform: uppercase;
cursor: pointer;
align-items: center;
background-color: var(--blanc);
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select .commanderSansCompteGris { 
color: var(--grisV2);
background-color: var(--grisMoinsClair);
pointer-events: none;
  cursor: default;
border: 1px solid var(--grisV2);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider { 
font-family: var(--font);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider:not(.commanderSansCompte) { 
background-color: var(--violetFonce); color: #ffffff; margin: 0; border: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; font-size: 0; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider:not(.commanderSansCompte)::after { 
content: "Créer un compte";
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider:not(.commanderSansCompte):hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.adresseLivraison.clientDePassage p.choixAdresseLivraison { 
display: none;
}
div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::after, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing label::after { 
content: "J’accepte de recevoir cette newsletter et je comprends que je peux me désabonner facilement à tout moment.";
font-size: 12px;
font-weight: initial;
display: block;
}
div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::before, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing label::before { 
content: "Suivi de commande, bons plans et conseils décos/tendances : ne ratez rien ! 🔵⚪🔴";
font-size: 14px;
}
@media screen and (min-width: 768px) {

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.form-input>span span.indeXys-nowrap {
        width: 20%;
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.civilite > span span.indeXys-nowrap {
	width: 20%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap {
	width: 30%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap + span {
	margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap {
	/*width: 25%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap + span {
	/*margin-top: 0;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap {
	/*width: 20%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap + span {
	margin-top: 0;
}
}

@media screen and (min-width: 992px) {
div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.recover {
        width: 100%;
order: 1;
    }
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking {
/*width: calc(50% - .5rem);
margin-left: .5rem;*/
}

}
@media screen and (min-width: 1280px) {

div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.coordinates {
/*margin-top: -5rem;*/
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li.signout {
    transform: translateY(calc(-108% - .25rem));
right: -3rem;
}
}div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tr .urlImageArticleLePlusCher, div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tr .etatCommandeAvecCouleurAvecDateAsDisplayString, div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tr .etatCommandeAvecHtmlAsDisplayString {
display: none;
}

#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .actions { 
display: flex;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .annuler { 
display: flex;
margin-left: 1rem;
width: 5rem;
height: 3rem;
align-items: center;
justify-content: center;
border: 1px solid var(--violetFonce);
color: var(--violetFonce);
font-size: 1rem;
cursor: pointer;
text-decoration: inherit;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient span.obfusquer {
    color: var(--vert);
    text-decoration: none;
    cursor: pointer;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .annuler:hover { 
scale: 1.02;
text-decoration: underline;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-lettre-engagement a { 
color: var(--violetFonce);
text-decoration: inherit;
cursor: pointer;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-lettre-engagement a span.icon { 
margin-right: .5ch;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-lettre-engagement a:hover span:not(icon) { 
text-decoration: underline;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-lettre-engagement button { 
color: var(--rouge);
border-color: var(--rouge);
background-color: var(--blanc);
background-image: none;
padding: 3px;
cursor: pointer;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-lettre-engagement button:hover { 
color: var(--blanc);
border-color: var(--rouge);
background-color: var(--rouge);
scale: 1.02;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-numero-engagement .text { 
border: none;
border-bottom: 1px solid var(--violetFonce);
padding: .25rem;
font-size: 1rem;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog .saisie-numero-engagement .text:focus-visible { 
outline: 2px solid var(--violetFonce);
border-color: transparent;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog button.valider { 
display: flex;
width: 5rem;
height: 3rem;
align-items: center;
justify-content: center;
background-color: var(--violetFonce);
border: 1px solid var(--violetFonce);
color: var(--blanc);
font-size: 1rem;
cursor: pointer;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog button.valider:hover { 
background-color: var(--violetClair);
border-color: var(--violetClair);
scale: 1.02;
}
#IndeXysCommerceMCompteClient_NumeroEtFichierEngagementModalDialog_Dialog div.modal-dialog { 
max-width: 780px !important;
}
body[class*=compte-client] div#zoneBas { 
display: none;
}
body[class*=suivre-une-commande] .suivi-commande { 
display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--blanc);
    height: 100%;
    flex-direction: column;
    box-shadow: var(--boxShadow);
}
body[class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient a { 
color: var(--vert);
    text-decoration: none;
}
body[class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table { 
margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}
body[class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tbody tr td { 
background-color: var(--grisClair);
    color: var(--gris);
    border: 1px solid var(--gris);
    font-size: 1rem;
    text-align: center;
    padding: 50px;
}
body[class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
}
body[class*=suivre-une-commande] div.table-overflow { 
display: block;
    overflow-x: auto;
    padding-bottom: 1rem;
}
body[class*=suivre-une-commande] div.table-overflow table { 
min-width: 576px;
}
body[class*=suivre-une-commande] ol.steps { 
display: none;
}
div#zoneCentre .recoverPassword { 
display: grid;
padding: 1rem;
margin-left: auto;
margin-right: auto;
background-color: #fff;
box-shadow: var(--boxShadow);
margin-bottom: 1rem;
max-width: 600px;
}
div#zoneCentre .recoverPassword h4 { 
text-transform: uppercase;
order: 0;
font-weight: 600;
margin: 0;
margin: 0;
font-weight: 400;
}
div#zoneCentre .recoverPassword p { 
margin: 0;
margin-top: 1rem;
font-size: 1rem;
}
div#zoneCentre .recoverPassword p.identifiant { 
display: inline-block;
max-width: 100%;
width: calc(100% - 100px);
}
div#zoneCentre .recoverPassword p.identifiant input { 
background-color: var(--creme);
margin: 0;
padding: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border: 2px solid var(--creme);
color: var(--gris);
width: 100%;
}
div#zoneCentre .recoverPassword p.identifiant input:focus-visible { 
outline: none;
border-color: var(--violetFonce);
}
div#zoneCentre .recoverPassword p.navigation.select { 
display: inline-block;
}
div#zoneCentre .recoverPassword p.navigation.select button.valider { 
background-color: var(--violetFonce);
color: var(--blanc);
margin: 0;
border: 2px solid var(--violetFonce);
padding: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient  div.order-tracking { 
display: none !important;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient a { 
color: var(--violetFonce);
    text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.identification div.order-tracking p.navigation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.login p.identifiant input:focus-visible, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.email input:focus-visible, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.numeroDeCommande input:focus-visible, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.create p.motDePasse input:focus-visible, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.create p.identifiant input:focus-visible, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.login p.motDePasse input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.login p.sauvegarde input[type="checkbox"]:checked, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.create p.sauvegarde input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking { 
display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--blanc);
    height: 100%;
    flex-direction: column;
    box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking h4 { 
text-transform: uppercase;
    order: 0;
    font-weight: 600;
    margin: 0;
    margin: 0;
    font-weight: 400;
    font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.email input { 
background-color: var(--creme);
        margin: 0;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border: 0;
        color: var(--gris);
        width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.email label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.navigation { 
display: flex;
        justify-content: center;
        align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.navigation button { 
background-color: var(--violetFonce);
        color: var(--blanc);
        margin: 0;
        border: 0;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        font-size: 1rem;
        height: 40px;
        min-width: 240px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.numeroDeCommande input { 
background-color: var(--creme);
        margin: 0;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border: 0;
        color: var(--gris);
        width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.order-tracking p.numeroDeCommande label { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister { 
position: relative;
    padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset { 
padding: 1rem;
    padding-top: 3rem;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--blanc);
    border: 0;
    position: relative;
    box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset legend { 
display: block;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 1rem;
    left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p { 
display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    flex-direction: column;
    max-width: 600px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p input[type="password"] { 
background-color: var(--creme);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid var(--creme);
    color: var(--gris);
    width: 100%;
    font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p input[type="tel"] { 
background-color: var(--creme);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid var(--creme);
    color: var(--gris);
    width: 100%;
    font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p input[type="text"] { 
background-color: var(--creme);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid var(--creme);
    color: var(--gris);
    width: 100%;
    font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p label.boolean { 
width: auto;
    margin-bottom: .25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p span.form-input { 
display: inline-block;
    min-height: 1.5rem;
    flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p span.form-input > span { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p span.form-input > span input.cancel_button { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p span.form-input > span span.indeXys-nowrap { 
width: 50%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.accepte-emailing { 
flex-wrap: nowrap;
    align-items: flex-start;
flex-direction: row;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.accepte-emailing input[type=checkbox] { 
appearance: none;
    border-radius: 0;
    border: 1px solid var(--violetFonce);
    outline: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.accepte-emailing label { 
display: inline-block;
    margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.accepte-emailing span.form-input { 
flex-grow: 0;
    flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.civilite { 
display: flex;
    flex-wrap: nowrap;
flex-direction: row;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.civilite label { 
display: initial;
    width: auto;
    min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.code-postal input { 
max-width: 130px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.nature-compte { 
display: flex;
    flex-wrap: nowrap;
flex-direction: row;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.nature-compte label { 
display: initial;
    width: auto;
    min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset p.pays select { 
border: 1px solid var(--gris);
    background-color: var(--blanc);
    font-size: 1rem;
    padding: .5rem 1rem;
    color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset.accesClient legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister fieldset.accesClient legend::after { 
content: "Adresse de connexion";
    font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister p.navigation.select { 
margin: 0;
    padding: 1rem;
    background-color: var(--blanc);
    box-shadow: var(--boxShadowCollerHaut);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister p.navigation.select button.valider { 
background-color: var(--violetFonce);
    color: #fff;
    border: 2px solid var(--violetFonce);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister p.sauvegarde { 
margin: 0;
    margin-top: 1rem;
    padding: 1rem;
    line-height: 1.5rem;
    order: 5;
    background-color: var(--blanc);
    box-shadow: var(--boxShadow);
    display: flex;
    align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.snp-webco-elements-compteClientIdentification div.contenuRegister p.sauvegarde input[type=checkbox] { 
appearance: none;
    border-radius: 0;
    border: 1px solid var(--violetFonce);
    outline: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship > h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs { 
margin: 0;
    padding: 2rem 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs a.accessAccount, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs a.transfertPoints { 
display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 300px;
    position: relative;
    top: 0px;
    left: 0px;
    text-decoration: none;
    text-align: center;
    border: 0px;
    color: var(--blanc);
    background: var(--violetFonce);
    line-height: 20px;
    font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu div.fond-vert { 
margin: 0;
    margin-top: 1em;
    padding: 20px;
    background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu div.fond-vert h2 { 
margin: 0;
    padding: 0;
    text-align: center;
    color: var(--blanc);
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu div.fond-vert p { 
margin: 0;
    padding: 0;
    text-align: center;
    color: var(--blanc);
    font-size: 0.8em;
    line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu div.points-verts { 
margin: 0 2rem;
    margin-top: 1em;
    padding: 20px;
    background-color: var(--blanc);
    margin: 1em auto 0 auto;
    width: 70%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu div.points-verts h3 { 
margin: 0;
    padding: 0;
    line-height: 2em;
    color: var(--gris);
    font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu div.points-verts p { 
text-align: center;
    background-color: var(--violetFonce);
    border-radius: 50%;
    display: flex;
    height: 2rem;
    width: 2rem;
    color: var(--blanc);
    margin: auto;
    justify-content: center;
    align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu h3 { 
text-transform: none;
    font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu img { 
max-width: 100%;
    height: auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.contenu p { 
margin: 0;
    padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.transfert, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.bacs div.access { 
margin: 0px;
    margin-top: 10px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.contenu h3 { 
margin: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0;
    font-size: 12px;
    color: var(--violetFonce);
    border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship { 
margin: 0px;
    padding: 2rem 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship { 
margin: 0;
    padding: 2rem 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p { 
font-size: 1rem;
    color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p { 
font-size: 1rem;
    color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.code { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.points { 
font-size: 1rem;
    font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.send { 
line-height: 20px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.send a { 
display: block;
    width: 200px;
    text-align: center;
    color: var(--blanc);
    margin: 1rem auto 0px;
    padding: 0.5rem;
    text-decoration: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    background: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.send a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.send a::before { 
content: " Je parraine un ami";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship span.libelle { 
font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship-offers { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship table { 
margin: 0px;
padding: 0px;
border-collapse: collapse;
width: 100%;
border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship table tbody tr td { 
background-color: var(--grisClair);
color:var(--gris);
border: 1px solid var(--gris);
font-size: 1rem;
text-align: center;
padding: .5rem 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship table tbody tr.ligneImpaire td { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship table tr th { 
background-color: var(--blanc);
color:var(--gris);
border: 1px solid var(--gris);
font-size: 1rem;
text-align: center;
padding: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.titre-element { 
display: flex;
    align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn .print { 
display: block;
  background-image: url(../images/imprimerBlanc.svg);
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-color: var(--gris);
  color: var(--blanc);
  background-position: center;
cursor: pointer;
width: 100%;
height: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn .print span.out span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn > div:nth-child(1) div.snp-webco-elements-compteClientSteps:not(:has( ol[data-vue="none"] )) { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn > div:nth-child(2):has( div[data-vue="none"] ) { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates { 
padding: 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates div.monProfil > div { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset { 
margin: 0;
    margin-top: 1.5rem;
    padding: 0;
    border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset legend { 
font-size: 1.25rem;
    font-weight: normal;
    text-transform: uppercase;
    background-color: var(--creme);
    width: 100%;
    max-width: 90%;
    padding: 0.5rem;
    padding-left: 1rem;
    margin: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p { 
display: flex;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p input[type="text"]:focus-visible { 
outline: none;
    border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p input[type=text] { 
background-color: var(--creme);
    margin: 0;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 0;
    color: var(--gris);
    width: 100%;
    margin-right: 4rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p label { 
width: 100%;
    margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p label.boolean { 
width: auto;
    margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p span.form-input { 
display: inline-block;
    min-height: 1.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p.accepte-emailing { 
display: flex;
  margin-top: 0.5rem;
  max-width: 600px;
  flex-wrap: nowrap;
  align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p.accepte-emailing input { 
appearance: none;
  border-radius: 0;
  border: 1px solid var(--violetFonce);
  outline: 0;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p.accepte-emailing input:checked { 
  background-image: url(../images/check-carre.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset.accesClient legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset.accesClient legend::before { 
content: "Identifiant / E-mail";
    font-size: 1.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates h3 { 
font-size: 1.25rem;
    font-weight: normal;
    text-transform: uppercase;
    width: 480px;
    max-width: 90%;
    padding: 0.5rem;
    padding-left: 1rem;
    margin: 0.5rem;
    margin-top: .5rem;
    border-bottom: 1px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates h3.acces { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates h3.acces::after { 
content: "Adresse mail de connexion";
    font-size: 1.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p { 
font-size: 1rem;
    margin: 0;
    margin-left: 1.5rem;
    margin-top: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p select { 
border: 1px solid var(--gris);
    background-color: var(--blanc);
    font-size: 1rem;
    padding: .5rem 1rem;
    color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select { 
display: flex;
    justify-content: space-around;
    margin: 0;
    padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select a { 
background-color: var(--violetFonce);
    color: var(--blanc);
    border: 2px solid var(--violetFonce);
    margin: 0;
    padding: 0 1rem;
    text-decoration: none;
    font-size: .7rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select a.annuler { 
background-color: var(--blanc);
    color: var(--violetFonce);
    border: 2px solid var(--violetFonce);
    text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select input.valider { 
background-color: var(--violetFonce);
    color: var(--blanc);
    border: 2px solid var(--violetFonce);
    margin: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1rem;
    cursor: pointer;
    font-family: "Mulish", sans-serif;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item { 
margin: 1rem 0;
    padding: 1.5rem;
    font-size: .8rem;
    background-color: var(--blanc);
    width: 100%;
    box-shadow: var(--boxShadow);
    display: grid;
grid-template-columns: 1fr minmax(max-content, 120px) minmax(max-content, 75px) minmax(max-content, 75px) minmax(max-content, 75px);
grid-column-gap: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.codeCommande { 
grid-column: 1/2;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.codeCommande::before { 
content: "Commande n° ";
    display: inline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.dateCommande { 
grid-column: 1/2;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.dateCommande span.date { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.dateCommande span.heure { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.dateExpeditionAsDisplayString, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.trackingLink { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayEngagementLink { 
grid-column: 2/3;
    grid-row: 3/5;
    display: flex;
    justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayEngagementLink a { 
display: block;
text-align: center;
border: 1px solid var(--violetFonce);
padding: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayEngagementLink a:hover { 
scale: 1.02;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayLink { 
grid-column: 5/6;
    grid-row: 3/5;
    display: flex;
    justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayLink .display { 
background-color: var(--violetClair);
color: var(--blanc);
padding: 0.3rem 0.8rem;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayLink span.in, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.payLink span.in { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.displayLink span.out::before { 
content: "Détail";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.etatCommandeAsDisplayString { 
grid-column: 1/2;
    grid-row: 3/6;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.etatCommandeAsDisplayString::before { 
content: "";
    display: block;
    width: 2rem;
    border-top: 2px solid var(--violetFonce);
    margin-right: 1rem;
    transform: translateY(50%);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.loadLink { 
grid-column: 2/3;
grid-row: 3/5;
display: flex;
justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.loadLink a { 
border: 1px solid var(--violetFonce);
color: var(--violetFonce);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.loadLink span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.loadLink span.out::before { 
content: "Commander";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.montantTtc { 
grid-column: 2/5;
    grid-row: 1/3;
    display: flex;
    justify-content: right;
    gap: .3rem;
    font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.montantTtc::after { 
content: " €";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.payLink { 
grid-column: 3/4;
    grid-row: 3/5;
    display: flex;
    justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.payLink .pay { 
background-color: var(--violetFonce);
color: var(--blanc);
padding: 0.3rem 0.8rem;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.payLink span.in::before { 
content: "Payer";
    font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.payLink:empty { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.printLink { 
grid-column: 4/5;
    grid-row: 3/5;
    display: flex;
    justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.sponsorship { 
margin: 0;
    padding: 2rem 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div:has(ol.steps) { 
order: 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div:not(:has(ol.steps)) { 
order: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div:nth-child(2) { 
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps { 
text-align: center;
    padding: 0;
    min-width: 300px;
    flex-wrap: wrap;
    background-color: var(--blanc);
    font-size: 16px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    margin: 0 1rem;
    justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li { 
margin-bottom: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.coordinates a::before { 
content: url(../images/compte.svg);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.invoices a::before { 
content: url(../images/facture.svg);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.orders a::before { 
content: url(../images/commande.svg);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.quotes a::before { 
content: url(../images/picto_devis.svg);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.signout { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.sponsorship a::before { 
content: url(../images/parrainage.svg);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.vounchers a span.out span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.vounchers a span.out::after { 
content: "Bons Cadeaux";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.vounchers a::before { 
content: url(../images/bonsCadeaux.svg);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) { 
display: flex;
    flex-direction: column;
border-bottom: 1px solid var(--grisBordure);
    width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a { 
text-decoration: none;
    color: var(--gris);
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 10px 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a span.out { 
color: var(--gris);
    text-decoration: none;
    padding: .25rem .5rem;
    border: 1px solid transparent;
    border-radius: 10px;
    margin-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a.on span.out { 
border: 1px solid var(--violetFonce);
    border-radius: 10px;
    background-color: var(--violetFonce);
    color: var(--grisClair);
    margin-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a::after { 
display: block;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    content: url(../images/chevron-right.svg);
    position: absolute;
    right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a::before { 
display: block;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a:hover span.out { 
border-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) span.in::before { 
content: "Mes ";
        font-size: initial;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:nth-child(n-2) { 
border-bottom: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn p.civilite input[value*=effacer] { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn span.downloadAsPdfLink a.print { 
padding: 1rem 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn:has(ol.steps) { 
display: flex;
    flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.titreCompteClient div.snp-mondrian-column { 
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.titreCompteClient div.snp-mondrian-column div.title-element { 
display: flex;
    align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section:has(ol.steps) { 
position: relative;
    padding-bottom: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient span.back a { 
content: "";
  background-image: url(../images/chevron-up.svg);
  transform: rotate(270deg);
    width: 1.8rem;
    filter: invert(11%) sepia(81%) saturate(0%) hue-rotate(225deg) brightness(93%) contrast(95%);
  background-size: auto 100%;
  background-position: center;
  display: inline-block;
  background-repeat: no-repeat;
  aspect-ratio: 1 / 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient span.back a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet { 
max-width: 1600px;
	margin: 0 auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient { 
position: relative;
	padding-bottom: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient a { 
color: var(--violetFonce);
	text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create h4 { 
text-transform: uppercase;
	order: 0;
	font-weight: 400;
	margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create h4 span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create h4 span::after { 
content: "Créer un compte";
	font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create p.navigation.select button.valider::after { 
font-size: 1rem;
    content: "créer un compte";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.login p.motDePasse a span, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create p.motDePasse a span { 
background-image: url(../images/oeil.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto .8rem;
	padding-top: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.login p.motDePasse a, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create p.motDePasse a { 
display: inline-block;
	margin-left: .5rem;
	color: var(--gris);
	position: relative;
	top: 8px;
	left: 0;
	text-decoration: inherit;
	font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.login p.navigation.select button.valider, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create p.navigation.select button.valider { 
background-color: var(--violetFonce);
	color: var(--blanc);
	margin: 0;
	border: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0;
	cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.login p.navigation.select button.valider::after { 
font-size: 1rem;
	content: "se connecter";
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.login p.navigation.select, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.create p.navigation.select { 
display: inline-block;
	order: 6;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification { 
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create { 
display: flex;
	padding: 1rem;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--blanc);
	height: 100%;
	flex-direction: column;
	box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login { 
display: grid;
	padding: 1rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	box-shadow: var(--boxShadow);
	margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login h4 { 
text-transform: uppercase;
	order: 0;
	font-weight: 600;
	margin: 0;
	margin: 0;
	font-weight: 400;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login h4 span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login h4 span::after { 
content: 'Se connecter';
	font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p { 
margin: 0;
	margin-top: 1rem;
	font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.explication, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.explication { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.identifiant input, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.identifiant input { 
background-color: var(--creme);
	margin: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 0;
	color: var(--gris);
	width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.identifiant, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.identifiant { 
display: flex;
	order: 2;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.motDePasse input, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.motDePasse input { 
background-color: var(--creme);
	color: var(--gris);
	width: calc(100% - 80px);
	margin: 0px;
	padding: 0.5rem 1rem;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-image: initial;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.motDePasse, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.motDePasse { 
display: flex;
	order: 3;
	align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.sauvegarde input[type="checkbox"], div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.sauvegarde input[type="checkbox"] { 
appearance: none;
	border-radius: 0;
	border: 1px solid var(--violetFonce);
	outline: 0;
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.sauvegarde label, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.sauvegarde label { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.sauvegarde label::after, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.sauvegarde label::after { 
content: "Rester connecté";
	font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.login p.sauvegarde, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification div.create p.sauvegarde { 
display: flex;
	order: 5;
	align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.compteClient div.snp-webco-elements-compteClientIdentification form.register { 
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation { 
padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation button.snp-navigation-toggler { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content { 
display: initial;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul { 
text-align: center;
    padding: 2rem 1rem;
    padding-bottom: 0;
    min-width: 300px;
    flex-wrap: wrap;
    background-color: var(--blanc);
    font-size: 16px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    margin: 0 1rem;
    justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li a { 
padding: 0 1rem;
    height: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li a span.in { 
display: flex;
    align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li a span.out { 
color: var(--gris999);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li.contact-sav a span.in { 
padding-left: 2rem;
    background-image: url(../images/tel.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li.notre-adn a span.in { 
padding-left: 2rem;
    background-image: url(../images/fabrication.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li.snp-navigation-navitem { 
width: 100%
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation div.snp-navigation-content ul li.suivre-une-commande a span.in { 
padding-left: 2rem;
    background-image: url(../images/livraison.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient { 
position: relative;
	margin: 1rem 1rem;
	padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient h3 { 
color: var(--violetFonce);
    transform: translate(2rem, 40%);
    margin: 0;
    padding: 0 1rem;
    background-color: var(--blanc);
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.signout { 
background-color: var(--gris);
    position: absolute;
    right: 0px;
    list-style: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.signout a { 
border: none;
    padding: 0.5rem 1rem;
    display: inline-block;
    color: var(--blanc);
    text-transform: uppercase;
    font-size: 0.7rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.signout a::after { 
content: "";
    background-image: url(../images/f2f5.svg);
    width: 1.5ch;
    display: inline-block;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    filter: invert(99%) sepia(2%) saturate(1677%) hue-rotate(279deg) brightness(115%) contrast(100%);
    font-weight: 900;
    font-size: 1rem;
    text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.signout span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.title { 
margin: 0;
    background-color: var(--blanc);
    padding: 0 1rem;
    color: var(--gris);
    font-size: 1.5rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.title-in { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.title::after { 
border-top: 1px solid var(--gris);
    content: '';
    display: block;
    width: 100%;
    margin-left: .75rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient:has( div.snp-mondrian-element h3) { 
border-bottom: 1px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian section.loggedIn ol.steps li.signout { 
/*background-color: var(--gris);
    position: absolute;
    top: -29px;
    right: 0px;
    list-style: none;*/
}
div#zoneCentre div.compteClient div.invoices div.all-orders div.items div.header, div#zoneCentre div.compteClient div.bons-cadeaux div.all-bons-cadeaux div.items div.header, div#zoneCentre div.compteClient div.orders div.all-orders div.items div.header, div#zoneCentre div.compteClient div.quotes div.all-orders div.items div.header, div#zoneCentre div.compteClient div.quotes div.pending-quotes div.items div.header { 
display: none;
}
div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.register p.accepte-emailing span.form-input input.boolean:checked {
    background-image: url(../images/check-carre.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.register p.sauvegarde input:checked {
    background-image: url(../images/check-carre.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword {
    display: grid;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: var(--boxShadow);
    margin-bottom: 1rem;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword h4 {
    text-transform: uppercase;
    order: 0;
    font-weight: 600;
    margin: 0;
    margin: 0;
    font-weight: 400;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword p:not(.navigation) {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    flex-direction: column;
    max-width: 600px;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword p.how-to {
    display: none;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword p.navigation.select button.valider {
    background-color: var(--violetFonce);
    color: var(--blanc);
    margin: 0;
    border: 0;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid var(--violetFonce);
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword p input[type="password"] {
    background-color: var(--creme);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid var(--creme);
    color: var(--gris);
    width: 100%;
    font-size: .9rem;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword a.annuler {
    color: var(--violetFonce);
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.5rem;
  border: 1px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.changePassword p input[type="password"]:focus-visible {
    outline: 2px solid var(--violetFonce);
  }

/* COMPTE CLIENT V3 */

div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes:has( p.no-pending-orders ) {
    padding-left: 0 !important;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes p.no-pending-orders {
    padding-left: 1rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.codeDevis {
    grid-column: 1 / 2;
            grid-row: 1 / 2;
    margin-top: 1rem;
    white-space: nowrap;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.titre:not(:empty)::after {
    content: ' - ';
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.montantHt {
        grid-column: 3 / 5;
        grid-row: 1 / 2;
        justify-content: right;
        font-size: 1rem;
        font-weight: 800;
text-align: end;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.dateDevis {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    white-space: nowrap;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.loadLink {
        display: block;
        height: 30px;
        margin: auto;
        width: 100%;
    text-align: center;
    grid-column: 3/5;
    grid-row: 3/4;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.titre {
    display: none;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink a span.out span.in::before {
    content: 'Imprimer';
    font-size: .8rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink a span.out span.in {
        display: block;
        font-size: 0;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink a {
        background-image: initial;
        width: 100%;
        text-align: center;
        padding: 0.3rem 0.3rem;
        display: block;
        height: 30px;
    background-color: var(--gris444);
    border: 1px solid var(--gris444);
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink {
    display: block;
        height: 30px;
        margin: auto;
        width: 100%;
        grid-column: 3 / 4;
    padding-right: .1rem;
    padding-bottom: .1rem;
        grid-row: 2 / 3;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.loadLink a {
        background-color: var(--violetFonce);
        border: 1px solid var(--violetFonce);
    color: var(--blanc);
padding: 0.3rem 0.8rem;
    display: block;
    }
    .compteClient section.loggedIn div.link-steps p { 
    position: absolute;
                bottom: 20px;
                left: 0;
                width: 100%;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.loadLink span.out::before {
        content: "Reprendre";
    font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayLink a {
    background-color: var(--gris999);
        border: 1px solid var(--gris999);
    height: 30px;
    }
    .compteClient section.loggedIn div.snp-mondrian-column:has(ol.steps) { 
    position: relative;
        height: 450px;
    }
    .compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecHtmlAsDisplayString { 
    grid-row: 2/4;
            grid-column: 2/3;
        display: none;
    }
    .compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecHtmlAsDisplayString .item-suivi { 
    margin: auto 0;
            display: block;
            width: 100%;
        margin-bottom: 0;
    }
    .compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.urlImageArticleLePlusCher img { 
    width: 100px;
            height: auto;
            aspect-ratio: 1 / 1;
            max-width: 100px;
cursor: pointer;
    }
    .compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecHtmlAsDisplayString { 
    grid-row: 2/4;
                grid-column: 2/3;
            display: none;
    }
    .compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecHtmlAsDisplayString .item-suivi { 
    margin: auto 0;
                display: block;
                width: 100%;
            margin-bottom: 0;
    }
    .compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.urlImageArticleLePlusCher img { 
    width: 100px;
                height: auto;
                aspect-ratio: 1 / 1;
                max-width: 100px;
cursor: pointer;
    }
    .progressbar { 
    position: absolute;
                display: block;
                box-sizing: border-box;
                height: .3rem;
                background-color: var(--gris999);
                top: 6px;
            left: 0;
    }
    .progressbar .color { 
    display: block;
                height: .3rem;
                top: 6px;
    }
    .progressbar .color.etape-expe { 
    width: 100%;
                background-color: var(--violetFonce);
    }
    .progressbar .color.etape-paiement { 
    width: 50%;
                background-color: var(--violetFonce);
    }
    .progressbar .color.etape-valide { 
    width: 100%;
                background-color: var(--violetFonce);
    }
    .progressbar.off { 
    background-color: var(--gris-moyen);
    }
    .suivi { 
    display: flex;
                justify-content: space-between;
                flex-wrap: nowrap;
                position: relative;
    }
    .suivi .date { 
    display: block;
    }
    .suivi li { 
    display: flex;
            flex-direction: column;
            width: 100%;
            align-items: center;
        font-size: .8rem;
    }
    .suivi li.off::before { 
    background-color: var(--gris-moyen);
    }
    .suivi li.on::before { 
    background-color: var(--violetFonce);
    }
    .suivi li.step::before { 
    content: '';
                display: block;
                width: 1.2rem;
                height: 1.2rem;
                border-radius: 2rem;
                z-index: 10;
    }
    .suivi li.step::marker { 
    content: '';
    }
    .suivi li::before { 
    background-color: var(--gris999);
    }
    .suivi.commande .progressbar { 
    margin: 0 calc(33.33% / 2);
                width: 66.66%;
    }
    .suivi.devis .progressbar { 
    margin: 0 calc(50% / 2);
            width: 50%;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.link-steps a { 
    padding: 0.5rem;
            background-color: var(--violetFonce);
            border: none;
            color: var(--blanc);
            text-align: center;
            width: 80%;
            display: block;
            margin: auto;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.link-steps a span { 
    display: flex;
                justify-content: center;
                gap: .5rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.link-steps a span::after { 
    content: "";
                background-image: url(../images/telNoir.svg);
                width: 1.5ch;
                display: inline-block;
                background-repeat: no-repeat;
                aspect-ratio: 1 / 1;
                filter: invert(99%) sepia(2%) saturate(1677%) hue-rotate(279deg) brightness(115%) contrast(100%);
                font-weight: 900;
                font-size: 1rem;
                text-decoration: none;
                order: -1;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item { 
    grid-template-columns: 30% 30% 20% 20%;
            grid-column-gap: 0;
            grid-template-rows: 33% 33% 33%;
            padding: 1rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.codeCommande { 
    grid-column: 1 / 3;
                grid-row: 1 / 2;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink { 
        display: block;
        height: 30px;
        margin: auto;
        width: 100%;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink a { 
    background-color: var(--violetFonce);
                border: 1px solid var(--violetFonce);
                text-align: center;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.montantHt { 
    grid-column: 3/5;
                grid-row: 1/2;
                justify-content: right;
                font-size: 1rem;
                font-weight: 800;
text-align: end;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink a {
background-color: var(--gris999);
}
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink { 
    grid-column: 3 / 4;
                grid-row: 3 / 4;
            display: block;
                height: 30px;
                margin: auto;
                width: 100%;
                text-align: center;
            padding-right: .1rem;
            padding-top: .2rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink span.out { 
    background-color: var(--gris999);
                border: 1px solid var(--gris999);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink { 
    display: block;
            height: 30px;
            margin: auto;
            width: 100%;
            text-align: center;
        grid-column: 3 / 5;
            grid-row: 2/3;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.urlImageArticleLePlusCher { 
    grid-column: 1 / 1;
                grid-row: 1 / 4;
            display: none;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item { 
    grid-template-columns: 30% 30% 20% 20%;
        grid-column-gap: 0;
        grid-template-rows: 33% 33% 33%;
        padding: 1rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.codeCommande { 
    grid-column: 1 / 3;
            grid-row: 1 / 2;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.dateCommande { 
    font-size: .9rem;
        padding-top: .2rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink { 
    display: block;
            height: 30px;
            margin: auto;
            width: 100%;
            text-align: center;
        grid-column: 3 / 4;
            grid-row: 3/4;
        padding-right: .1rem;
        padding-top: .2rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink span.in { 
    font-size: 0;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink span.out { 
    color: var(--blanc);
            padding: 0.3rem 0.8rem;
            display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--gris999);
            border: 1px solid var(--gris999);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink span.out::before { 
    content: 'Facture';
        font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink { 
    grid-column: 4/ 5;
        padding-left: .1rem;
        padding-top: .2rem;
            grid-row: 3 /4;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink a { 
    background-color: var(--violetFonce);
            border: 1px solid var(--violetFonce);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink span.out::before { 
    content: 'Détail';
        font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecCouleurAvecDateAsDisplayString { 
    grid-column: 1 / 3;
            grid-row: 3 / 4;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecCouleurAvecDateAsDisplayString div.statut-commande-avec-date { 
    margin-left: 3rem;
    position: relative;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecCouleurAvecDateAsDisplayString div.statut-commande-avec-date::before { 
    content: '';
    width: 2.5rem;
    height: .3rem;
    position: absolute;
    display: block;
    left: -47px;
        top: 6px;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.montantHt { 
    grid-column: 3/5;
            grid-row: 1/2;
            justify-content: right;
            font-size: 1rem;
            font-weight: 800;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.montantHt::after { 
    content: " € HT";
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink { 
    grid-column: 3 / 4;
            grid-row: 3 / 4;
        display: block;
            height: 30px;
            margin: auto;
            width: 100%;
            text-align: center;
        padding-right: .1rem;
        padding-top: .2rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink span.in::before { 
    content: 'Payer';
        font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink span.out { 
    background-color: var(--gris999);
            border: 1px solid var(--gris999);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink:not(:has(a)) { 
    display: none;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink { 
    display: block;
            height: 30px;
            margin: auto;
            width: 100%;
            text-align: center;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink span.in { 
    font-size: 0;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink span.out { 
    color: var(--blanc);
            padding: 0.3rem 0.8rem;
            display: block;
        background-color: var(--gris444);
            border: 1px solid var(--gris444);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink span.out::before { 
    content: 'Suivre mon colis';
        font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.urlImageArticleLePlusCher { 
    grid-column: 1 / 1;
            grid-row: 1 / 4;
        display: none;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.dateCommande { 
    font-size: .9rem;
            padding-top: .2rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink { 
    display: block;
                height: 30px;
                margin: auto;
                width: 100%;
                text-align: center;
            grid-column: 3 / 4;
                grid-row: 3/4;
            padding-right: .1rem;
            padding-top: .2rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink span.in { 
    font-size: 0;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink span.out { 
    color: var(--blanc);
                padding: 0.3rem 0.8rem;
                display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--gris999);
                border: 1px solid var(--gris999);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink span.out::before { 
    content: 'Facture';
            font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayLink { 
    display: block;
            height: 30px;
            margin: auto;
            width: 100%;
            text-align: center;
    padding-left: .1rem;
    padding-bottom: .1rem;
    grid-column: 4/5;
        grid-row: 2/3;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayLink span.out::before { 
    content: 'Détail';
            font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecCouleurAvecDateAsDisplayString { 
    grid-column: 1 / 3;
                grid-row: 3 / 4;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecCouleurAvecDateAsDisplayString div.statut-devis-avec-date { 
    margin-left: 3rem;
    position: relative;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecCouleurAvecDateAsDisplayString div.statut-devis-avec-date::before { 
    content: '';
        width: 2.5rem;
        height: .3rem;
        position: absolute;
        display: block;
        left: -47px;
        top: 6px;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.montantHt::after { 
    content: " € HT";
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.payLink span.in::before { 
    content: 'Payer';
            font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.payLink:not(:has(a)) { 
    display: none;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink { 
    display: block;
                height: 30px;
                margin: auto;
                width: 100%;
                text-align: center;
            grid-column: 3 / 5;
                grid-row: 2/3;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink { 
    display: block;
                height: 30px;
                margin: auto;
                width: 100%;
                text-align: center;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink span.in { 
    font-size: 0;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink span.out { 
    color: var(--blanc);
                padding: 0.3rem 0.8rem;
                display: block;
            background-color: var(--gris444);
                border: 1px solid var(--gris444);
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink span.out::before { 
    content: 'Suivre mon colis';
            font-size: .8rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.signout { 
    position: absolute;
                bottom: -25px;
                left: 0;
                padding: 10px 0;
                width: 100%;
            display: block;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.signout a { 
    width: 80%;
            display: block;
            margin: auto;
            text-transform: capitalize;
            background-color: var(--gris999);
            border: none;
            color: var(--blanc);
            padding: 0.5rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.signout a span.out { 
    display: flex;
            justify-content: center;
            gap: .5rem;
            align-items: center;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.signout a span.out::after { 
    content: "";
            background-image: url(../images/f2f5.svg);
            width: 1.5ch;
            display: inline-block;
            background-repeat: no-repeat;
            aspect-ratio: 1 / 1;
            filter: invert(99%) sepia(2%) saturate(1677%) hue-rotate(279deg) brightness(115%) contrast(100%);
            font-weight: 900;
            font-size: 1rem;
            text-decoration: none;
    }
    
    .suivi li.cancel:last-child::after {
    content: '/remboursée';
    }
    
    .suivi li.cancel::before { 
    background-color: var(--rougeCompteClient);
    }
    .progressbar .color.cancel { 
    background-color: var(--rougeCompteClient);
    }
    
    div.statut-commande-avec-date:has(.etat-annulee)::before {
    background-color: var(--rougeCompteClient);
    }
    
    div.statut-devis-avec-date:has(.etat-validite-depassee)::before {
    background-color: var(--rougeCompteClient);
    }
    
    div.statut-commande-avec-date:has(.etat-expediee)::before {
    background-color: var(--violetFonce);
    }
    
    div.statut-commande-avec-date:has(.etat-payee)::before {
    background-color: var(--violetFonce);
    }
    
    div.statut-devis-avec-date:has(.etat-valide)::before {
    background-color: var(--violetFonce);
    }
    
    div.statut-commande-avec-date:has(.etat-commandee)::before {
    background-color: var(--gris999);
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.all-orders {
    display: flex;
        flex-direction: column;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.all-orders div.items {
    order: 1 !important;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.all-orders div.contenu {
    order: 0 !important;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.all-orders div.contenu p a {
    text-decoration: underline;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.all-orders div.contenu p {
    font-size: 1rem;
        margin: 0;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 0.25rem;
    }
div#zoneCentre div.snp-webco-elements-compteClientCommandes div.orders div.all-orders p.no-orders {
padding-left: .5rem;
}

div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes {
    display: flex;
        flex-direction: column;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes div.items {
    order: 1 !important;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes div.contenu {
    order: 0 !important;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes div.contenu p a {
    text-decoration: underline;
    }
    
    div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes div.contenu p {
    font-size: 1rem;
        margin: 0;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 0.25rem;
    }

body[class*=profil] div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian .snp-mondrian-column:has(.suivi-commande) {
max-width: 1600px;
margin: 0 auto;
padding-top: 4rem;
}

body[class*=profil] div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian .suivi-commande {
display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--blanc);
    height: 100%;
    flex-direction: column;
    box-shadow: var(--boxShadow);
}

body[class*=profil] div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian .suivi-commande table {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

body[class*=profil] div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian .suivi-commande table tr th {
    background-color: var(--blanc);
    color: var(--gris);
    border: 1px solid var(--gris);
    font-size: 1rem;
    text-align: center;
    padding: .5rem;
}

body[class*=profil] div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian .suivi-commande table tbody tr td {
    background-color: var(--grisClair);
    color: var(--gris);
    border: 1px solid var(--gris);
    font-size: 1rem;
    text-align: center;
    padding: 50px;
}@media screen and (min-width: 576px) {

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset p input[type=text] {
        margin-right: 7rem;
    }
        
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset legend {
        width: 400px;
    }

}

@media screen and (min-width: 992px) {

body[class*=profil] div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian .suivi-commande table tbody tr td {
        padding: 20px;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.montantHt {
text-align: start;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.montantHt {
text-align: start;
}

body[class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tbody tr td {
        padding: 20px;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.signout a::after {
    margin-left: 1ch;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.signout span {
    display: initial;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient span.title-in {
        flex-shrink: 0;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.titreCompteClient:not(:has( div.snp-mondrian-element h3 )) {
        margin-left: 350px;
    }

    body[class*=compte-client] div#zoneBas {
        display: grid;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.contenuPortlet section.loggedIn div.snp-mondrian-navigation {
        display: none;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div:has(ol.steps) {
        order: initial;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div:not(:has(ol.steps)) {
        order: initial;
        padding-left: .5rem;
    }
      
      div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn:has(ol.steps) {
        flex-direction: initial;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn > div:nth-child(2):has( div[data-vue="none"] ) {
    display: flex;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn > div:nth-child(1) div.snp-webco-elements-compteClientSteps:not(:has( ol[data-vue="none"] )) {
    display: flex;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.item {
        margin: 1rem 0;
        background-color: var(--blanc);
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item {
        padding: 2rem;
        font-size: 1rem;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a.on span.out, div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a span.out {
margin-left: 0;
}


div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient div.sponsorship div.sponsorship p.send a {
    margin: 0px auto;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates div.information.IndeXysGestionCommercialeClient.edition {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates {
    width: 80%;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates div.information.IndeXysGestionCommercialeClient.monProfil {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates div.information.IndeXysGestionCommercialeClient.monProfil p {
        font-size: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select {
        justify-content: center;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select a {
        font-size: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates p.navigation.select a + a {
        margin-left: 1rem;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li.vounchers a span.out::after {
    font-size: 1rem;
}

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a::before {
        margin: 0 20px;
    }

    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn ol.steps li:not(li.signout) a {
        flex-direction: row;
        justify-content: start;
        align-items: center;
        padding: 10px 0;
    }
  div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient
    section.loggedIn
    ol.steps {
    flex-direction: column;
    width: 20%;
    flex-shrink: 0;
    justify-content: start;
    font-size: 16px;
    padding-top: 0;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    div.compteClient
    section.loggedIn
    ol.steps {
    display: flex;
    flex-direction: column;
    width: 20%;
    margin: 0;
    justify-content: start;
  }

  div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet {
    max-width: 100%;
    margin-left: 40px;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    div.compteClient
    section.loggedIn {
    display: flex;
    padding-top: 2rem;
  }

  body[class*=profil] div#conteneur div#zoneCentre {
    padding: 0 2rem;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    section.compteClient
    div.snp-webco-elements-compteClientIdentification {
    display: flex;
    flex-wrap: wrap;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    section.compteClient
    div.snp-webco-elements-compteClientIdentification
    div.login {
    width: calc(50% - 0.5rem);
    margin-right: 0.5rem;
    margin-bottom: 0;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    section.compteClient
    div.snp-webco-elements-compteClientIdentification
    div.create {
    width: calc(50% - 0.5rem);
    margin-left: 0.5rem;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    div.compteClient
    div.recover {
    width: 100%;
    order: 1;
  }

  div#zoneCentre
    div.IndeXysCommercePortletCompteClientMondrian
    div.contenuPortlet
    div.compteClient
    div.recover {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.coordinates fieldset.adresseClient {
    margin-top: -19rem;
}

}


/* COMPTE CLIENT V3 */

@media screen and (min-width: 992px) {

div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.all-orders div.contenu p {
    margin-left: 0rem;
}

div#zoneCentre div.snp-webco-elements-compteClientDevis div.quotes div.pending-quotes div.contenu p {
    margin-left: 0rem;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayLink {
padding-bottom: 0;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink {
padding-right: 0;
padding-bottom: 0;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink a {
padding: .3rem .8rem;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.items div.item span.codeDevis::before {
    content: "Devis n° ";
    display: inline;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.codeDevis {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        white-space: nowrap;
        margin-left: 1rem;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.dateDevis {
display: none;
}
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecCouleurAvecDateAsDisplayString {
        display: none;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink span.out {
            display: block;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink span.out::before {
        content: 'Suivi colis';
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.dateCommande {
        display: none;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.urlImageArticleLePlusCher {
        display: block;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecCouleurAsDisplayString {
        display: none;
        }
        
        .compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.etatDevisAvecHtmlAsDisplayString {
        display: flex;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item {
        grid-template-columns: 100px 1fr 100px;
            grid-template-rows: 33px 33px 33px;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.codeCommande {
        grid-column: 2 / 3;
            grid-row: 1 / 2;
        white-space: nowrap;
        margin-left: 1rem;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.montantHt {
            grid-column: 2 / 3;
            grid-row: 1 / 2;
            justify-content: left;
        margin-top: 1.5rem;
        margin-left: 1rem;
        }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.montantHt {
            grid-column: 2 / 4;
        }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink {
        grid-column: 3 / 4;
            grid-row: 1 / 2;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.loadLink {
        grid-column: 3 / 4;
            grid-row: 3 / 4;
}
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayLink {
        grid-column: 3 / 4;
            grid-row: 2 / 3;
        padding-left: 0;
        padding-top: 0;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink {
        grid-column: 3 / 4;
            grid-row: 2 / 3;
        padding-right: 0;
        padding-top: 0;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink {
            grid-column: 3 / 4;
            grid-row: 1 / 2;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.payLink {
            grid-column: 3 / 4;
            grid-row: 2 / 3;
        padding-right: 0;
        padding-top: 0;
        }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecCouleurAvecDateAsDisplayString {
    display: none;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink span.out {
        display: block;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink span.out::before {
    content: 'Suivi colis';
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.dateCommande {
    display: none;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.urlImageArticleLePlusCher {
    display: block;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecCouleurAsDisplayString {
    display: none;
    }
    
    .compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.etatCommandeAvecHtmlAsDisplayString {
    display: flex;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item {
    grid-template-columns: 100px 1fr 100px;
        grid-template-rows: 33px 33px 33px;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.codeCommande {
    grid-column: 2 / 3;
        grid-row: 1 / 2;
    white-space: nowrap;
    margin-left: 1rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.montantHt {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        justify-content: left;
    margin-top: 1.5rem;
    margin-left: 1rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink {
    grid-column: 3 / 4;
        grid-row: 3 / 5;
    padding-left: 0;
    padding-top: 0;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink {
    grid-column: 3 / 4;
        grid-row: 2 / 3;
    padding-right: 0;
    padding-top: 0;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
    padding-right: 0;
    padding-top: 0;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.codeDevis {
margin-top: 0;
}

    }
    
    /* fin 992px */
    
    @media screen and (min-width: 1200px) {

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.printLink {
        grid-column: 4 / 5;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.displayLink {
        grid-column: 4 / 5;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.loadLink {
        grid-column: 4 / 5;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.codeDevis {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
margin-left: 0;
margin-top: 0;
}

.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.etatDevisAvecHtmlAsDisplayString {
grid-column: 2 / 4;
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.titre {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        white-space: nowrap;
        margin-left: 1rem;
display: block;
    }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) span.titre {
margin-right: .5ch;
}

    .suivi li {
    font-size: 1rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayLink span.out::before {
    content: 'Voir le détail';
    font-size: 1rem;
    }
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.trackingLink span.out::before {
    font-size: 1rem;
    content: 'Suivre mon colis';
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.displayInvoicesLink span.out::before {
    content: 'Voir ma facture';
    font-size: 1rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.payLink span.in::before {
    content: 'Payer ma commande';
    font-size: 1rem;
    }
    
    .compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.urlImageArticleLePlusCher img {
    width: 120px;
    max-width: 120px;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item {
    grid-template-columns: 120px 1fr 200px;
        grid-template-rows: 40px 40px 40px;
    }
    
    div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientCommandes div.items div.item span.montantHt {
    font-size: 1.2rem;
    }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayLink span.out::before {
        content: 'Voir le détail';
        font-size: 1rem;
        }
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.trackingLink span.out::before {
        font-size: 1rem;
        content: 'Suivre mon colis';
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.displayInvoicesLink span.out::before {
        content: 'Voir ma facture';
        font-size: 1rem;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.payLink span.in::before {
        content: 'Payer ma commande';
        font-size: 1rem;
        }
        
        .compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.urlImageArticleLePlusCher img {
        width: 120px;
        max-width: 120px;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item {
        grid-template-columns: 120px 1fr 200px;
            grid-template-rows: 40px 40px 40px;
        }

        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item:not(:has(span.titre:empty)) {
            grid-template-columns: 120px auto 1fr 200px;
            grid-template-rows: 40px 40px 40px;
        }
        
        div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.montantHt {
        font-size: 1.2rem;
        }

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.loadLink span.out::before {
font-size: 1rem;
    content: "Reprendre mon devis";
}

div#zoneCentre div.IndeXysCommercePortletCompteClientMondrian div.compteClient section.loggedIn div.snp-webco-elements-compteClientDevis div.items div.item span.printLink a span.out span.in::before {
font-size: 1rem;
}
    
    }
    
    
    /* fin 1200px */#Configurateur_Configuration .configurateur .options .option .option-values .option .image a:has(img[alt*='Sans Perçage'])::after {
content: '';
display: block;
    background-image: url(../images/sans-percage.svg);
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    bottom: 3px;
    right: 3px;
    background-size: 100%;
}
#Configurateur_Previsualisation .galerie.masquerPromo .promotion {
display: none;
}
.colorisTooltip .incompatibilite-coloris img {
    opacity: .3;
}
#Configurateur_Configuration .configurateur .liste-coloris .coloris > span.incompatibilite {
    opacity: .2;
}
#Configurateur_Configuration .configurateur .image a .vente1 {
position: absolute;
top: 0;
right: .5rem;
display: block;
width: 2.5rem;
height: 3.5rem;
background-image: url(../images/venteN1.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
z-index: 10;
}
#Configurateur_Configuration .configurateur .image a .vente1 .label {
display: none;
}

.choix-coloris .colorisTooltip img {
height: 240px;
width: auto;
}

.choix-options .colorisTooltip img {
height: 260px;
width: auto;
}

.choix-galons .colorisTooltip img {
height: 195px;
width: auto;
}
#Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a:not(:first-child) {
display: none;
}
#Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation {
display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--grisClair);
}
#Configurateur_Configuration .configurateur .coloris .image a img {
height: 100%;
}
#Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation {
    display: none;
}

#Configurateur_Previsualisation .galerie .swiper-group a {
/*margin-bottom: 16px;*/
display: flex;
aspect-ratio: 1 / 1;
height: 100%;
}

.stars-widget {
width: initial !important;
}
#Configurateur_Titre .avis-clients .ekomi-widget-container a {
color: var(--gris) !important;
    font-weight: 700;
}
#Configurateur_Titre .avis-clients a img {
margin-top: 0.3rem;
    width: 265px;
    height: 18px;
    object-fit: cover;
}
#configurateur_2025 #Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a#video_galerie {
display: none;
}
#configurateur_2025 #Configurateur_Configuration .configurateur .liste-galons .galon .image a img {
height: 100%;
}

#configurateur_2025 #Configurateur_Configuration .configurateur .options .option .option-values .option .image a img {
    height: 100%;
}
#Configurateur_Configuration .description .tarif .prix-final .htTtc {
    margin-left: .25ch;
}
    #Configurateur_Configuration .description .tarifAPartirDe .montant .devise .htTtc {
        margin-left: .25ch;
    }
    #Configurateur_Configuration .description .tarif .montant-total .montant .taxes .htTtc {
    margin-left: .25ch;
    }
    .colorisTooltip span.vente1 {
        display: none !important;
    }
    div[class*='moustiquaire'] #Configurateur_Titre .echantillons {
        display: none !important;
        }
    div[class*='moustiquaire'] #Configurateur_Configuration .row-remise-caracteristique {
        display: none !important;
        }
        #drag { 
            position: absolute;
            right: -4px;
            top: 0;
            bottom: 0;
            width: 8px;
            cursor: w-resize;
            background-color: var(--grisBordure);
            }
            .modal.show {
            justify-content: center;
            align-items: baseline;
            }
            #survol_galerie_previsualisation_dialog.modal img {
            width: 100%;
            aspect-ratio: 1/1;
            max-width: 600px;
            max-height: 600px;
            }
            .ekomi-widget-container a { 
            cursor: pointer;
            }
            .ekoo-widget-container-picture-button { 
            cursor: pointer;
            }
            .openAlmaModal { 
            cursor: pointer;
            display: inline-block;
            margin-top: .5rem;
            text-align: center;
            }
            .openAlmaModal .logo-alma { 
            display: inline-block;
            width: 3rem;
            aspect-ratio: 113/32;
            background-image: url(../images/alma.svg);
            background-position: center;
            background-size: 100% auto;
            background-repeat: no-repeat;
            }
            .openAlmaModal:hover { 
            text-decoration: underline;
            }
            .tooltipster-base .tooltipster-content { 
            padding: 0px;
            }
            .tooltipster-base .tooltipster-content .coloris { 
            position: relative;
            }
            .tooltipster-base .tooltipster-content .coloris img { 
            max-width: 300px;
            height: auto;
            }
            .tooltipster-base .tooltipster-content .coloris .delai { 
            position: absolute; top: 0; left: 0; width: 100%; background-color: var(--violetFonce); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc);
            }
            .tooltipster-base .tooltipster-content .coloris .delai > span { 
            display: block; margin: 0; padding: 0; text-align: center;
            }
            .tooltipster-base .tooltipster-content .coloris .disponibilite { 
            position: absolute; top: 0; left: 0; width: 100%; background-color: var(--violetFonce); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc);
            }
            .tooltipster-base .tooltipster-content .coloris .disponibilite > span { 
            display: block; margin: 0; padding: 0; text-align: center;
            }
            .tooltipster-base .tooltipster-content .option { 
            position: relative;
            }
            .tooltipster-base .tooltipster-content .option img { 
            max-width: 260px;
            }
            .tooltipster-base .tooltipster-content .option.incompatibilite-option img { 
            opacity: .3;
            }
            .tooltipster-base .tooltipster-content .option.incompatibilite-option .incompatibilite-tooltip { 
            position: absolute; top: 50%; left: 50%; padding: 1rem; color: var(--rouge); transform: translate(-50%, -50%); width: 100%; font-weight: 700; z-index: 10;
            }
            .tooltipster-base .tooltipster-content .survol-galon { 
            position: relative;
            }
            .tooltipster-base .tooltipster-content .survol-galon img { 
            max-width: 300px;
            height: auto;
            }
            .tooltipster-base .tooltipster-content .survol-galon .delai { 
            position: absolute; top: 0; left: 0; width: 100%; background-color: var(--violetFonce); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc);
            }
            .tooltipster-base .tooltipster-content .survol-galon .delai > span { 
            display: block; margin: 0; padding: 0; text-align: center;
            }
            .tooltipster-base .tooltipster-content .survol-galon .disponibilite { 
            position: absolute; top: 0; left: 0; width: 100%; background-color: var(--violetFonce); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc);
            }
            .tooltipster-base .tooltipster-content .survol-galon .disponibilite > span { 
            display: block; margin: 0; padding: 0; text-align: center;
            }
            .tooltipster-sidetip .tooltipster-box { 
            background:var(--blanc); border: 1px solid var(--grisClair);
            }
            .tooltipster-sidetip .tooltipster-content { 
            padding: 6px;
            padding-bottom: 2px;
            }
            .tooltipster-sideti.tooltipster-bottom .tooltipster-arrow-background { 
            border-bottom-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-bottom .tooltipster-arrow-border { 
            border-bottom-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-left .tooltipster-arrow-background { 
            border-left-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-left .tooltipster-arrow-border { 
            border-left-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-right .tooltipster-arrow-background { 
            border-right-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-right .tooltipster-arrow-border { 
            border-right-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-top .tooltipster-arrow-background { 
            border-top-color: var(--grisClair);
            }
            .tooltipster-sideti.tooltipster-top .tooltipster-arrow-border { 
            border-top-color: var(--grisClair);
            }
            :root { 
            --swiper-navigation-size: 1rem;
            }
            body[class*="panier"] .ekomi-widget-container a { 
            color: var(--violetFonce) !important;
            }
            #conteneur.0a0c93b3-fecf-4b64-94d5-238b9585bbca #Configurateur_Conseils { 
            display: none;
            }
            #conteneur.EnsembleCollection.cortina .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume, #conteneur.EnsembleCollection.cortina .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { 
            display: none;
            }
            #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur { 
            display: block;
            height: 45px;
            }
            #conteneur.Produit.tringle-laiton #Configurateur_Configuration .configurateur .coloris .image a img, #conteneur.Produit.alliance #Configurateur_Configuration .configurateur .coloris .image a img, #conteneur.Produit.tringles-cortina #Configurateur_Configuration .configurateur .coloris .image a img { 
            object-position: left;
            }
            #conteneur.Produit.tringles-tendance #Configurateur_Configuration .configurateur .coloris .image a img { 
            object-position: -2rem;
            }
            #conteneur.Produit[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .titre-off .selection { 
                font-size: 0;
                &::after { 
                    font-size: .9rem;
                    content: "Choisissez votre code dimensionnel";
                }
            }
            #conteneur:not([class*="velux"]) #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide { 
                position: absolute;
                top: calc((32px - 1.75rem) / 2);
                right: 1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--violetClair);
                text-decoration: inherit;
                color: var(--blanc);
                & span { 
                    display: none;
                }
                &::after { 
                    content: "";
                    width: 2ch;
                    background-position: center;
                    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
                    background-image: url(../images/3f.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    font-weight: 400;
                    font-size: .75rem;
                }
            }
            #conteneur[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide { 
            text-decoration: none;
            color: var(--blanc);
            text-transform: uppercase;
            display: flex;
            margin: 1rem 1rem .5rem;
            justify-content: center;
            cursor: default;
            background-color: initial;
            width: initial;
            }
            #conteneur[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide span { 
                display: inline-flex;
                gap: .2rem;
                font-size: 0;
                background-color: var(--violetClair);
                border-radius: .25rem;
                padding: .5rem;
                cursor: pointer;
                text-align: center;
                &::after {
                    content: " 0ù trouver le code dimensionnel de votre Fenêtre Velux® ?";
                    color: var(--blanc);
                    font-size: .8rem;
                    font-family: 'Mulish', sans-serif;
                }
                &::before { 
                    content: "";
                    background-position: center;
                    background-image: url(../images/3f-violetFonce.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    background-color: var(--blanc);
                    font-size: 1rem;
                    font-weight: 400;
                    display: inline-flex;
                    width: 1.2rem;
                    height: 1.2rem;
                    border-radius: 50%;
                    align-items: center;
                    justify-content: center;
                }
                &:hover { 
                    background-color: var(--violetClair);
                }
            }
            #fancybox-wrap { 
            padding: 0;
            left: 50% !important;
            transform: translateX(-50%);
            }
            #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier { 
            text-align: center;
            }
            #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .continuer a { 
            display: inline-flex;
            color: var(--gris);
            border: 3px solid var(--gris);
            text-decoration: inherit;
            text-transform: uppercase;
            height: 40px;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 300px;
            font-size: .9rem;
            font-weight: 700;
            transition: all 200ms ease 0s;
            }
            #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .message { 
                color: var(--violetFonce);
                display: flex;
                flex-direction: column;
                align-items: center;
                &::before { 
                    content: "";
                    background-image: url(../images/f00c-violetFonce.svg);
                    display: inline-flex;
                    align-items: center;
                    background-repeat: no-repeat;
                    background-size: 2ch;
                    aspect-ratio: 1/1;
                    background-position: center;
                    font-weight: 400;
                    font-size: 3rem;
                }
            }
            #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .quantite { 
            margin-bottom: 0;
            }
            #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .valeur { 
            margin-top: .25rem;
            }
            #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .voir-panier a { 
                display: flex;
                justify-content: center;
                align-items: center;
                height: 50px;
                width: 100%;
                background-color: var(--violetFonce);
                border: none;
                text-transform: uppercase;
                color: var(--blanc);
                font-family: 'Mulish';
                font-weight: 700;
                font-size: 1rem;
                max-width: 300px;
                margin: 0 auto;
                background-image: url(../images/panierConfigurateur.svg);
                background-repeat: no-repeat;
                background-position: 2rem center;
                background-size: auto 60%;
                padding-left: 1.5rem;
                cursor: pointer;
                text-decoration: none;
                &:hover { 
                    background-color: var(--violetClair);
                    text-decoration: underline;
                }
            }
            #fancybox-wrap #fancybox-outer #fancybox-content { 
            width: 100% !important;
            }
            .IndeXysCommerceArticle #detailPublication .detailPublication .grille .config .delai-expedition p, .Echantillon #detailPublication .detailPublication .grille .config .delai-expedition p { 
            margin: 0 auto;
                padding: 0 .5rem 0 6rem;
                text-transform: uppercase;
                font-size: .9rem;
                background-image: url(../images/livraison.svg);
                background-position: 1rem center;
                background-repeat: no-repeat;
                background-size: auto 90%;
                max-width: 500px;
                letter-spacing: .08rem;
            }
            .StoresEtRideauxPortletAide .table-overflow { 
            scrollbar-width: none;
            }
            .configuration .avis-clients #ekomi-product-widget-identifier { 
            display: none;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection { 
            display: grid;
            grid-template-columns: 1fr;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { 
            margin: 1rem 1rem 0;
            display: grid;
            grid-template-columns: 1fr;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile { 
            display: grid;
            grid-template-columns: 1fr 50%;
            grid-auto-rows: 1fr;
            grid-gap: .5rem;
            padding-top: 1rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .telechargement-pose-facile a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .telechargement-pose-facile .obfusquer { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/telechargement.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            cursor: pointer;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .titre-pose-facile { 
            grid-column: 1/2;
            grid-row: 1/3;
            text-transform: uppercase;
            padding: .75rem 0 .75rem 2.25rem;
            background-image: url(../images/chrono.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 2rem auto;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .titre-pose-facile span { 
            color: var(--violetFonce)
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .video-pose-facile a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/videoLiens.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .visualiser-pose-facile a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/oeil.svg);
            background-position: .5rem center;
            background-repeat: no-repeat;
            background-size: 2.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure { 
            border-bottom: 1px solid var(--gris);
            display: grid;
            grid-template-columns: 1fr 50%;
            grid-auto-rows: 1fr;
            grid-gap: .5rem;
            padding-bottom: 1rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure .obfusquer { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/telechargement.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            cursor: pointer;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .titre-prise-de-mesure { 
            grid-column: 1/2;
            grid-row: 1/3;
            text-transform: uppercase;
            padding: .75rem 0 .75rem 2.25rem;
            background-image: url(../images/mesure.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 2rem auto;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .titre-prise-de-mesure span { 
            color: var(--violetFonce);
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .video-prise-de-mesure a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/videoLiens.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .visualiser-prise-de-mesure a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/oeil.svg);
            background-position: .5rem center;
            background-repeat: no-repeat;
            background-size: 2.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume { 
            background-color: var(--grisClair);
            display: grid;
            grid-template-columns: 35% 1fr;
            padding: .75rem 2rem;
            font-weight: 900;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu { 
            align-self: center;
            border-left: 1px solid var(--gris);
            padding-left : 2rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif { 
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: .9rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .quantite { 
            font-weight: 500;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .remise { 
            color: var(--rouge);
            font-size: .8rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .titre { 
            display: none;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume h3 { 
            text-transform: uppercase;
            margin: 0;
            font-size: 1rem;
            width: 50%;
            align-self: center;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre { 
            border-bottom: 1px solid var(--gris);
            margin: 1rem 0 .5rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre h1 { 
            transform: translate(1rem, 40%);
            margin: 0;
            padding: 0 1rem;
            background-color: var(--blanc);
            display: inline-block;
            text-transform: uppercase;
            color: var(--gris);
            font-weight: 700;
            font-size: 1.25rem;
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection { 
            margin: 1rem;
            display: block;
            padding: .5rem 1rem;
            background-color: var(--grisBloc);
            color: var(--blanc);
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection::first-letter { 
            text-transform: capitalize;
            }
            .information.EnsembleCollection.detail .texteAffichageDetail a { 
                color: var(--violetFonce);
                text-decoration: inherit;
                &:hover { 
                    text-decoration: underline;
                }
            }
            .information.EnsembleCollection.detail .texteAffichageDetail p { 
            margin: 1rem 0;
            padding: 0 1rem;
            }
            .information.Produit.detail .configuration { 
            margin: 1.5rem 0 0;
            padding: 0 1rem;
            }
            .information.Produit.detail #alma-widget { 
            display: flex;
            justify-content: center;
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer { 
            position: fixed;
            bottom: 0;
            background-color: var(--violetFonce);
            width: 100%;
            transform: translateX(-1rem);
            color: var(--blanc);
            display: grid;
            padding: 0 1rem;
            grid-template-columns: 60% 1fr;
            grid-gap: .5rem;
            visibility: hidden;
            opacity: 0;
            height: 0;
            font-size: .9rem;
            transition: opacity 0.3s ease, height 0.3s ease;
            z-index: 100;
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .droite { 
            margin: .5rem 0;
            padding: 0 .25rem;
            background-color: var(--blanc);
            color: var(--violetFonce);
            text-align: center;
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .droite > span:nth-child(2) { 
            display: none;
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .droite .montant-ecotaxes { 
                font-size: 0;
                display: block;
                &::after { 
                    content: "Livraison gratuite";
                    font-size: .8rem;
                }
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .droite .prixUnitaire { 
            display: none;
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .droite .tarifAPartirDe { 
            display: flex;
            flex-direction: column;
            align-items: center;
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .gauche { 
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: .5rem .25rem
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer .gauche .lien a { 
                text-decoration: none;
                color: inherit;
                & span::before { 
                    content: "";
                    background-image: url(../images/f178.svg);
                    width: 1.7ch;
                    background-position: center 0.1rem;
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    display: inline-block;
                    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(105%) contrast(101%);
                    margin-right: 0.5rem;
                    font-weight: 400;
                    font-size: 1rem;
                }
            }
            .information.Produit.detail #ResumeDescriptionUpdateContainer.visible { 
            visibility: visible;
            opacity: 1;
            height: auto;
            min-height: 55px;
            }
            #Configurateur_Configuration #ekoo-root-container, #Configurateur_Configuration .IndeXys-widget-ekoo { 
            padding: 0;
            padding-left: .5rem;
            padding-top: .5rem;
            margin: 0 !important;
            }
            .configuration.Produit .accessoires .accessoire .presentation { 
            display: flex;
            flex-direction: column-reverse;
            order: initial !important;
            }
            #Configurateur_Configuration .caracteristiques { 
            margin: 1rem 0;
            display: flex;
            flex-grow: 1;
            align-items: center;
            }
            #Configurateur_Configuration .caracteristiques a { 
                color: var(--violetFonce);
                text-decoration: inherit;
                font-weight: 700;
                padding-left: 3.5rem;
                background-image: url(../images/ct.svg);
                background-repeat: no-repeat;
                background-size: auto 100%;
                display: flex;
                height: 3rem;
                align-items: center;
                &:hover span { 
                    text-decoration: underline;
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .titre-largeur-effective:not(:has(.souligne)) {
                text-decoration: underline;
            }
            #Configurateur_Configuration .configurateur > .options { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur > .options .options { 
            padding-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur a { 
            color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .choix-accessoires:has(> *) { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur .choix-accessoires .aide { 
                position: absolute;
                top: calc((32px - 1.75rem) / 2);
                right: 1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--violetClair);
                text-decoration: inherit;
                color: var(--blanc);
                & span { 
                    display: none;
                }
                &::after { 
                    content: "";
                    width: 2ch;
                    background-position: center;
                    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
                    background-image: url(../images/3f.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    font-weight: 400;
                    font-size: .75rem;
                }
            }
            .accessoires .accessoires { 
            margin: 0;
            padding: .5rem;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire { 
            display: flex;
            flex-direction: column;
            border: 4px solid var(--grisClair);
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire { 
            background-color: var(--blanc);
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande { 
            text-align: center;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite { 
            display: flex;
            justify-content: space-around;
            align-items: center;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .augmenter { 
            display: flex;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .augmenter a { 
            padding: 0;
            background: var(--blanc);
            cursor: pointer;
            width: 1.5rem;
            height: 1.5rem;
            border: 2px solid var(--gris);
            border-radius: 100%;
            background-image: url("../images/plus-solid.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: 50% auto;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .augmenter a span { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .diminuer { 
            display: flex;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .diminuer a { 
            padding: 0;
            background: var(--blanc);
            cursor: pointer;
            width: 1.5rem;
            height: 1.5rem;
            border: 2px solid var(--gris);
            border-radius: 100%;
            background-image: url("../images/minus-solid.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: 50% auto;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .diminuer a span { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .quantite { 
            border: none;
            font-size: 1.5rem;
            color: var(--violetFonce);
            text-align: center;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .tarif { 
            margin: 0 0 1rem;
            background-color: var(--gris);
            color: var(--blanc);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            padding: 0 .75rem;
            font-size: 1.1rem;
            font-weight: 800;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .tarif .devise { 
            margin-left: 1ch;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .presentation .image { 
                display: block;
                position: relative;
                & img { 
                    max-width: 100%;
                    height: 100%;
                    object-fit: cover;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                &::after { 
                    content: "";
                    padding-top: 100%;
                    display: block;
                }
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .presentation .titre { 
            min-height: initial;
            text-align: center;
            }
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire.active { 
            border: 4px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .choix-accessoires .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                   content: ".";
                }
            }
            #conteneur.Produit[class*="moustiquaire"] #Configurateur_Configuration .choix-coloris .titre-off .selection {
                display: none;
            }
            #conteneur.Produit[class*="moustiquaire"] #Configurateur_Configuration .choix-coloris .titre-off::after {
                content: "Choisissez votre toile";
            }
            #Configurateur_Configuration .liste-accessoires .image {
                border: 0;
            }
            #Configurateur_Configuration .liste-accessoires .presentation .titre {
                order: 2;
            }
            #Configurateur_Configuration .configurateur .avantages { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .choix-coloris { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur .coloris .aide { 
                position: absolute;
                top: calc((32px - 1.75rem) / 2);
                right: 1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--violetClair);
                text-decoration: inherit;
                color: var(--blanc);
                & span { 
                    display: none;
                }
                &::after { 
                    content: "";
                    width: 2ch;
                    background-position: center;
                    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
                    background-image: url(../images/3f.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    font-weight: 400;
                    font-size: .75rem;
                }
            }
            .liste-coloris, .liste-galons { 
            margin: 0;
            padding: .5rem;
            }
            #Configurateur_Configuration .configurateur .liste-coloris .coloris > span { 
            display: flex;
            flex-direction: column;
            height: 100%;
            }
            #Configurateur_Configuration .active .image { 
                border: 5px solid var(--violetClair);
                & a::before { 
                    content: "";
                    background-image: url(../images/checkPSOBordBlanc.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    display: block;
                    width: 2.5rem;
                    aspect-ratio: 1/1;
                    position: absolute;
                    top: -1.85rem;
                    right: 0;
                    z-index: 11;
                }
            }
            #Configurateur_Configuration .configurateur .coloris .detail { 
            display: block;
            margin: 0 .25rem .5rem;
            padding: .5rem 0;
            border-top: 1px solid var(--gris);
            font-size: .75rem;
            }
            #Configurateur_Configuration .configurateur .coloris .detail:empty { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .coloris .image a { 
            color: var(--blanc);
            text-decoration: inherit;
            position: relative;
            display: flex;
            align-items: flex-start;
            justify-content: flex-end;
            }
            #Configurateur_Configuration .configurateur .coloris .image a img { 
            max-width: 100%;
            object-fit: cover;
            display: block;
            aspect-ratio: 1/1;
            width: 100%;
            }
            .configuration.Tringle.Produit #Configurateur_Configuration .configurateur .coloris .image a img {
                height: auto;
                width: 100%;
                position: initial;
                object-fit: contain;
                max-width: initial;
                display: block;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .delai .label::after { 
            content: " +";
            margin-right: .5ch;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .disponibilite .label, #Configurateur_Configuration .configurateur .coloris .image a .delai .label { 
            margin-right: 1ch;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .disponibilite, #Configurateur_Configuration .configurateur .coloris .image a .delai { 
            display: flex;
            justify-content: center;
            align-items: center;
            height: 20px;
            background-color: var(--violetFonce);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: .5rem;
            z-index: 100;
            color: var(--blanc);
            font-weight: 500;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite { 
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite span + span { 
            margin-top: .5rem;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite .exclusivite { 
            background-color: var(--gris);
            display: flex;
            justify-content: center;
            width: 90px;
            height: 1.5rem;
            color: var(--blanc);
            align-items: center;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite .nouveaute { 
            background-color: var(--violetFonce);
            display: flex;
            justify-content: center;
            width: 90px;
            height: 1.5rem;
            color: var(--blanc);
            align-items: center;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris { 
            display: flex;
            justify-content: center;
            align-items: center;
            height: 20px;
            background-color: var(--violetFonce);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: .5rem;
            z-index: 100;
            }
            
            #Configurateur_Configuration .liste-accessoires .presentation {
                margin: 0;
                display: flex;
                flex-direction: column;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris .des { 
            margin: 0 .5ch;
            }
            #Configurateur_Configuration .configurateur .coloris .image a:focus-visible { 
            outline: 2px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .coloris .image a:hover { 
            box-shadow: var(--boxShadow);
            }
            #Configurateur_Configuration .configurateur .coloris .image:hover { 
            scale: 1.01;
            }
            #Configurateur_Configuration .configurateur .coloris .input { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .coloris span.title { 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: .5rem 0;
            flex-grow: 1;
            margin: 0 calc(.25rem + 6px);
            text-align: center;
            word-break: break-word;
            color: var(--grisNav);
            margin: 0;
            }
            #Configurateur_Configuration .configurateur .coloris .title a { 
            color: var(--grisTitre);
            text-decoration: inherit;
            font-weight: 700;
            }
            #Configurateur_Configuration .titre-off { 
            display: flex;
            align-items: center;
            height: 2rem;
            background-color: var(--grisPlaceHolder);
            color: var(--blanc);
            padding: 0 .75rem;
            text-transform: uppercase;
            font-size: .9rem;
            margin: 0 0 1.5rem;
            font-weight: 700;
            }
            #Configurateur_Configuration .choix-coloris .titre-off {
                margin-bottom: 1rem;
            }
            #Configurateur_Configuration .dimensions .titre-off {
                margin-bottom: 0;
            }
            #Configurateur_Configuration .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                   content: ".";
                }
            }
            #Configurateur_Configuration .configurateur .dimensions { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { 
            margin: 0;
            padding: .5rem;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: .5rem !important;
            font-size: .8rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap { 
            margin: .5rem 0;
            display: flex;
            justify-content: center;
            align-items: center;
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a { 
                color: var(--gris);
                text-decoration: inherit;
                border: 1px solid var(--gris);
                padding: .5rem;
                position: relative;
                flex-grow: 1;
                text-align: center;
                border-radius: .25rem;
                &:hover { 
                    text-decoration: underline;
                    box-shadow: var(--boxShadow);
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"] { 
                display: none;
                &:checked + a { 
                    border-color: var(--violetFonce);
                    scale: 1.01;
                    background-color: var(--violetFonce);
                    color: var(--blanc)!important;
                    position: relative;
                }
                &:checked + a::before { 
                    content: "";
                    background-image: url(../images/checkPSOBordBlanc.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    display: block;
                    width: 2.5rem;
                    aspect-ratio: 1/1;
                    position: absolute;
                    top: -1.35rem;
                    right: 0;
                    z-index: 10;
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p span[class*="titre"] { 
            text-transform: uppercase;
            margin-left: 1px;
            white-space: break-spaces;
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                    content: ".";
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) { 
            margin: 0;
            margin-bottom: -.5rem;
            display: grid;
            width: 100%;
            height: 100%;
            padding: .75rem 40px 0 .75rem;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 1rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) { 
            display: inline-block;
            width: 100%;
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere { 
            width: 100%;
            border: 2px solid var(--grisClair);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere:focus-visible { 
            outline: none;
            border: 2px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .aide { 
                display: flex;
                justify-content: center;
                align-items: center;
                min-width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--violetClair);
                text-decoration: inherit;
                color: var(--blanc);
                margin-left: auto;
                order: 2;
                cursor: pointer;
                & span { 
                    display: none;
                }
                &::after { 
                    content: "";
                    width: 2ch;
                    background-position: center;
                    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
                    background-image: url(../images/3f.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    font-weight: 400;
                    font-size: .75rem;
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux > div { 
            margin: 0;
            padding: .5rem;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: .5rem;
            font-size: .8rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux .nombre-panneaux { 
            margin: .5rem 0;
            display: flex;
            justify-content: center;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux .nombre-panneaux a { 
                color: var(--gris);
                text-decoration: inherit;
                border: 1px solid var(--gris);
                padding: .5rem;
                position: relative;
                flex-grow: 1;
                text-align: center;
                border-radius: .25rem;
                display: flex;
                flex-direction: column;
                font-size: 0;
                white-space: break-spaces;
                &:hover { 
                    text-decoration: underline;
                    box-shadow: var(--boxShadow);
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux .nombre-panneaux input[type="radio"] { 
                display: none;
                &:checked + a { 
                    border-color: var(--violetFonce);
                    scale: 1.01;
                    background-color: var(--violetFonce);
                    color: var(--blanc) !important;
                    position: relative;
                }
                &:checked + a::before { 
                    content: "";
                    background-image: url(../images/checkPSOBordBlanc.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    display: block;
                    width: 2.5rem;
                    aspect-ratio: 1/1;
                    position: absolute;
                    top: -1.35rem;
                    right: 0;
                    z-index: 10;
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteur { 
            width: 100%;
            border: 3px solid var(--grisBloc);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteur:focus-visible { 
            outline: none;
            border-color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteurComplementaire { 
            width: 100%;
            border: 3px solid var(--grisBloc);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.hauteurComplementaire{
            border: 3px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteurComplementaire:focus-visible { 
            outline: none;
            border: 3px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteur[type="radio"] { 
            width: initial;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeur { 
            width: 100%;
            border: 3px solid var(--grisBloc);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeur:focus-visible { 
            outline: none;
            border-color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeurRail { 
            width: 100%;
            border: 3px solid var(--grisBloc);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeurRail:focus-visible { 
            outline: none;
            border-color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span a { 
            display: inline-block;
            color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span .unit { 
            position: absolute;
            top: 16px;
            right: .5rem;
            transform: translateY(-50%);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.hauteur { 
            border: 3px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.largeur { 
            border: 3px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.largeurRail { 
            border: 3px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .dimensions { 
            display: inline-block;
            margin: .3rem 0;
            font-size: .7rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .dimensions { 
            display: block;
            font-size: .6rem;
            text-align: center;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .hauteur_effective_update { 
            display: block;
            font-size: .6rem;
            margin: .5rem 0 0;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .hauteur_effective_update a { 
            color: var(--violetFonce);
            text-decoration: inherit;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .titre-hauteur { 
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: .5rem;
            font-size: .7rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur-effective { 
            font-size: .85rem;
            font-weight: 600;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur-effective .titre-hauteur-effective {
                text-decoration: underline;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur-effective .valeur-hauteur-effective { 
                color: var(--gris);
                font-weight: 700;
                margin-left: .5ch;
                white-space: nowrap;
                &::after { 
                    content: " cm";
                }
                &:empty { 
                    display: none;
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire input.hauteurComplementaire { 
            width: 100%;
            border: 1px solid var(--grisClair);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire input.hauteurComplementaire:focus-visible { 
            outline: 2px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .dimensions { 
            display: block;
            font-size: .6rem;
            text-align: center;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .titre-hauteur-complementaire { 
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: .5rem;
            font-size: .7rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur { 
            display: inline-block;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur-complementaire { 
            display: inline-block;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur-proposee { 
            display: flex;
            flex-direction: column;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur-proposee .unit { 
            position: initial;
            transform: initial;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-largeur { 
            display: inline-block;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-largeur-rail { 
            display: inline-block;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .dimensions { 
            display: block;
            font-size: .6rem;
            text-align: center;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .largeur_effective_update { 
            display: block;
            font-size: .6rem;
            margin: .5rem 0 0;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .largeur_effective_update a { 
            color: var(--violetFonce);
            text-decoration: inherit;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .titre-largeur { 
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: .5rem;
            font-size: .7rem
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective { 
            font-size: .85rem;
            font-weight: 600;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .titre-largeur-effective .souligne {
            text-decoration: underline;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .valeur-largeur-effective { 
                color: var(--gris);
                font-weight: 700;
                margin-left: .5ch;
                white-space: nowrap;
                &::after { 
                    content: " cm";
                }
                &:empty { 
                    display: none;
                }
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail input.largeurRail { 
            width: 100%;
            border: 1px solid var(--grisClair);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail input.largeurRail:focus-visible { 
            outline: 2px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail .titre-largeur-rail { 
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: .5rem;
            font-size: .7rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur_effective_update { 
            display: block;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .obligatoire .titre-hauteur::before { 
            content: "";
            display: inline-block;
            width: 1.5ch;
            background-position: center;
            filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
            background-image: url(../images/f071.svg);
            background-repeat: no-repeat;
            aspect-ratio: 1/1;
            margin-right: .5rem;
            font-weight: 400;
            font-size: 1rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .obligatoire .titre-largeur::before { 
            content: "";
            margin-right: .5rem;
            display: inline-block;
            width: 1.5ch;
            background-position: center;
            filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
            background-image: url(../images/f071.svg);
            background-repeat: no-repeat;
            aspect-ratio: 1/1;
            font-weight: 400;
            font-size: 1rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"] { 
            text-transform: uppercase;
            margin-left: 1px;
            white-space: break-spaces;
            color: var(--grisTitre);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) { 
            display: flex;
            width: 100%;
            margin-top: .25rem;
            }
            .configuration.Produit.DimensionUnique .configurateur .dimensions .saisir-dimensions p .input-largeur {
            min-width: 315px;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"][class*="effective"] { 
            text-transform: initial;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre-hauteur"]:has(.pasDeRetour) { 
            width: 100%;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer { 
            margin: 0;
            display: grid;
            width: 100%;
            height: 100%;
            padding: 1.5rem 40px 1rem .75rem;
            grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) { 
            margin: 0;
            margin-bottom: -.5rem;
            display: grid;
            width: 100%;
            height: 100%;
            padding: .75rem 40px 0 .75rem;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 1rem;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) { 
            display: inline-block;
            width: 100%;
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere { 
            width: 100%;
            border: 3px solid var(--grisBloc);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere:focus-visible { 
            outline: none;
            border: 2px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(.titre-off) span:not(.unit) { 
            position: relative;
            font-size: initial;
            }
            #Configurateur_Configuration .configurateur .choix-galons { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur .choix-galons .aide { 
                position: absolute;
                top: calc((32px - 1.75rem) / 2);
                right: 1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--violetClair);
                text-decoration: inherit;
                color: var(--blanc);
                & span { 
                    display: none;
                }
                &::after { 
                    content: "";
                    width: 2ch;
                    background-position: center;
                    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
                    background-image: url(../images/3f.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    font-weight: 400;
                    font-size: .75rem;
                }
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon > span { 
            display: flex;
            flex-direction: column;
            }
            #Configurateur_Configuration .image { 
            display: block;
            border: 3px solid var(--grisClair);
            }
            #Configurateur_Configuration .accessoires .image { 
                border: 0;
                }
            #Configurateur_Configuration .configurateur .liste-galons .galon .image a { 
            color: var(--blanc);
            text-decoration: inherit;
            display: block;
            position: relative;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .image a img { 
            max-width: 100%;
            object-fit: cover;
            display: block;
            aspect-ratio: 1/1;
            width: 100%;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .image a .disponibilite { 
            display: flex;
            justify-content: center;
            align-items: center;
            height: 20px;
            background-color: var(--violetFonce);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: .5rem;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .image a .disponibilite .label { 
            margin-right: 1ch;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .image a:hover { 
            box-shadow: var(--boxShadow);
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .image:hover { 
            scale: 1.01;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .input { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .title { 
            display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .5rem 0;
    flex-grow: 1;
    text-align: center;
    word-break: break-word;
    color: var(--grisNav);
    margin: 0;
            }
            #Configurateur_Configuration .configurateur .liste-galons .galon .title a { 
            color: var(--grisTitre);
            text-decoration: inherit;
            font-weight: 700;
            }
            #Configurateur_Configuration .configurateur .choix-galons .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                    content: ".";
                }
            }
            #Configurateur_Configuration .configurateur .options .images { 
            position: relative
            }
            #Configurateur_Configuration .configurateur .options div.option { 
            margin: 0 .5rem;
            padding: 0 0 2rem;
            position: relative;
            }
            #Configurateur_Configuration .configurateur .options div.option > .titre { 
                text-transform: uppercase;
                position: relative;
                top: -1rem;
                display: inline-flex;
                width: 100%;
                font-weight: 700;
                color: var(--grisTitre);
                &.obligatoire::before { 
                    content: "";
                    display: inline-block;
                    width: 1.5ch;
                    background-position: center;
                    filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
                    background-image: url(../images/f071.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    margin-right: .5rem;
                    font-weight: 400;
                    font-size: 1rem;
                }
                &::after { 
                    content: "";
                    border-bottom: 1px solid var(--gris);
                    position: relative;
                    top: -.2rem;
                    left: 0;
                    flex-grow: 1;
                    margin-left: .5rem;
                    margin-right: 3rem;
                    display: none;
                }
            }
            #Configurateur_Configuration .configurateur .options .option .option-values { 
            margin: 0;
            }
            
            .liste-vignette { 
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-gap: .5rem;
                position: relative;
                }

            .liste-vignette.option-values { 
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 1rem .5rem;
                margin: 0 .5rem;
                position: relative;
                padding: 0;
            }

            .Produit[class*="films-"] .liste-vignette {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: .5rem;
                margin: 0;
                position: relative;
                grid-auto-rows: 1fr;
                padding: 0;
            }

            #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur { 
            width: 100%;
            border: 3px solid var(--rouge);
            text-align: right;
            padding: .25rem 2rem .25rem 0;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            color: var(--gris);
            outline: none;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur.active { 
            outline: none;
            border-color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur:has(input.active) { 
            outline: none;
            border-color: var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .options .option .option-values select { 
            width: 100%;
            border: 3px solid var(--rouge);
            padding: .25rem 2rem .25rem 1rem;
            font-size: 1rem;
            font-family: 'Mulish', sans-serif;
            background-color: var(--blanc);
            color: var(--gris);
            grid-column: auto / span 2;
            -webkit-appearance: unset;
            border-radius: 0;
            position: relative;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values select.active { 
            border: 3px solid var(--violetFonce);
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .hauteur-ou-largeur { 
                position: relative;
                & .unit { 
                    position: absolute;
                    top: 15px;
                    right: .5rem;
                    transform: translateY(-50%);
                }
                &::before { 
                    content: "";
                    background-image: url(../images/checkPSOBordBlanc.svg);
                    filter: none;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    display: block;
                    width: 2.5rem;
                    aspect-ratio: 1/1;
                    position: absolute;
                    top: -1.35rem;
                    right: 0;
                    z-index: 1;
                }
                &:has(input:not(.active))::before { 
                    content: "";
                    filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
                    background-image: url(../images/f071.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    display: block;
                    width: 1.25rem;
                    aspect-ratio: 1/1;
                    position: absolute;
                    top: .5rem;
                    left: .5rem;
                    z-index: 1;
                }
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option .image a { 
            color: var(--blanc);
            text-decoration: inherit;
            display: block;
            position: relative;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option .image a img { 
            max-width: 100%;
            object-fit: cover;
            display: block;
            aspect-ratio: 1/1;
            width: 100%;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option .image a:hover { 
            box-shadow: var(--boxShadow);
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option .image:hover { 
            scale: 1.01;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option .input { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option .titre { 
                display: block;
                padding: .5rem 0;
                /*margin: 0 calc(.25rem + 6px);*/
                flex-grow: 1;
                text-align: center;
                & a {
                color: var(--grisTitre);
                text-decoration: inherit;
                font-weight: 700;
                }
            }
            #Configurateur_Configuration .configurateur .options .option .option-values .option.incompatibilite { 
            opacity: .2;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values:has(select)::before { 
            content: "";
            filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
            background-image: url(../images/f071.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            display: block;
            width: 1.25rem;
            aspect-ratio: 1/1;
            position: absolute;
            top: .5rem;
            left: .5rem;
            z-index: 1;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { 
            content: "";
            background-image: url(../images/checkPSOBordBlanc.svg);
            filter: none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            display: block;
            width: 2.5rem;
            aspect-ratio: 1/1;
            position: absolute;
            top: -1.35rem;
            z-index: 1;
            right: 0;
            left: inherit;
            }
            #Configurateur_Configuration .configurateur .options .option .option-values> a { 
            display: none;
            }
            #Configurateur_Configuration .configurateur .options .option .pasDeRetour { 
            white-space: break-spaces;
            width: 200%;
            display: flex;
            margin-top: .25rem;
            gap: .25ch;
            }
            #Configurateur_Configuration .configurateur .options .textes { 
            position: relative
            }
            #Configurateur_Configuration .configurateur .options .option > .titre .value {
                display: flex;
                white-space: nowrap;
                width: 100%;
                &::after {
                    content: "";
                    border-bottom: 1px solid var(--gris);
                    flex-grow: 1;
                    margin-left: .5rem;
                    margin-right: 1rem;
                    width: 100%;
                    display: block;
                    height: 1rem;
                }
            }
            #Configurateur_Configuration .configurateur .options .titre-off { 
            display: flex;
            align-items: center;
            height: 2rem;
            background-color: var(--grisPlaceHolder);
            color: var(--blanc);
            margin: 0 0 1.5rem;
            padding: 0 .75rem;
            text-transform: uppercase;
            font-size: .9rem;
            font-weight: 700;
            }
            #Configurateur_Configuration .configurateur .options .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                    content: ".";
                }
            }
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux .aide { 
                position: absolute;
                top: .5rem;
                right: 1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--violetClair);
                text-decoration: inherit;
                color: var(--blanc);
                & span { 
                    display: none;
                }
                &::after { 
                    content: "";
                    width: 2ch;
                    background-position: center;
                    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
                    background-image: url(../images/3f.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    font-weight: 400;
                    font-size: .75rem;
                }
            }
            .liste-nombre-vantaux { 
                margin: 0;
                padding: .5rem;
                & a > span { 
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    position: relative;
                }
                & input[type="radio"] { 
                    display: none;
                }
                & .active .image { 
                    border: 5px solid var(--violetFonce);
                }
                & .active::before { 
                    content: "";
                    background-image: url(../images/checkPSOBordBlanc.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    display: block;
                    width: 2.5rem;
                    aspect-ratio: 1/1;
                    position: absolute;
                    top: -1.35rem;
                    right: 0;
                    z-index: 100;
                }
                & .dimensions { 
                    display: flex;
                    font-size: .7rem;
                    flex-direction: column;
                    align-items: center;
                }
                & .dimenasions2 { 
                    display: flex;
                    font-size: .7rem;
                    flex-direction: column;
                    align-items: center;
                }
                & .titre { 
                    font-weight: 600;
                }
                & .vantaux-1 .image { 
                    background-image: url(../images/gif-moustiquaire-lateral-1.gif);
                }
                & .vantaux-2 .image { 
                    background-image: url(../images/gif-moustiquaire-lateral-2.gif);
                }
            }
        
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux .image { 
                display: block;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: 90% auto;
                background-position: center;
                &::after { 
                    content: "";
                    padding-top: 100%;
                    display: block;
                }
                &:hover { 
                    box-shadow: var(--boxShadow);
                    scale: 1.01;
                }
            }
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux .titre-off .numero::after { 
            content: ".";
            }
            #Configurateur_Configuration .configurateur, #Configurateur_Configuration .description { 
            color: var(--noir);
            }
            #Configurateur_Configuration .description { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .description #sr-configurateur-alerte { 
            margin: 0 .5rem;
            background-color: var(--gris-clair);
            }
            #Configurateur_Configuration .description #sr-configurateur-alerte ul { 
            margin: 0;
            padding: 1rem;
            list-style: none;
            }
            #Configurateur_Configuration .description #sr-configurateur-alerte ul li + li { 
            margin-top: .5rem;
            }
            #Configurateur_Configuration .description #sr-configurateur-alerte ul li a { 
                color: inherit;
                text-decoration: inherit;
                &::before { 
                    content: "";
                    display: inline-block;
                    width: 1.5ch;
                    background-position: center;
                    filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
                    background-image: url(../images/f071.svg);
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    margin-right: .5rem;
                    font-weight: 400;
                    font-size: 1rem;
                }
                &:hover { 
                    text-decoration: underline;
                }
            }
            #Configurateur_Configuration .description .actions { 
            display: block;
            margin: 0 .5rem;
            background-color: var(--gris-clair);
            border-radius: 0 0 0.3rem .3rem;
            text-align: center;
            padding: 1rem .5rem 2rem;
            }
            #Configurateur_Configuration .description .actions button, #Configurateur_Configuration .description .actions .ajouter-votre-commande { 
            display: inline-flex;
            transition: .5s ease-in-out;
                justify-content: center;
                align-items: center;
                height: 50px;
                width: 100%;
                background-color: var(--violetFonce);
                border: none;
                text-transform: uppercase;
                color: var(--blanc);
                font-family: 'Mulish';
                font-weight: 700;
                font-size: 1rem;
                max-width: 300px;
                margin: 0 auto;
                background-image: url(../images/fleche-ajout-panier.svg);
                background-repeat: no-repeat;
                background-position: 14.5rem center;
                background-size: auto 30%;
                padding-right: 3.5rem;
                cursor: pointer;
                text-decoration: none;
            }
            #Configurateur_Configuration .description .actions button.modifier-votre-commande, #Configurateur_Configuration .description .actions .ajouter-votre-commande.modifier-votre-commande { 
            background-position: 15.5rem center;
            }
            #Configurateur_Configuration .description .actions button:hover, #Configurateur_Configuration .description .actions .ajouter-votre-commande:hover { 
            background-color: var(--violetClair);
            background-position: 15rem center;
            }
            #Configurateur_Configuration .description .content-after-add { 
                margin-top: 1rem;
                color: var(--grisTitre);
                & .pointsForts { 
                display: flex;
                width: 100%;
                padding: 0 1rem;
                }
                & .pointsForts .colonne { 
                display: flex;
                flex-direction: column;
                align-items: center;
                }
                & .pointsForts > div {
                flex-basis: 33%;
                }
                & .pointsForts .colonne img { 
                max-height: 3rem;
                }
                & .pointsForts .colonne p { 
                text-align: center;
                margin: .5rem 0;
                font-size: .8rem;
                }
            }
            #Configurateur_Configuration .description .content-before-add { 
                margin: 0 .5rem;
                background-color: var(--gris-clair);
                color: var(--noir);
                padding-top: 1rem;
                & p { 
                    margin: 0 auto;
                    padding: 0 .5rem 0 6rem;
                    text-transform: uppercase;
                    font-size: .9rem;
                    background-image: url(../images/livraison_violet.svg);
                    background-position: 1rem center;
                    background-repeat: no-repeat;
                    background-size: auto 2rem;
                    max-width: 500px;
                    letter-spacing: .08rem;
                }
                & p .label { 
                    font-weight: 800;
                }
                & p .rouge { 
                    color: var(--noir);
                    font-weight: 800;
                }
                & p .value { 
                    display: block;
                    font-weight: 300;
                }
            }
            #Configurateur_Configuration .description div.tarif { 
            margin: 0 .5rem;
            padding: 1rem .5rem;
            background-color: var(--gris-clair);
            border-radius: 0.3rem .3rem 0 0;
            text-align: center;
            display: flex;
            flex-direction: column;
            }
            #Configurateur_Configuration .description .tarif .montant-total { 
                margin: .25rem 0 0;
                padding: 0 0 1rem;
                text-align: center;
                position: relative;
                & .ecotaxes { 
                    display: none;
                }
                & .montant .libelle { 
                    display: none;
                }
                & .montant .prix { 
                    color: var(--noir);
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    height: 40px;
                    padding: 0 0 0 .75rem;
                    font-size: 1.75rem;
                    font-weight: 700;
                }
                & .montant .prix span:not(.montant-apres-remise) { 
                    display: none;
                }
                & .montant .taxes { 
                    color: var(--noir);
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    height: 40px;
                    padding: 0 .75rem 0 .25ch;
                    font-size: 1.75rem;
                    font-weight: 700;
                }
                &::after { 
                    content: "";
                    width: 60%;
                    border-bottom: 1px solid var(--gris);
                    position: absolute;
                    bottom: 0;
                    left: 20%;
                }
            }
            #Configurateur_Configuration .description .tarif .montant-total-avant-remise { 
            display: none;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire { 
            margin: 0;
            text-align: center;
            position: relative;
            font-weight: 300;
            display: none;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire .libelle::after { 
            content: " : ";
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire .prix { 
            font-weight: 500;
            font-size: 1.1rem;
            text-decoration: line-through;
            padding-right: .5ch;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire .taxes { 
            font-weight: 500;
            font-size: 1.1rem;
            text-decoration: line-through;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire-final { 
            margin: 0;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire.promo { 
            margin: 0;
            text-align: center;
            position: relative;
            font-weight: 300;
            display: initial;
            order: -1;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire.remise-coloris-euro { 
            display: initial;
            order: -1;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire.remise-coloris-pourcentage { 
            display: initial;
            order: -2;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire.remise-pourcentage { 
            margin: 0;
            text-align: center;
            position: relative;
            font-weight: 300;
            display: initial;
            order: -1;
            }
            #Configurateur_Configuration .description .tarif .prix-unitaire[class*="remise"] span:not(.libelle) { 
            text-decoration: line-through;
            }
            #Configurateur_Configuration .description .tarif .promo { 
            margin: 0;
            text-align: center;
            font-weight: 300;
            }
            #Configurateur_Configuration .description .tarif .promo .taux-promotion { 
            background-color: var(--violetFonce);
            color: var(--blanc);
            display: inline-block;
            padding: 0 .5ch;
            font-weight: 500;
            }
            #Configurateur_Configuration .description .tarif > .quantite { 
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                padding-top: 1rem;
                margin: .5rem 0;
                & .augmenter-quantite, & .diminuer-quantite { 
                    display: flex;
                    background: var(--blanc);
                    height: 32px;
                    align-items: center;
                }
                & .augmenter-quantite {
                    border-radius: 0 .3rem .3rem 0;
                } 
                & .diminuer-quantite {
                    border-radius: .3rem 0 0 .3rem;
                }
                & input:focus-visible {
                    outline: none;
                }
                & .augmenter-quantite button.augmenter-quantite { 
                    padding: 0;
                    cursor: pointer;
                    width: 1.5rem;
                    height: 1.5rem;
                    border: 0;
                    background-image: url("../images/2b.svg");
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 50% auto;
                }
                & .augmenter-quantite button.augmenter-quantite span { 
                    display: none;
                }
                & .diminuer-quantite button.diminuer-quantite { 
                    padding: 0;
                    cursor: pointer;
                    width: 1.5rem;
                    height: 1.5rem;
                    border: 0;
                    background-image: url("../images/f068.svg");
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 50% auto;
                }
                & .diminuer-quantite button.diminuer-quantite span { 
                    display: none;
                }
                & .libelle { 
                    display: none;
                }
                & .quantite { 
                    margin: 0;
                    flex-shrink: 0;
                    display: block;
                }
                & .quantite input.quantite { 
                    appearance: none;
                    border: none;
                    font-size: 1.25rem;
                    color: var(--gris);
                    width: 4rem;
                    text-align: center;
                    padding: 0 .5rem;
                    height: 2rem;
                }
                &::before { 
                    content: "";
                    width: 60%;
                    border-bottom: 1px solid var(--gris);
                    position: absolute;
                    top: 0;
                    left: 20%;
                }
            }
            #Configurateur_Configuration .description .tarif .prix-final { 
            font-weight: 500;
            font-size: 1.1rem;
            color: var(--noir);
            }
            #Configurateur_Configuration .description .tarif .prix-final .taxes { 
            padding-left: .5ch;
            }
            #Configurateur_Configuration .description .tarif .remise-sur-coloris-en-euro { 
            display: block;
            padding: 0 .5rem;
            margin: .25rem auto;
            font-size: 1rem;
            font-weight: 300;
            background-color: var(--violetFonce);
            color: var(--blanc);
            order: -1;
            }
            #Configurateur_Configuration .description .tarif .remise-sur-coloris-pourcentage { 
            display: block;
            margin: .25rem 0;
            font-size: 1rem;
            font-weight: 300;
            order: -1;
            }
            #Configurateur_Configuration .description .tarif .remise-sur-coloris-pourcentage .montant-remise-coloris { 
            display: inline-block;
            padding: 0 .5rem;
            margin-left: .5ch;
            background-color: var(--violetFonce);
            color: var(--blanc);
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-euro { 
            padding: 0 1rem;
            background-color: var(--violetFonce);
            color: var(--blanc);
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage { 
            display: block;
            margin: .25rem 0;
            font-size: 1rem;
            font-weight: 300;
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .montant-remise { 
            display: inline-block;
            padding: 0 .5rem;
            margin-left: .5ch;
            background-color: var(--violetFonce);
            color: var(--blanc);
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .prix-unitaire-apres-remise-sur-volume { 
            display: block;
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .remise-sur-volume-a-partir-de { 
            display: none;
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .remise-sur-volume-quantite { 
            display: none;
            }
            #Configurateur_Configuration .description .tarifAPartirDe { 
            margin: 0 .5rem;
            background-color: var(--gris-clair);
            border-radius: 0.3rem .3rem 0 0;
            }
            #Configurateur_Configuration .description .tarifAPartirDe p { 
            margin: 0;
            padding: 1rem .5rem 0;
            text-align: center;
            }
            #Configurateur_Configuration .description .tarifAPartirDe p .apartirde { 
            display: block;
            color: var(--noir);
            margin-bottom: .5rem;
            }
            #Configurateur_Configuration .description .tarifAPartirDe p .montant { 
            color: var(--noir);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            padding: 0 .75rem;
            font-size: 1.3rem;
            font-weight: 800;
            }
            #Configurateur_Configuration .description .tarifAPartirDe p .montant .devise { 
            margin-left: .25ch;
            }
            #Configurateur_Configuration .description .tarifAPartirDe p::after { 
            content: "";
            left: 20%;
            display: block;
            width: 60%;
            border-bottom: 1px solid var(--gris);
            margin: auto;
            padding-top: 1rem;
            }
            #Configurateur_Configuration .description .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                    content: ".";
                }
            }
            #Configurateur_Configuration .description .fond-blanc { 
                margin: 0 0 1rem;
                padding: 0 .5rem;
                list-style: none;
                font-weight: 700;
                & > li::before { 
                    content: "";
                    background-image: url(../images/f00c.svg);
                    width: 1.7ch;
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    filter: invert(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%);
                    display: inline-block;
                    font-weight: 400;
                    margin-right: 1ch;
                    color: var(--violetFonce);
                }
                & li { 
                    margin-bottom: .25rem;
                    color: var(--grisTitre);
                }
                & li .titre { 
                    text-transform: uppercase;
                    font-weight: 300;
                    &::after { 
                        content: " : ";
                    }
                }
                & li .value .dimensions { 
                    display: none;
                }
                & .admin-only { 
                    color: var(--rouge);
                }
            }
            #Configurateur_Conseils { 
            border: 1px solid var(--gris);
            }
            #Configurateur_Conseils .contenu { 
            font-size: .8rem;
            font-weight: 400;
            padding-left: 2rem;
            }
            #Configurateur_Conseils .liens { 
            font-size: .6rem;
            font-weight: 400;
            margin: 1rem 0 0;
            }
            #Configurateur_Conseils .liens table { 
            width: 100%;
            border-collapse: collapse;
            }
            #Configurateur_Conseils .liens table tbody tr td { 
            border-right: 1px solid var(--gris);
            padding: .75rem 0;
            }
            #Configurateur_Conseils .liens table tbody tr td.lire-la-video { 
            text-align: center;
            }
            #Configurateur_Conseils .liens table tbody tr td.lire-la-video > * { 
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            color: inherit;
            text-decoration: inherit;
            position: relative;
            text-align: center;
            font-size: 0;
            background-image: url(../images/play.svg);
            background-position: center;
            background-size: 100% auto;
            background-repeat: no-repeat;
            vertical-align: bottom;
            }
            #Configurateur_Conseils .liens table tbody tr td.lire-la-video a span { 
            display: none;
            }
            #Configurateur_Conseils .liens table tbody tr td.telecharger { 
            text-align: center;
            }
            #Configurateur_Conseils .liens table tbody tr td.telecharger .document-conseils { 
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            color: inherit;
            text-decoration: inherit;
            position: relative;
            text-align: center;
            font-size: 0;
            background-image: url(../images/telecharger.svg);
            background-position: center;
            background-size: 100% auto;
            background-repeat: no-repeat;
            vertical-align: bottom;
            cursor: pointer;
            }
            #Configurateur_Conseils .liens table tbody tr td.telecharger .document-conseils span { 
            display: none;
            }
            #Configurateur_Conseils .liens table tbody tr td.titre { 
            padding: .75rem .5rem;
            & .obfusquer:hover {
               text-decoration: underline;
            }
            }
            #Configurateur_Conseils .liens table tbody tr td.visualiser { 
            text-align: center;
            }
            #Configurateur_Conseils .liens table tbody tr td.visualiser .rubrique-conseils { 
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            color: inherit;
            text-decoration: inherit;
            position: relative;
            text-align: center;
            font-size: 0;
            background-image: url(../images/oeil.svg);
            background-position: center;
            background-size: 100% auto;
            background-repeat: no-repeat;
            vertical-align: bottom;
            }
            #Configurateur_Conseils .liens table tbody tr td.visualiser .rubrique-conseils span { 
            display: none;
            }
            #Configurateur_Conseils .liens table tbody tr td:last-of-type { 
            border-right: none;
            }
            #Configurateur_Conseils .liens table tbody tr:nth-of-type(even) { 
            background-color: var(--grisClair);
            }
            #Configurateur_Conseils .liens table thead { 
            background-color: var(--grisClair);
            color: var(--grisTitre);
            }
            #Configurateur_Conseils .liens table thead tr th { 
            padding: .25rem;
            font-size: .5rem;
            border-right: 1px solid var(--gris);
            }
            #Configurateur_Conseils .liens table thead tr th.lire-la-video { 
            width: 4rem;
            }
            #Configurateur_Conseils .liens table thead tr th:last-of-type { 
            border-right: none;
            }
            #Configurateur_Conseils h2 { 
            margin: 1rem 2rem 0;
            font-size: 1.25rem;
            font-weight: 400;
            text-transform: uppercase;
            }
            #Configurateur_Configuration .liens { 
            margin: 2rem 0;
            }
            #Configurateur_Configuration .liens .pose-facile { 
            display: flex;
            padding-top: 1rem;
            }
            #Configurateur_Configuration .liens .pose-facile .col-1 {
            width: 50%;
            }
            
            #Configurateur_Configuration .liens .pose-facile .col-2 {
            width: 50%;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            }
            
            #Configurateur_Configuration .liens .pose-facile .col-2 > div {
            height: 50%;
            }
            #Configurateur_Configuration .liens .pose-facile .telechargement-pose-facile a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/telechargement.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            #Configurateur_Configuration .liens .pose-facile .titre-pose-facile { 
            text-transform: uppercase;
            padding: .75rem 0 .75rem 2.25rem;
            background-image: url(../images/chrono.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 2rem auto;
            }
            #Configurateur_Configuration .liens .pose-facile .titre-pose-facile span { 
            color: var(--violetClair)
            }
            #Configurateur_Configuration .liens .pose-facile .video-pose-facile a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/videoLiens.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            #Configurateur_Configuration .liens .pose-facile .visualiser-pose-facile a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/oeil.svg);
            background-position: .5rem center;
            background-repeat: no-repeat;
            background-size: 2.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            #Configurateur_Configuration .liens .prise-de-mesure { 
            border-bottom: 1px solid var(--gris);
            display: flex;
            padding-bottom: 1rem;
            }
            #Configurateur_Configuration .liens .prise-de-mesure .col-1 {
            width: 50%;
            }
            
            #Configurateur_Configuration .liens .prise-de-mesure .col-2 {
            width: 50%;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            }
            
            #Configurateur_Configuration .liens .prise-de-mesure .col-2 > div {
            height: 50%;
            }
            #Configurateur_Configuration .liens .prise-de-mesure .telechargement-prise-de-mesure a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/telechargement.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            #Configurateur_Configuration .liens .prise-de-mesure .titre-prise-de-mesure { 
            text-transform: uppercase;
            padding: .75rem 0 .75rem 2.25rem;
            background-image: url(../images/mesure.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 2rem auto;
            }
            #Configurateur_Configuration .liens .prise-de-mesure .titre-prise-de-mesure span { 
            color: var(--violetClair);
            }
            #Configurateur_Configuration .liens .prise-de-mesure .video-prise-de-mesure a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/videoLiens.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 3.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            #Configurateur_Configuration .liens .prise-de-mesure .visualiser-prise-de-mesure a { 
            display: flex;
            color: inherit;
            text-decoration: inherit;
            width: 100%;
            height: 100%;
            padding-left: 4rem;
            background-image: url(../images/oeil.svg);
            background-position: .5rem center;
            background-repeat: no-repeat;
            background-size: 2.5rem auto;
            align-items: center;
            font-weight: 700;
            font-size: .9rem;
            }
            .information.Produit.detail .configuration.Produit .presentation a { 
                color: var(--violetFonce);
                text-decoration: inherit;
                &:hover { 
                    text-decoration: underline;
                }
            }
            .information.Produit.detail .configuration.Produit .presentation #widget-container, .information.Produit.detail .configuration.Produit .presentation #ekomi-product-widget-identifier, .information.Produit.detail .configuration.Produit .presentation ul { 
            display: none;
            }
            .information.Produit.detail .configuration.Produit .presentation .out { 
            display: block;
            margin: 0 auto;
            color: var(--violetFonce);
            cursor: pointer;
            text-align: center;
            }
            .information.Produit.detail .configuration.Produit .presentation .out:hover .in { 
            text-decoration: underline;
            }
            .information.Produit.detail .configuration.Produit .presentation table { 
            margin-right: .25rem;
            }
            .information.Produit.detail .configuration.Produit .presentation table tr { 
            display: flex;
            flex-direction: column;
            }
            .information.Produit.detail .configuration.Produit .presentation table tr td img { 
            max-width: 170px;
            aspect-ratio: 1/1
            }
            .information.Produit.detail .configuration.Produit .presentation table tr td p + p { 
            margin: 0 0 .25rem;
            }
            .information.Produit.detail .configuration.Produit .presentation table tr td:nth-of-type(2) { 
            padding: 0 .5rem;
            }
            .information.Produit.detail .configuration.Produit .presentation.closed p { 
                position: relative;
                &::after { 
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 40%;
                    width: 100%;
                    content: "";
                    background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80% );
                    pointer-events: none;
                }
            }
            .information.Produit.detail .configuration.Produit .presentation.closed .out::after { 
            content: "";
            background-image: url(../images/f078.svg);
            filter: invert(70%) sepia(36%) saturate(474%) hue-rotate(29deg) brightness(93%) contrast(88%);
            width: 1.5ch;
            background-repeat: no-repeat;
            aspect-ratio: 1/1;
            display: block;
            font-weight: 400;
            margin: auto;
            }
            .information.Produit.detail .configuration.Produit .presentation.open .out { 
                margin: 0 auto;
                &::after { 
                    content: "";
                    background-image: url(../images/f077.svg);
                    filter: invert(70%) sepia(36%) saturate(474%) hue-rotate(29deg) brightness(93%) contrast(88%);
                    width: 1.5ch;
                    background-repeat: no-repeat;
                    aspect-ratio: 1/1;
                    display: block;
                    font-weight: 400;
                    margin: auto;
                }
            }
            #Configurateur_Previsualisation .galerie { 
            margin: .5rem 0;
            position: relative;
            display: block;
        padding-top: 2rem;
            }
            #Configurateur_Previsualisation .galerie .galerie_previsualisation .thickbox { 
                display: block;
                width: 100%;
                height: 100%;
                aspect-ratio: 1/1;
                border: 1px solid var(--grisClair);
                & img { 
                    object-fit: cover;
                    max-height: 100%;
                    width: 100%;
                    object-position: top;
                }
            }
            #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation { 
            width: 100%;
            height: 100%;
            display: flex;
            }
            #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation img { 
            width: 100%;
            aspect-ratio: 1 / 1;
            }
            #Configurateur_Previsualisation .galerie .galerie_previsualisation .fabrication-française { 
            display: none;
            }
            #Configurateur_Previsualisation .galerie .galerie_previsualisation .garantie { 
            display: none;
            }
            #Configurateur_Previsualisation .galerie .promotion { 
            position: absolute;
            top: 32px;
            right: 0;
            color: var(--blanc);
            z-index: 10;
            max-width: 295px;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo { 
            background-color: var(--violetFonce);
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p { 
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            padding: .5rem;
            width: 110px;
            font-size: .5rem;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-code { 
            font-size: 1rem;
            font-weight: 800;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-montant { 
            font-size: 2rem;
            font-weight: 800;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-offerts { 
            display: none;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-pourcentage { 
            font-size: 2rem;
            font-weight: 800;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-produit { 
            display: none;
            }
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-remise { 
            display: none;
            }
            #Configurateur_Previsualisation .galerie .promotion .texte-promo { 
            display: flex;
            justify-content: center;
            }
            #Configurateur_Previsualisation .galerie .promotion .texte-promo p { 
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 110px;
            padding: .25rem;
            }
            #Configurateur_Previsualisation .galerie .promotion .texte-promo p img { 
            display: block;
            width: 100%;
            height: auto;
            }
            #Configurateur_Previsualisation .galerie .swiper-group { 
            margin: 0;
            padding: 0;
            position: relative;
            }
            #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next::after, #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev::after { 
            color: var(--gris);
            }
            #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-next"]::after { 
            right: 0;
            }
            #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-next"], #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-prev"] { 
                color: var(--gris);
                &::after {
                    color: var(--gris);
                    width: 30px;
                    height: 30px;
                    appearance: none;
                    background: hsla(0, 0%, 100%, .3);
                    border: 0;
                    border-radius: 50%;
                    cursor: pointer;
                    outline: none;
                    position: absolute;
                    top: 50%;
                    font-size: 1rem;
                    transform: translateY(-50%);
                    z-index: 4;
                    text-align: center;
                    font-weight: 600;
                    align-content: center;
                }
            }
            #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-prev"]::after { 
            left: 0;
            }
            #Configurateur_Previsualisation .galerie .swiper-group a { 
                cursor: pointer;
                & img { 
                    width: 100%;
                    object-fit: cover;
                    object-position: top;
                    border: 1px solid var(--grisClair);
                    aspect-ratio: 1/1;
                    height: 100%;
                }
                &.video { 
                    display: block;
                    font-size: 0;
                    cursor: pointer;
                    background-image: url(../images/video.svg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: auto 100%;
                    border: 1px solid var(--grisClair);
                    aspect-ratio: 1/1;
                    width: 100%;
                }
                &:hover { 
                    box-shadow: var(--boxShadow);
                    scale: 1.01;
                }
            }
            #Configurateur_Previsualisation .sticky { 
            position: sticky;
            top: 1rem;
            margin-bottom: 1rem;
            }
            #Configurateur_Previsualisation .triple-vignette { 
            display: flex;
            gap: .5rem;
            }
            #Configurateur_Previsualisation .triple-vignette .vignette { 
            position: relative;
            flex-basis: 25%;
            }
            #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu { 
            max-width: 100%;
            height: 100%;
            object-fit: cover;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: .5rem;
            border: 1px solid var(--grisClair);
            }
            #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu .image { 
                display: block;
                position: relative;
                width: 100%;
                & img { 
                    max-width: 100%;
                    height: 100%;
                    object-fit: cover;
                    margin: auto;
                    width: 100%;
                }
            }
            #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu .texte { 
            text-align: center;
            font-size: .8rem;
            }
            #Configurateur_Configuration .remises-sur-volume { 
            background-color: var(--grisClair);
            display: flex;
            padding: .75rem 1rem;
            font-weight: 900;
            color: var(--grisNav);
            max-width: 476px;
            }
            #Configurateur_Configuration .remises-sur-volume .contenu { 
            align-self: center;
            border-left: 1px solid var(--gris);
            padding-left : 2rem;
            width: 50%;
            }
            #Configurateur_Configuration .remises-sur-volume .contenu .degressif { 
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: .9rem;
            }
            #Configurateur_Configuration .remises-sur-volume .quantite { 
            font-weight: 500;
            }
            #Configurateur_Configuration .remises-sur-volume .remise { 
            color: var(--violetFonce);
            font-size: .8rem;
            }
            #Configurateur_Configuration .remises-sur-volume .titre { 
            display: none;
            }
            #Configurateur_Configuration .remises-sur-volume h3 { 
                margin: 0 !important;
                margin-left: -1rem !important;
                padding: 0 !important;
                text-transform: initial;
                width: initial;
                text-align: center;
                display: flex !important;
                flex-direction: column;
                justify-content: center;
                color: var(--noir);
                &::after { 
                    content: "Valable uniquement\Asur ce produit";
                    font-size: .8rem;
                    display: block;
                    font-weight: 400;
                    white-space: preserve;
                }
            }
            #Configurateur_Titre { 
            position: relative;
            }
            #Configurateur_Titre .avis-clients { 
                display: flex;
                flex-direction: column;
                min-height: 1.5rem;
                & p { 
                    margin: 0;
                }
                &::before { 
                    content: "Avis client";
                    font-weight: 700;
                    margin-right: 1ch;
                    flex-shrink: 0;
                }
            }
            #Configurateur_Titre .echantillons { 
            position: absolute;
            top: -18px;
            right: 0;
            width: 110px;
            height: 80px;
            background-color: var(--violetFonce);
            background-image: url(../images/echantillonBlanc.svg);
            background-position: center .25rem;
            background-repeat: no-repeat;
            background-size: auto 45px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            }
            #Configurateur_Titre .echantillons .obfusquer-cfg { 
                color: var(--blanc);
                text-transform: uppercase;
                text-align: center;
                font-size: .6rem;
                font-weight: 610;
                padding-bottom: .25rem;
                display: flex;
                justify-content: center;
                align-items: flex-end;
                height: 100%;
                width: 100%;
                cursor: pointer;
                &:hover { 
                    text-decoration: underline;
                }
            }
            #Configurateur_Titre .expedition { 
            display: flex;
            align-items: flex-end;
            }
            #Configurateur_Titre .expedition .delai-expedition { 
            margin: .5rem 0;
            }
            #Configurateur_Titre .expedition .delai-expedition p { 
            font-size: .8rem;
            font-weight: 700;
            margin: 0;
            }
            #Configurateur_Titre .expedition .delai-expedition p .delai-standard .delai { 
            color: var(--violetFonce);
            }
            #Configurateur_Titre h1 { 
            grid-column: 1/3;
            margin: 0 0 .5rem;
            font-size: 1.5rem;
            font-weight: 700;
            display: inline-block;
            width: calc(100% - 110px);
            color: var(--grisTitre);
            }
            #Configurateur_Titre h1 .center { 
            color: var(--grisTitre);
            }
            #Configurateur_Titre h1 .right { 
            display: block;
            font-weight: 400;
            font-size: 1.3rem;
            }
            #Configurateur_Titre h1 .titre { 
            font-weight: 800;
            font-size: 2rem;
            }
            .information.Produit.detail .configuration.Produit.0a0c93b3-fecf-4b64-94d5-238b9585bbca .previsualisation .galerie .galerie_previsualisation .thickbox img { 
            object-fit: contain;
            object-position: center;
            height: 100%;
            }
            .information.Produit.detail .configuration.Produit:not([class*="moustiquaire"]):not(class*="rideau") .configurateur .dimensions .saisir-dimensions p .largeur-effective:has(.valeur-largeur-effective:empty) { 
            display: none;
            }
            .information.Produit.detail .configuration.Tringle.Produit .configurateur .coloris .image a {
                & img { 
                    height: auto;
                    width: 100%;
                    position: initial;
                    object-fit: contain;
                    max-width: initial;
                    display: block;
                }
                &::after { 
                    content: initial;
                }
            }
            .information.Produit.detail .configuration.Tringle.Produit .configurateur .liste-galons .galon .image a { 
                & img { 
                    height: auto;
                    width: 100%;
                    position: initial;
                    object-fit: contain;
                    max-width: initial;
                    display: block;
                }
                &::after { 
                content: initial;
                }
            }
            .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { 
            margin: 0;
            padding: .5rem;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(10, 1fr);
            grid-auto-flow: column;
            grid-gap: .5rem;
            font-size: .8rem;
            }
            input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { 
            -webkit-appearance: none;
            margin: 0;
            }
            input[type=number] { 
            -moz-appearance: textfield;
            }
            #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation {
                display: none;
            }
            #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .coloris .option a .delai {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 20px;
                background-color: var(--violetFonce);
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                font-size: .5rem;
                z-index: 100;
                color: var(--blanc);
                font-weight: 500;
              }
            
              #Configurateur_Configuration .configurateur .option .option .image a .disponibilite .label, #Configurateur_Configuration .configurateur .option .option .image a .delai .label {
                margin-right: 1ch;
              }
            
              #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .option .image a .delai {
                font-size: .5rem;
                color: var(--blanc);
                font-weight: 500;
              }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"] + a:has(.image) {
            border: none;
            background-color: initial;
                color: initial !important;
            padding: 0;
            scale: 1;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite .label {
                margin-right: 1ch;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai .label {
                margin-right: 1ch;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 20px;
                background-color: var(--violetFonce);
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                font-size: .5rem;
                z-index: 100;
                color: var(--blanc);
                font-weight: 500;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 20px;
                background-color: var(--violetFonce);
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                font-size: .5rem;
                z-index: 100;
                color: var(--blanc);
                font-weight: 500;
                gap: .5ch;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"] + a:has(.image):hover {
            box-shadow: none;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image {
                display: block;
                border: 5px solid var(--grisClair);
                position: relative;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a:has(.image) .text-value {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: .5rem 0;
                flex-grow: 1;
                margin: 0 calc(.25rem + 6px);
                text-align: center;
                word-break: break-word;
                gap: .5ch;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a:has(.image) .text-value {
            color: var(--grisTitre);
                text-decoration: inherit;
                font-weight: 700;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image img {
                max-width: 100%;
                object-fit: cover;
                display: block;
                aspect-ratio: 1 / 1;
                width: 100%;
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"]:checked + a .image {
                border: 5px solid var(--violetFonce);
            }
            
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee {
            grid-template-columns: repeat(2, 1fr);
            }
        
        #Configurateur_Configuration .remises-sur-volume .titre-remise {
            margin: 0 !important;
            padding: 0 !important;
            text-transform: initial;
            text-align: center;
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            color: var(--noir);
            font-weight: bold;
            margin-left: -0.5rem !important;
            margin-right: 0.5rem !important;
            width: 50%;
            &::after {
                content: "Valable uniquement\Asur ce produit";
                font-size: .8rem;
                display: block;
                font-weight: 400;
                white-space: preserve;
            }
        }
        
        .information.Produit.liste .image .titre-produit-liste {
            font-size: .68rem;
            margin: 0 0 .25rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            text-align: center;
            color: var(--blanc);
            text-shadow: 0 0 3px var(--noir);
            font-weight: 900;
        padding: 0 1rem;
          display: block;
          max-width: 1600px;
          margin: 1rem auto;
        }
        
        .information.Produit.referencement .referencement .contenuReferencement section .titre-produit-liste {
            color: var(--gris);
            cursor: pointer;
            text-transform: uppercase;
            font-weight: 400;
            margin: 0;
            font-size: 1.25rem;
        }
        
        .information.Produit.referencement .referencement .contenuReferencement .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste {
            position: absolute;
            bottom: -1rem;
            text-shadow: none;
            font-weight: 500;
            font-size: .7rem;
            transform: translateY(100%);
            top: initial;
        padding: 0 1rem;
            display: block;
            max-width: 1600px;
            margin: 1rem auto;
        }
        
        .information.Produit.liste .image .titre-produit-liste a {
            color: var(--blanc);
            text-decoration: inherit;
            text-transform: uppercase;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }
        
        body:not(.panier) .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste a, body:not(.panier) .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste .obfusquer {
            color: var(--gris) !important;
        }
        
        .information.Produit.liste .image .titre-produit-liste .obfusquer {
          color: var(--blanc);
          text-decoration: inherit;
          text-transform: uppercase;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: flex-end;
        }@media screen and (min-width: 425px) {
        
            #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur,
            #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur,
            #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur,
            #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur,
            #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur,
            #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur {
                display: initial;
                height: initial;
            }
        }
        
        /*---fin425px---*/
        
        @media screen and (min-width: 576px) {
        
        #Configurateur_Titre .avis-clients {
            flex-direction: row;
            align-items: center;
        }

        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(7, 1fr);
        }
        
        #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { 
            left: 40%;
            right: initial;
            }
        
        .liste-vignette, .liste-vignette.option-values { 
            grid-template-columns: repeat(4, 1fr);
            }
        
        .Produit[class*="films-"] .liste-vignette {
            grid-template-columns: repeat(3, 1fr);
        }
        
        #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) { 
        width: 150%;
        }
        
        
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux > span {
                flex-basis: 25%;
            }
        
            .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(7, 1fr);
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .dimensions, #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .dimenasions2 {
                font-size: .9rem;
            }
        
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee {
        grid-template-columns: repeat(4, 1fr);
        }
        
        }
        
        /*--fint576px--*/
        
        @media screen and (min-width: 768px) {
                
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: initial;
                grid-auto-flow: initial;
            }
        
            #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { 
                left: 34%;
                }
        
                .liste-vignette, .liste-vignette.option-values { 
                grid-template-columns: repeat(5, 1fr);
                }
        
            .Produit[class*="films-"] .liste-vignette {
                grid-template-columns: repeat(4, 1fr);
            }
        
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux > span {
                flex-basis: 24%;
            }
        
            .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: initial;
                grid-auto-flow: initial;
            }
        .information.Produit.detail #ResumeDescriptionUpdateContainer {
        display: none!important;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee > span {
        flex-basis: 24%;
        }
        
        }
        
        /*--fint768px--*/
        
        
        @media screen and (min-width: 992px) {
        
#Configurateur_Previsualisation .galerie .swiper-group a {
flex-shrink: initial;
}

#Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a:not(:first-child) {
display: flex;
}

#Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a#video_galerie {
display: flex;
}
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire { 
                flex-direction: column-reverse;
                }

            #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { 
                right: 0;
                left: initial;
                }
        
            .option-values:has(.hauteur-ou-largeur) {
                grid-template-columns: repeat(2, 1fr);
            }
        
            .liste-vignette {
                grid-template-columns: repeat(4, 1fr);
                margin: 0;
                }
        
            .liste-vignette.option-values { 
            grid-template-columns: repeat(2, 1fr);
            margin: 0;
            }
        
            .Produit[class*="films-"] .liste-vignette {
                grid-template-columns: repeat(3, 1fr);
            }
        
        #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next::after {
                content: '';
                background-image: url(../images/circle-arrow-right-solid.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% auto;
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                aspect-ratio: 1 / 1;
            margin-left: 1rem;
            }
            
            #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev::after {
                content: '';
                background-image: url(../images/circle-arrow-left-solid.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% auto;
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                aspect-ratio: 1 / 1;
            margin-right: 1rem;
            }
        
            .information.Produit.detail .configuration {
                display: grid;
                grid-template-columns: 20% 20% 20% 40%;
                padding: 0;
            }
        
        #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .coloris .option a .delai {
                font-size: .8rem;
                flex-direction: column;
                height: 2.5rem;
            }
        
            #Configurateur_Configuration .configurateur .option .option .image a .disponibilite .label, #Configurateur_Configuration .configurateur .option .option .image a .delai .label {
                margin-right: 0;
              }
        
              #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .option .image a .delai {
                font-size: .8rem;
              }
        #Configurateur_Previsualisation .galerie .promotion { 
        top: 0;
        }
        
        #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-next"], #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-prev"] { 
        display: block;
        }
        
        #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation {
                display: flex;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection {
                grid-template-columns: 1fr 1fr 1fr;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens {
                grid-column: 2 / 4;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume {
                grid-column: 1 / 2;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre {
                grid-column: 1 / 4;
                width: 100%;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection {
                grid-column: 1 / 4;
                width: calc(100% - 2rem);
            }
        
        
            #Configurateur_Titre {
                grid-column: 3/5;
                margin: 0 2rem 0 0;
            }
        
            #Configurateur_Previsualisation {
                grid-column: 1/3;
                grid-row: 1/3;
                margin: 0 1rem;
            }
        
            #Configurateur_Configuration {
                grid-column: 3/5;
                grid-row: 2/4;
                display: flex;
                flex-direction: column;
        
                & .IndeXys-widget-ekoo {
                    order: 0;
                }
        
                & .row-remise-caracteristique {
                    order: 2;
                }
        
                & .presentation {
                    order: 1;
                }
        
                & .liens {
                    order: 4;
                }
        
                & form {
                    order: 5;
                }
            }
        
            #Configurateur_Configuration .description {
                margin-bottom: 0;
            }
        
            #conteneur[class*="coussin"] #Configurateur_Configuration .description {
                grid-row: 7/9;        
            }
            
            #Configurateur_Conseils {
                grid-column: 1/3;
                grid-row: 3/4;
                margin: 0 1rem;
            }
        
        
            #Configurateur_Previsualisation .galerie {
                grid-template-columns: repeat(5, 1fr);
                grid-gap: 1rem;
                display: grid;
                margin: 0 0 1rem;
                padding-top: 0;
            }
        
            #Configurateur_Previsualisation .galerie .galerie_previsualisation {
                grid-column: 2/6;
                grid-row: 1/5;
            }
        
            #Configurateur_Previsualisation .galerie .swiper-group {
                grid-column: 1/2;
                grid-row: 1/5;
        height: 100%; position: absolute; width: 100%; 
        display: flex;
            }
        
        #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next, #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev {
        display: flex;
        justify-content: center;
        align-items: center;
            transform: translateX(-50%) rotate(90deg);
            left: 50%;
        }
        
        #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next::after, #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev::after {
        font-size: 1.5rem;
        }
        
        #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev {
            top: -1rem;
            background: 0;
        }
        
        #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next {
            bottom: -2.5rem;
            top: initial;
            background: 0;
        }
        
            #Configurateur_Previsualisation .triple-vignette .vignette {
                height: initial;
            }
        
            #Configurateur_Previsualisation .triple-vignette .vignette .image img {
                max-width: 100px;
            }
        
        
            #Configurateur_Previsualisation .triple-vignette {
                grid-template-columns: repeat(5, minmax(15%, 1fr));
                display: grid;
                grid-gap: 1rem;
            }
        
            #Configurateur_Previsualisation .triple-vignette .vignette:first-of-type {
                grid-column: 2/3;
            }
        
            .information.Produit.detail {
                padding: 0;
            }
        
            .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(7, 1fr);
                font-size: 1rem;
            }
        
            #Configurateur_Previsualisation .galerie .promotion .code-promo p {
                width: initial;
                font-size: .65rem;
            }
        
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-montant {
                font-size: 1.7rem;
            }
        
        #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-pourcentage {
            font-size: 1.7rem;
        }
        
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-code {
                font-size: .875rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure {
                grid-template-columns: 1fr 45%;
                border-bottom: none;
                border-right: 1px solid var(--gris);
                padding: 0;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens {
                grid-template-columns: 1fr 1fr;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile {
                width: 50%;
                margin-left: 1rem;
                padding: 0;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(7, 1fr);
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .caracteristiques,
            #Configurateur_Configuration .liens {
                padding: .5rem 1rem;
                margin: 0;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide span::after {
                font-size: 1rem;
            }
        
            #Configurateur_Titre .echantillons {
                top: 0;
            }
        
        #Configurateur_Configuration .configurateur .coloris .image a .delai {
        font-size: .8rem;
        height: 2.5rem;
        }
        
            #Configurateur_Configuration .configurateur .coloris .image a .disponibilite {
                font-size: .8rem;
                flex-direction: column;
                height: 2.5rem;
            }
        
            #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris {
                font-size: .8rem;
                height: 2.5rem;
            }
        
        #Configurateur_Configuration .configurateur .coloris .image a .disponibilite .label, #Configurateur_Configuration .configurateur .coloris .image a .delai .label {
        margin-right: 0;
        }
        
        #Configurateur_Configuration #ekoo-root-container, #Configurateur_Configuration .IndeXys-widget-ekoo {
        padding-bottom: 1rem;
        }
        
        .information.Produit.detail .configuration.Produit .presentation table tr {
        display: initial;
        }
        #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre-hauteur"]:has(.pasDeRetour) {
        width: 250%;
        }
        #Configurateur_Previsualisation .sticky {
            top: 13rem;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee {
        grid-template-columns: repeat(2, 1fr);
        margin: 0;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite {
        font-size: .8rem;
                flex-direction: column;
                height: 2.5rem;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite .label {
            margin-right: 0;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai {
        font-size: .8rem;
                height: 2.5rem;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai .label {
            margin-right: 0;
        }
        
        .information.Produit.liste .image .titre-produit-liste {
                font-size: .8rem;
            }
        
        .information.Produit.referencement .referencement .contenuReferencement section .titre-produit-liste {
                font-size: 1.25rem;
            }
        
        .information.Produit.referencement .referencement .contenuReferencement .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste {
                font-size: 1rem;
            }
        
        }
        
        /*--fin992px--*/
        
        
        
        
        @media screen and (min-width: 1200px) {
        
        #Configurateur_Configuration .configurateur .options div.option {
            padding: 0 2.5rem 1rem;
        }
        
            #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { 
                right: initial;
                left: 57%;
                }
        
        .liste-vignette.liste-accessoires {
            padding: .5rem 2.5rem;
            grid-gap: 0;
            }
        
        .option-values:has(.hauteur-ou-largeur) {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 1rem 2rem;
        }
        
        .liste-vignette {
            grid-template-columns: repeat(5, 1fr);
            padding: .5rem 2.5rem;
            grid-gap: 2px;
            }
        
            .liste-vignette.option-values { 
                grid-template-columns: repeat(3, 1fr);
                grid-gap: 1rem 2rem;
            }
        
            .Produit[class*="films-"] .liste-vignette {
                grid-template-columns: repeat(4, 1fr);
                padding: .5rem 2.5rem;
            }
        
        #Configurateur_Configuration .row-remise-caracteristique {
          display: flex;
          & > div {
              width: 50%;
          }
          & .remises-sur-volume {
              order: 1;
          }
          & .caracteristiques {
              order: 2;
          }
        }
        
        #Configurateur_Configuration .description .content-before-add p, .IndeXysCommerceArticle #detailPublication .detailPublication .grille .config .delai-expedition p, .Echantillon #detailPublication .detailPublication .grille .config .delai-expedition p {
                background-position: left center;
                background-size: auto 140%;
            }
                        
            #Configurateur_Titre .expedition .delai-expedition p {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .remises-sur-volume h3 {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .remises-sur-volume .remise {
                font-size: .9rem;
                margin-right: .5ch;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume h3 {
                font-size: 1rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .remise {
                font-size: .9rem;
                margin-right: .5ch;
            }
        
            #Configurateur_Configuration .liens .prise-de-mesure .titre-prise-de-mesure {
                font-size: 1rem;
                font-weight: 700;
                padding: .75rem 0 .75rem 3.25rem;
                background-size: 3rem auto;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .titre-prise-de-mesure {
                font-size: 1.4rem;
                font-weight: 700;
                padding: .75rem 0 .75rem 5.25rem;
                background-size: 4rem auto;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .titre-pose-facile {
                font-size: 1.4rem;
                font-weight: 700;
                padding: .75rem 0 .75rem 5.25rem;
                background-size: 4rem auto;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .titre-largeur {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .titre-hauteur {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail .titre-largeur-rail {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .titre-hauteur-complementaire {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .dimensions {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) {
                grid-template-columns: repeat(3, 1fr);
                padding: .75rem 40px 0 2.5rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere {
                padding-right: 3rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer {
                padding: 1.5rem 40px 1rem 2.5rem;
                grid-template-columns: repeat(3, 1fr);
                display: grid;
                & > span {
                    padding-right: 2.25rem;
                }
            }

.moustiquaire-compatible-velux #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer {
        grid-template-columns: repeat(2, 1fr);
}

            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .dimensions {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux .dimensions {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .titre-off {
                font-size: 1.25rem;
                height: 2.5rem;
            }
        
            #Configurateur_Configuration .configurateur .choix-galons .aide {
                top: calc((40px - 1.75rem) / 2);
                right: 4rem;
            }
        
            #Configurateur_Configuration .configurateur .coloris .aide {
                top: calc((40px - 1.75rem) / 2);
                right: 4rem;
            }
        
            #Configurateur_Configuration .configurateur .choix-accessoires .aide {
                top: calc((40px - 1.75rem) / 2);
                right: 4rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .dimensions {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .configurateur .options .titre-off {
                font-size: 1.25rem;
                height: 2.5rem;
            }
        
            #Configurateur_Configuration .configurateur .options .option>.titre {
                margin-top: 1rem;
            }
        
            #Configurateur_Configuration .liens .pose-facile .titre-pose-facile {
                font-size: 1rem;
                font-weight: 700;
                padding: .75rem 0 .75rem 3.25rem;
                background-size: 3rem auto;
            }
        
            #Configurateur_Configuration .description .fond-blanc {
                max-width: 60%;
                margin: 0 auto 1rem;
            }
        
            #Configurateur_Configuration .description .tarifAPartirDe {
                max-width: 60%;
                margin: 0 auto;
            }
        
            #Configurateur_Configuration .description div.tarif {
                max-width: 60%;
                margin: 0 auto;
            }
        
            #Configurateur_Configuration .description .content-before-add {
                max-width: 60%;
                margin: 0 auto;
            }
        
            #Configurateur_Configuration .description .actions {
                max-width: 60%;
                margin: 0 auto 1rem;
            }
        
            #Configurateur_Configuration .description .content-after-add {
                max-width: 60%;
                margin: 0 auto;
            }
        
        #Configurateur_Configuration .description .tarif .prix-final {
                font-size: 1.25rem;
            }
        
            #Configurateur_Configuration .description .tarif .prix-unitaire {
                & .prix {
                    font-size: 1.25rem;
                }
                & .taxes {
                    font-size: 1.25rem;
                }
                &::after {
                    width: 33%;
                    left: calc(67% / 2);
                }
            }
        
            #Configurateur_Configuration .description .tarif .montant-total {
                &::after {
                    width: 33%;
                    left: calc(67% / 2);
                }
            }
        
            #Configurateur_Configuration .description .content-before-add p {
                background-position: 10px center;
                background-size: auto 100%;
            }
        
            #Configurateur_Conseils h2 {
                font-size: 1.5rem;
            }
        
            #Configurateur_Conseils .liens {
                font-size: 1rem;
            }
        
            #Configurateur_Conseils .liens table thead tr th {
                font-size: 1rem;
            }
        
            #Configurateur_Conseils .liens table thead tr th.lire-la-video span {
                display: block;
                white-space: nowrap;
            }
        
        #conteneur:not([class*="velux"]) #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide {
            right: 4rem;
        }
        
            #conteneur[class*="stores-californiens-trapezes"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .aide {
                right: 2rem;
                z-index: 100;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .largeur_effective_update {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .hauteur_effective_update {
                font-size: 1rem;
            }
        
        
            .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: initial;
                grid-auto-flow: initial;
                padding: .5rem 2.5rem;
            }
        
            #Configurateur_Configuration .description #sr-configurateur-alerte {
                max-width: 60%;
                margin: 0 auto;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div {
                grid-template-columns: repeat(4, 1fr);
                padding: .5rem 2.5rem;
                grid-template-rows: initial;
                grid-auto-flow: initial;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) {
                grid-template-columns: repeat(3, 1fr);
                padding: .75rem 40px 0 2.5rem;
            }
        #conteneur[class*="moustiquaire"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) {
        width: 300%;
        }
        #conteneur[class*="moustiquaire"][class*="velux"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) {
        width: 200%;
        }
        
        
        #conteneur.Produit[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .titre-off .selection::after{
            font-size: 1.25rem;
        }
        
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1rem 2rem;
        }
        
        #Configurateur_Configuration .remises-sur-volume .titre-remise {
                font-size: 1rem;
            }
        
        .information.Produit.liste .image .titre-produit-liste {
                font-size: .9rem;
                bottom: 1.5rem;
                transform: none;
            }
        
        }
        
        /*--fint1200px--*/
        /*--finDesktop--*/
        
        @media screen and (min-width: 1400px) {
        
        .configuration.Tringle.Produit .liste-vignette.liste-coloris {
            grid-template-columns: repeat(5, 1fr);
        }
        
        .Produit[class*="films-"] .liste-vignette {
            grid-template-columns: repeat(5, 1fr);
        }
        
        .option-values:has(.hauteur-ou-largeur) {
            grid-template-columns: repeat(4, 1fr);
        }
        
        #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before {
            left: 40%;
        }
        
        .liste-vignette {
            grid-template-columns: repeat(6, 1fr);
            }
        
         .liste-vignette.option-values { 
            grid-template-columns: repeat(4, 1fr);
            }
        
        .information.Produit.liste .image .titre-produit-liste {
                font-size: 1rem;
            }
        
            .information.EnsembleCollection.detail .texteAffichageDetail .configuration.EnsembleCollection {
                max-width: 1600px;
                margin: 0 auto;
            }
        
            #Configurateur_Titre h1 {
                /*margin: 0 0 1rem;*/
                font-size: 1.5rem;
        width: calc(100% - 171px);
            }
        
            #Configurateur_Titre h1 .right {
                font-size: 1.3rem;
        display: inline;
        margin-left: .5ch;
            }
        
            .information.Produit.detail {
                padding: 0;
            }
        
            #Configurateur_Configuration .presentation {
                text-align: justify;
                margin-right: 2rem;
                margin-bottom: 1rem;
            }
        
            #Configurateur_Configuration .row-remise-caracteristique {
                order: 1;
            }
        
            #Configurateur_Titre .echantillons {
                width: calc(90px * 1.5);
                height: calc(70px * 1.5);
                background-size: auto 50%;
            }
        
            #Configurateur_Titre .echantillons .obfusquer-cfg {
                font-size: .875rem;
                padding-bottom: .5rem;
            }
        
            #Configurateur_Configuration .liens {
                display: flex;
            }
        
            #Configurateur_Configuration .liens .prise-de-mesure {
                grid-template-columns: 1fr 40%;
                border-bottom: none;
                border-right: 1px solid var(--gris);
                width: 50%;
                padding: 0;
            }
        
            #Configurateur_Configuration .liens .pose-facile {
                grid-template-columns: 1fr 40%;
                width: 50%;
                padding: 0;
        padding-left: .5rem;
            }
        
            #Configurateur_Configuration .liens .prise-de-mesure .telechargement-prise-de-mesure a, #Configurateur_Configuration .liens .prise-de-mesure .visualiser-prise-de-mesure a {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .liens .prise-de-mesure .video-prise-de-mesure a {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .liens .pose-facile .telechargement-pose-facile a, #Configurateur_Configuration .liens .pose-facile .visualiser-pose-facile a {
                font-size: .9rem;
            }
        
            #Configurateur_Configuration .liens .pose-facile .video-pose-facile a {
                font-size: .9rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens {
                display: flex;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .visualiser-prise-de-mesure a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure .obfusquer {
                font-size: .9rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .video-prise-de-mesure a {
                font-size: .9rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .telechargement-pose-facile a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .visualiser-pose-facile a {
                font-size: .9rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .video-pose-facile a {
                font-size: .9rem;
            }
        
            #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu .texte {
                font-size: 1rem;
            }
        
        
            #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .presentation .titre {
                margin: 0;
            }
        
            .information.EnsembleCollection.detail .texteAffichageDetail p {
                max-width: 1600px;
                margin: 0 auto;
            }
        
            .information.EnsembleCollection.detail .texteAffichageDetail ul {
                max-width: 1600px;
                margin: 1rem auto;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre h1 {
                transform: translate(8rem, 40%);
                font-size: 3rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre {
                max-width: calc(1600px - 2rem);
            }
        
            #Configurateur_Previsualisation .galerie .promotion .code-promo p {
                font-size: .9rem;
            }
        
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-montant {
                font-size: 2rem;
            }
        
        #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-pourcentage {
            font-size: 2rem;
        }
        
            #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-code {
                font-size: 1.25rem;
            }
        #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee {
        grid-template-columns: repeat(4, 1fr);
        }
        
        }
        
        /*--fin1400px--*/
        
        
        @media screen and (min-width: 1420px) {
        .information.Produit.detail .configuration.Produit {
            position: relative;
        }
        
        #Configurateur_Configuration #ekoo-root-container, #Configurateur_Configuration .IndeXys-widget-ekoo {
            position: absolute;
            top: -.75rem;
            right: calc(2rem + 135px + 170px);
            padding-bottom: 0;
            padding-top: 1rem;
        }
        
        
        }
        
        /*--fin1420px--*/
        
        @media screen and (min-width: 1580px) {
            
            .liste-vignette:not(.option-values) { 
                grid-template-columns: repeat(7, 1fr);
                }
        
            .Produit[class*="films-"] .liste-vignette {
                grid-template-columns: repeat(6, 1fr);
            }
        
            #Configurateur_Configuration .liens .prise-de-mesure .telechargement-prise-de-mesure a, #Configurateur_Configuration .liens .prise-de-mesure .visualiser-prise-de-mesure a {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .liens .prise-de-mesure .video-prise-de-mesure a {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .liens .pose-facile .telechargement-pose-facile a, #Configurateur_Configuration .liens .pose-facile .visualiser-pose-facile a {
                font-size: 1rem;
            }
        
            #Configurateur_Configuration .liens .pose-facile .video-pose-facile a {
                font-size: 1rem;
            }
        
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre {
                margin: 1rem auto 3.5rem;
            }
        
        }
        
        /*--fin1580px--*/
        
        
        @media screen and (min-width: 1800px) {
        
            #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before {
                left: 34%;
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off){
                grid-template-columns: repeat(4, 1fr);
            }
        
        
            #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off){
                grid-template-columns: repeat(4, 1fr);
            }
        
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer {
                grid-template-columns: repeat(4, 1fr);
            }

.moustiquaire-compatible-velux #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer {
        grid-template-columns: repeat(3, 1fr);
}
        
            .liste-vignette.option-values {
                grid-gap: 1rem 2rem;
                grid-template-columns: repeat(5, 1fr);
            }
        }
        
        /*--fin1800px--*/#conteneur[class*="accessoire"] #Configurateur_Conseils { 
        display: none;
        }
        #conteneur[class*="accessoire"] #Configurateur_Configuration .liens { 
        display: none;
        }
        #conteneur[class*="accessoire"] #Configurateur_Configuration .remises-sur-volume { 
        display: none;
        }body.nous-contacter-1 .snp-add-input-file a {
    white-space: pre;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 1px;
    border-style: outset;
    border-color: buttonborder;
    color: buttontext !important;
    cursor: default;
    box-sizing: border-box;
    appearance: auto;
    background-color: buttonface;
    border-radius: 0.2rem;
    margin-left: calc(.5rem + 10px);
}

section[aria-label='Mail'] .snp-is-hidden {
display: none;
}

section[aria-label='Mail'] .snp-input-file {
margin: .5rem 0;
display: flex;
align-items: center;
}

section[aria-label='Mail'] .snp-input-file input[type=file]::file-selector-button {
font-size: 0;
border: 0;
width: 0;
background-color: initial;
height: 0;
}

section[aria-label='Mail'] .snp-is-empty {
display: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a.add-files {
background-color: var(--gris-clair);
padding-block: 1px;
    padding-inline: 2px;
    font-size: 1rem;
    padding: .2rem .5rem;
    font-family: arial;
    margin: 10px;
    border: 1px solid var(--noir);
    border-radius: .2rem;
    color: var(--noir);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a.add-files:hover {
background-color: var(--gris-moins-clair);
text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu input[type=file] {
width: 300px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu span.delete-file {
    color: var(--blanc);
line-height: 23px;
    cursor: pointer;
    background-color: var(--rouge);
    padding: 0 0.4rem;
    font-size: 1.2rem !important;
    border-radius: .2rem;
    height: 25px;
}
body.nous-contacter-1 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p img { 
max-width: 100%;
height: auto;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { 
margin: 0;
padding: 0;
display: grid;
grid-column-gap: 1rem;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form button { 
display: block;
margin: 0 auto;
padding: 5px;
width: 200px;
text-decoration: none;
text-align: center;
border: 0px;
color: #ffffff;
background: var(--violetFonce);
text-transform: uppercase;
font-family: 'Mulish', sans-serif;
cursor: pointer;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form button:hover { 
background-color: var(--violetClair);
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form div.g-recaptcha { 
display: flex;
justify-content: center;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset { 
margin: 10px;
margin-top: 1.5rem;
padding: 0;
border: none;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset legend { 
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: var(--gris);
text-transform: uppercase;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p { 
display: flex;
align-items: center;
flex-wrap: wrap;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input { 
background: #eaeaea;
border: none;
font-size: 1rem;
padding: .2rem .5rem;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="file"] { 
background-color: transparent;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"] { 
flex-grow: 1;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].code-postal { 
width: 70px;
flex-grow: 0;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].ville { 
width: 50%;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p label { 
width: 100px;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p label.ville { 
width: 40px;
margin-left: 1rem;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p textarea { 
background: #eaeaea;
border: none;
font-size: 1rem;
padding: .2rem .5rem;
flex-grow: 1;
width: 50%;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.civilite label { 
width: 80px;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.theme { 
display: grid;
grid-template-columns: repeat(2, 30px 1fr);
grid-gap: .5rem;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.theme label { 
width: inherit;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h2 { 
margin: 1.25rem 0;
padding: .6rem 0;
font-size: 26px;
font-weight: bold;
border: 0;
border-bottom: 1px solid var(--gris);
color: var(--gris);
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h3 { 
margin: 0;
margin-top: 10px;
margin-bottom: 15px;
padding: .6rem 0;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid var(--gris);
color: var(--gris);
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p { 
margin-top: 10px;
color: var(--gris);
font-size: 14px;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a { 
color: var(--gris);
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.sticky { 
position: sticky;
top: 1rem;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.mail { 
grid-column: 2/3;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier { 
grid-column: 1/2;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier div.contenu h3:last-of-type { 
margin-top: 3rem;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telMobile { 
display: none;
}
body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titre { 
grid-column: 1/3;
}
@media screen and (max-width: 768px) {
    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections {
        grid-template-columns: 1fr;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 {
        grid-column: 1/2;
        grid-row: 1/2;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 {
        grid-column: 1/2;
        grid-row: 4/5;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.mail {
        grid-column: 1/2;
        grid-row: 3/4;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"] {
        width: 25%;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].ville {
        width: 25%;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telMobile {
        grid-column: 1/2;
        grid-row: 2/3;
        display: block;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur75 {
        grid-column: 1/2;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 h3:first-of-type {
        display: none;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 p:first-of-type {
        display: none;
    }


}






@media screen and (max-width: 576px) {
    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].code-postal {
        width: calc(100% - 100px);
        margin-bottom: 10px;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.cpVille label:first-of-type {
        margin-bottom: 10px;
    }

    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p label.ville {
        width: 100px;
        margin-left: 0;
    }

}


@media screen and (max-width: 460px) {
    body.nous-contacter-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.theme {
        grid-template-columns: repeat(1, 30px 1fr);
    }
}#cc-main {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;
  background:transparent;
  color:var(--cc-primary-color);
  font-family:var(--cc-font-family);
  font-size:16px;
  font-weight:400;
  line-height:1.15;
  position:relative;
  position:fixed;
  text-rendering:optimizeLegibility;
  z-index:var(--cc-z-index)
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main input,
#cc-main span {
  all:unset;
  box-sizing:border-box
}
#cc-main .pm__badge,
#cc-main button {
  all:initial;
  box-sizing:border-box;
  color:unset;
  visibility:unset
}
#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  font-family:inherit;
  font-size:100%;
  line-height:normal;
  margin:0;
  outline:revert;
  outline-offset:2px;
  overflow:hidden
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
  all:revert;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit
}
:root {
  --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-modal-border-radius:.5rem;
  --cc-btn-border-radius:.4rem;
  --cc-modal-transition-duration:.25s;
  --cc-link-color:var(--cc-btn-primary-bg);
  --cc-modal-margin:1rem;
  --cc-z-index:2147483647;
  --cc-bg:#fff;
  --cc-primary-color:#2c2f31;
  --cc-secondary-color:#5e6266;
  --cc-btn-primary-bg:#30363c;
  --cc-btn-primary-color:#fff;
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#000;
  --cc-btn-primary-hover-color:#fff;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#d4dae0;
  --cc-btn-secondary-hover-color:#000;
  --cc-btn-secondary-hover-border-color:#d4dae0;
  --cc-separator-border-color:#f0f4f7;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#667481;
  --cc-toggle-on-knob-bg:#fff;
  --cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color:var(--cc-bg);
  --cc-toggle-disabled-icon-color:var(--cc-bg);
  --cc-toggle-readonly-bg:#d5dee2;
  --cc-toggle-readonly-knob-bg:#fff;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-border:#f0f4f7;
  --cc-cookie-category-block-hover-bg:#e9eff4;
  --cc-cookie-category-block-hover-border:#e9eff4;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#dee4e9;
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:var(--cc-btn-secondary-bg);
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#e4eaed;
  --cc-pm-toggle-border-radius:4em
}
#cc-main.cc--rtl {
  direction:rtl
}
#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
  font-weight:600
}
#cc-main button>span {
  pointer-events:none
}
#cc-main .cc__link,
#cc-main a {
  background-image:linear-gradient(currentColor,currentColor);
  background-position:0 100%;
  background-repeat:no-repeat;
  background-size:0 1px;
  font-weight:600;
  position:relative;
  transition:background-size .25s,color .25s ease
}
#cc-main .cc__link:hover,
#cc-main a:hover {
  background-size:100% 1px;
  color:var(--cc-primary-color)
}
#cc-main .cc__link {
  color:var(--cc-link-color)
}
#cc-main .cm__desc,
#cc-main .pm__body {
  overscroll-behavior:auto contain;
  scrollbar-width:thin
}
@media screen and (min-width:640px) {
  #cc-main ::-webkit-scrollbar,
  #cc-main ::-webkit-scrollbar-thumb,
  #cc-main ::-webkit-scrollbar-track {
    all:revert
  }
  #cc-main ::-webkit-scrollbar-thumb {
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background:var(--cc-toggle-readonly-bg);
    border:.25em solid var(--cc-bg);
    border-radius:1em
  }
  #cc-main ::-webkit-scrollbar-thumb:hover {
    background:var(--cc-toggle-off-bg)
  }
  #cc-main ::-webkit-scrollbar {
    background:transparent;
    width:12px
  }
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
  height:auto!important;
  overflow:hidden!important
}
@media (prefers-reduced-motion) {
  #cc-main {
    --cc-modal-transition-duration:0s
  }
}
.cc--darkmode {
  --cc-bg:#161a1c;
  --cc-primary-color:#ebf3f6;
  --cc-secondary-color:#aebbc5;
  --cc-btn-primary-bg:#c2d0e0;
  --cc-btn-primary-color:var(--cc-bg);
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#98a7b6;
  --cc-btn-primary-hover-color:#000;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#242c31;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#353d43;
  --cc-btn-secondary-hover-color:#fff;
  --cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color:#222a30;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#525f6b;
  --cc-toggle-on-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg:#343e45;
  --cc-toggle-readonly-knob-bg:#5f6b72;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:#1e2428;
  --cc-cookie-category-block-bg:#1e2428;
  --cc-cookie-category-block-border:var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg:#242c31;
  --cc-cookie-category-block-hover-border:#232a2f;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:#0c0e0f;
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#060809
}
.cc--darkmode #cc-main {
  color-scheme:dark
}
#cc-main .cm {
  background:var(--cc-bg);
  border-radius:var(--cc-modal-border-radius);
  box-shadow:0 .625em 1.875em rgba(0,0,2,.3);
  display:flex;
  flex-direction:column;
  max-width:24em;
  opacity:0;
  overflow:hidden;
  position:fixed;
  transform:translateY(1.6em);
  visibility:hidden;
  z-index:1
}
#cc-main .cm--top {
  top:var(--cc-modal-margin)
}
#cc-main .cm--middle {
  top:50%;
  transform:translateY(calc(-50% + 1.6em))
}
#cc-main .cm--bottom {
  bottom:var(--cc-modal-margin)
}
#cc-main .cm--center {
  left:var(--cc-modal-margin);
  margin:0 auto;
  right:var(--cc-modal-margin);
  width:unset
}
#cc-main .cm--left {
  left:var(--cc-modal-margin);
  margin-right:var(--cc-modal-margin)
}
#cc-main .cm--right {
  margin-left:var(--cc-modal-margin);
  right:var(--cc-modal-margin)
}
#cc-main .cm__body {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative
}
#cc-main .cm__btns,
#cc-main .cm__links,
#cc-main .cm__texts {
  padding:1em 1.3em;
  width:unset
}
#cc-main .cm__texts {
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:center;
  padding-bottom:0
}
#cc-main .cm__title {
  font-size:1.05em
}
#cc-main .cm__title+.cm__desc {
  margin-top:1.1em
}
#cc-main .cm__desc {
  color:var(--cc-secondary-color);
  font-size:.9em;
  line-height:1.5;
  max-height:40vh;
  overflow-x:visible;
  overflow-y:auto;
  padding-bottom:1em
}
#cc-main .cm__btns {
  border-top:1px solid var(--cc-separator-border-color);
  display:flex;
  flex-direction:column;
  justify-content:center
}
#cc-main .cm__btn-group {
  display:grid;
  grid-auto-columns:minmax(0,1fr)
}
#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
  margin-top:.375rem
}
#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
  margin-bottom:.375rem;
  margin-top:0
}
#cc-main .cm--inline .cm__btn+.cm__btn {
  margin-left:.375rem;
  margin-top:0
}
#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
  margin-bottom:0;
  margin-left:0;
  margin-right:.375rem
}
#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
  margin-bottom:.375rem;
  margin-right:0
}
#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
  margin-left:.375rem;
  margin-top:0
}
#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
  margin-bottom:0;
  margin-right:.375rem
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
  display:flex;
  flex:1;
  justify-content:space-between
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
  flex-direction:row-reverse
}
#cc-main .cm__btn {
  background:var(--cc-btn-primary-bg);
  border:1px solid var(--cc-btn-primary-border-color);
  border-radius:var(--cc-btn-border-radius);
  color:var(--cc-btn-primary-color);
  font-size:.82em;
  font-weight:600;
  min-height:42px;
  padding:.5em 1em;
  text-align:center
}
#cc-main .cm__btn:hover {
  background:var(--cc-btn-primary-hover-bg);
  border-color:var(--cc-btn-primary-hover-border-color);
  color:var(--cc-btn-primary-hover-color)
}
#cc-main .cm__btn--secondary {
  background:var(--cc-btn-secondary-bg);
  border-color:var(--cc-btn-secondary-border-color);
  color:var(--cc-btn-secondary-color)
}
#cc-main .cm__btn--secondary:hover {
  background:var(--cc-btn-secondary-hover-bg);
  border-color:var(--cc-btn-secondary-hover-border-color);
  color:var(--cc-btn-secondary-hover-color)
}
#cc-main .cm__btn--close {
  border-radius:0;
  border-bottom-left-radius:var(--cc-btn-border-radius);
  border-right:none;
  border-top:none;
  display:none;
  font-size:1em;
  height:42px;
  min-width:auto!important;
  overflow:hidden;
  padding:0!important;
  position:absolute;
  right:0;
  top:0;
  width:42px
}
#cc-main .cm__btn--close svg {
  stroke:var(--cc-btn-primary-color);
  transform:scale(.5);
  transition:stroke .15s ease
}
#cc-main .cm__btn--close:hover svg {
  stroke:var(--cc-btn-primary-hover-color)
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
  stroke:var(--cc-btn-secondary-color)
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
  stroke:var(--cc-btn-secondary-hover-color)
}
#cc-main .cm__btn--close+.cm__texts .cm__title {
  padding-right:2em
}
#cc-main .cm--inline .cm__btn-group {
  grid-auto-flow:column
}
#cc-main .cm__footer {
  background:var(--cc-footer-bg);
  border-top:1px solid var(--cc-footer-border-color);
  color:var(--cc-footer-color);
  padding:.4em 0 .5em
}
#cc-main .cm__links {
  display:flex;
  flex-direction:row;
  padding-bottom:0;
  padding-top:0
}
#cc-main .cm__link-group {
  display:flex;
  flex-direction:row;
  font-size:.8em;
  width:100%
}
#cc-main .cm__link-group>*+* {
  margin-left:1.3em
}
#cc-main .cm--flip .cm__btn:last-child {
  grid-row:1
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
  grid-column:1
}
#cc-main .cm--box .cm__btn--close {
  display:block
}
#cc-main .cm--box.cm--flip .cm__btns {
  flex-direction:column-reverse
}
#cc-main .cm--box.cm--wide {
  max-width:36em
}
#cc-main .cm--box.cm--wide .cm__btns {
  flex-direction:row;
  justify-content:space-between
}
#cc-main .cm--box.cm--wide .cm__btn-group {
  grid-auto-flow:column
}
#cc-main .cm--box.cm--wide .cm__btn {
  min-width:120px;
  padding-left:1.8em;
  padding-right:1.8em
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
  flex-direction:row-reverse
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
  grid-column:1
}
#cc-main .cm--cloud {
  max-width:54em;
  width:unset
}
#cc-main .cm--cloud .cm__body {
  flex-direction:row
}
#cc-main .cm--cloud .cm__texts {
  flex:1
}
#cc-main .cm--cloud .cm__desc {
  max-height:9.4em
}
#cc-main .cm--cloud .cm__btns {
  border-left:1px solid var(--cc-separator-border-color);
  border-top:none;
  max-width:23em
}
#cc-main .cm--cloud .cm__btn-group {
  flex-direction:column
}
#cc-main .cm--cloud .cm__btn {
  min-width:19em
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
  flex-direction:column-reverse
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
  flex-direction:row
}
#cc-main .cm--cloud.cm--inline .cm__btn {
  min-width:10em
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
  flex-direction:row-reverse
}
#cc-main .cm--bar {
  --cc-modal-transition-duration:.35s;
  border-radius:0;
  left:0;
  margin:0;
  max-width:unset;
  opacity:1;
  right:0;
  transform:translateY(0);
  width:100vw
}
#cc-main .cm--bar.cm--top {
  top:0;
  transform:translateY(-100%)
}
#cc-main .cm--bar.cm--bottom {
  bottom:0;
  transform:translateY(100%)
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
  margin:0 auto;
  max-width:55em;
  width:100%
}
#cc-main .cm--bar .cm__body {
  padding:.5em 0 .9em
}
#cc-main .cm--bar .cm__btns {
  border-top:none;
  flex-direction:row;
  justify-content:space-between
}
#cc-main .cm--bar .cm__btn-group {
  grid-auto-flow:column
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
  margin-left:.375rem;
  margin-top:0
}
#cc-main .cm--bar .cm__btn {
  min-width:120px;
  padding-left:2em;
  padding-right:2em
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
  margin-bottom:0;
  margin-left:0;
  margin-right:.375rem
}
#cc-main .cm--bar.cm--flip .cm__btns {
  flex-direction:row-reverse
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
  grid-column:1
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
  max-width:74em
}
#cc-main .cm--bar.cm--inline .cm__body {
  flex-direction:row;
  padding:0
}
#cc-main .cm--bar.cm--inline .cm__btns {
  flex-direction:column;
  justify-content:center;
  max-width:23em
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
  flex-direction:column-reverse
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
  transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
  transition:background-color .15s ease,border-color .15s ease,color .15s ease
}
.disable--interaction #cc-main .cm-wrapper:before {
  background:var(--cc-overlay-bg);
  bottom:0;
  content:"";
  left:0;
  opacity:0;
  position:fixed;
  right:0;
  top:0;
  visibility:hidden;
  z-index:0
}
.show--consent #cc-main .cc--anim .cm {
  opacity:1;
  transform:translateY(0);
  visibility:visible!important
}
.show--consent #cc-main .cc--anim .cm--middle {
  transform:translateY(-50%)
}
.show--consent #cc-main .cc--anim .cm--bar {
  transform:translateY(0)
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
  opacity:1;
  visibility:visible
}
#cc-main.cc--rtl .cm__btn--close {
  border-bottom-left-radius:unset;
  border-bottom-right-radius:var(--cc-btn-border-radius);
  left:0;
  right:unset
}
#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
  padding-left:2em;
  padding-right:unset
}
#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
  margin-left:0;
  margin-right:.375rem
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
  margin-left:.375rem;
  margin-right:0
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
  margin-left:0;
  margin-right:.375rem
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
  margin-left:.375rem;
  margin-right:0
}
#cc-main.cc--rtl .cm__link-group>*+* {
  margin-left:0;
  margin-right:1.3em
}
@media screen and (max-width:640px) {
  #cc-main {
    --cc-modal-margin:.5em
  }
  #cc-main .cm {
    max-width:none!important;
    width:auto!important
  }
  #cc-main .cm__body {
    flex-direction:column!important;
    padding:0!important
  }
  #cc-main .cm__btns,
  #cc-main .cm__links,
  #cc-main .cm__texts {
    padding-left:1.1em!important;
    padding-right:1.1em!important
  }
  #cc-main .cm__btns {
    border-left:none!important;
    border-top:1px solid var(--cc-separator-border-color)!important;
    flex-direction:column!important;
    max-width:none!important;
    min-width:auto!important
  }
  #cc-main .cm__btn+.cm__btn,
  #cc-main .cm__btn-group+.cm__btn-group {
    margin:.375rem 0 0!important
  }
  #cc-main .cm--flip .cm__btn+.cm__btn,
  #cc-main .cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom:.375rem!important;
    margin-top:0!important
  }
  #cc-main .cm__btn-group {
    display:flex!important;
    flex-direction:column!important;
    min-width:auto!important
  }
  #cc-main .cm__btn {
    flex:auto!important
  }
  #cc-main .cm__link-group {
    justify-content:center!important
  }
  #cc-main .cm--flip .cm__btn-group,
  #cc-main .cm--flip .cm__btns {
    flex-direction:column-reverse!important
  }
}
#cc-main .pm-wrapper {
  position:relative;
  z-index:2
}
#cc-main .pm {
  background:var(--cc-bg);
  border-radius:var(--cc-modal-border-radius);
  box-shadow:0 .625em 1.875em rgba(0,0,2,.3);
  display:flex;
  flex-direction:column;
  opacity:0;
  overflow:hidden;
  position:fixed;
  visibility:hidden;
  width:100%;
  width:unset;
  z-index:1
}
#cc-main svg {
  fill:none;
  width:100%
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
  padding:1em 1.5em
}
#cc-main .pm__header {
  align-items:center;
  border-bottom:1px solid var(--cc-separator-border-color);
  display:flex;
  justify-content:space-between
}
#cc-main .pm__title {
  align-items:center;
  display:flex;
  flex:1;
  font-weight:600;
  margin-right:2em
}
#cc-main .pm__close-btn {
  background:var(--cc-btn-secondary-bg);
  border:1px solid var(--cc-btn-secondary-border-color);
  border-radius:var(--cc-btn-border-radius);
  height:40px;
  position:relative;
  transition:all .15s ease;
  width:40px
}
#cc-main .pm__close-btn span {
  display:flex;
  height:100%;
  width:100%
}
#cc-main .pm__close-btn svg {
  stroke:var(--cc-btn-secondary-color);
  transform:scale(.5);
  transition:stroke .15s ease
}
#cc-main .pm__close-btn:hover {
  background:var(--cc-btn-secondary-hover-bg);
  border-color:var(--cc-btn-secondary-hover-border-color)
}
#cc-main .pm__close-btn:hover svg {
  stroke:var(--cc-btn-secondary-hover-color)
}
#cc-main .pm__body {
  flex:1;
  overflow-y:auto;
  overflow-y:overlay
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
  border-radius:var(--cc-btn-border-radius);
  display:flex;
  flex-direction:column;
  margin-bottom:.5em
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border:1px solid var(--cc-cookie-category-block-border);
  border-radius:var(--cc-btn-border-radius);
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0;
  display:none;
  margin-top:0!important;
  overflow:hidden
}
#cc-main .pm__section {
  border:1px solid var(--cc-separator-border-color);
  padding:1em;
  transition:background-color .25s ease,border-color .25s ease
}
#cc-main .pm__section:first-child {
  border:none;
  margin-bottom:2em;
  margin-top:0;
  padding:0;
  transition:none
}
#cc-main .pm__section:not(:first-child):hover {
  background:var(--cc-cookie-category-block-bg);
  border-color:var(--cc-cookie-category-block-border)
}
#cc-main .pm__section-toggles+.pm__section {
  margin-top:2em
}
#cc-main .pm__section--toggle {
  background:var(--cc-cookie-category-block-bg);
  border-top:none;
  margin-bottom:.375rem
}
#cc-main .pm__section--toggle .pm__section-title {
  align-items:center;
  background:var(--cc-cookie-category-block-bg);
  border:1px solid var(--cc-cookie-category-block-border);
  display:flex;
  justify-content:space-between;
  min-height:58px;
  padding:1.1em 5.4em 1.1em 1.2em;
  position:relative;
  transition:background-color .25s ease,border-color .25s ease;
  width:100%
}
#cc-main .pm__section--toggle .pm__section-title:hover {
  background:var(--cc-cookie-category-block-hover-bg);
  border-color:var(--cc-cookie-category-block-hover-border)
}
#cc-main .pm__section--toggle .pm__section-desc {
  margin-top:0;
  padding:1em
}
#cc-main .pm__section--toggle.is-expanded {
  --cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  transform:scale(.5) rotate(180deg)
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
  display:flex
}
#cc-main .pm__section--expandable .pm__section-title {
  cursor:pointer;
  padding-left:3.4em
}
#cc-main .pm__section--expandable .pm__section-arrow {
  background:var(--cc-toggle-readonly-bg);
  border-radius:100%;
  display:flex;
  height:20px;
  justify-content:center;
  left:18px;
  pointer-events:none;
  position:absolute;
  width:20px
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
  stroke:var(--cc-btn-secondary-color);
  transform:scale(.5)
}
#cc-main .pm__section-title-wrapper {
  align-items:center;
  display:flex;
  position:relative
}
#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
  margin-top:.85em
}
#cc-main .pm__section-title {
  border-radius:var(--cc-btn-border-radius);
  font-size:.95em;
  font-weight:600
}
#cc-main .pm__badge {
  align-items:center;
  background:var(--cc-btn-secondary-bg);
  border-radius:5em;
  color:var(--cc-secondary-color);
  display:flex;
  flex:none;
  font-size:.8em;
  font-weight:600;
  height:23px;
  justify-content:center;
  margin-left:1em;
  min-width:23px;
  overflow:hidden;
  padding:0 .6em 1px;
  position:relative;
  text-align:center;
  white-space:nowrap;
  width:auto
}
#cc-main .pm__service-counter {
  background:var(--cc-btn-primary-bg);
  color:var(--cc-btn-primary-color);
  padding:0;
  width:23px
}
#cc-main .pm__service-counter[data-counterlabel] {
  padding:0 .6em 1px;
  width:auto
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
  border-radius:var(--cc-pm-toggle-border-radius);
  height:23px;
  transform:translateZ(0);
  width:50px
}
#cc-main .section__toggle-wrapper {
  cursor:pointer;
  position:absolute;
  right:18px;
  z-index:1
}
#cc-main .toggle-service {
  height:19px;
  position:relative;
  right:0;
  width:42px
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
  height:19px;
  width:42px
}
#cc-main .toggle-service .toggle__icon {
  position:relative
}
#cc-main .toggle-service .toggle__icon-circle {
  height:19px;
  width:19px
}
#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
  transform:translateX(23px)
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
  display:none!important
}
#cc-main .section__toggle {
  border:0;
  cursor:pointer;
  display:block;
  left:0;
  margin:0;
  position:absolute;
  top:0
}
#cc-main .section__toggle:disabled {
  cursor:not-allowed
}
#cc-main .toggle__icon {
  background:var(--cc-toggle-off-bg);
  box-shadow:0 0 0 1px var(--cc-toggle-off-bg);
  display:flex;
  flex-direction:row;
  pointer-events:none;
  position:absolute;
  transition:all .25s ease
}
#cc-main .toggle__icon-circle {
  background:var(--cc-toggle-off-knob-bg);
  border:none;
  border-radius:100%;
  box-shadow:0 1px 2px rgba(24,32,3,.36);
  display:block;
  height:23px;
  left:0;
  position:absolute;
  top:0;
  transition:transform .25s ease,background-color .25s ease;
  width:23px
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
  height:100%;
  position:absolute;
  transition:opacity .15s ease;
  width:100%
}
#cc-main .toggle__icon-on {
  opacity:0;
  transform:rotate(45deg)
}
#cc-main .toggle__icon-on svg {
  stroke:var(--cc-toggle-on-bg);
  transform:scale(.55) rotate(-45deg)
}
#cc-main .toggle__icon-off {
  opacity:1
}
#cc-main .toggle__icon-off svg {
  stroke:var(--cc-toggle-off-bg);
  transform:scale(.55)
}
#cc-main .section__toggle:checked~.toggle__icon {
  background:var(--cc-toggle-on-bg);
  box-shadow:0 0 0 1px var(--cc-toggle-on-bg)
}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
  background-color:var(--cc-toggle-on-knob-bg);
  transform:translateX(27px)
}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
  opacity:1
}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
  opacity:0
}
#cc-main .section__toggle:checked:disabled~.toggle__icon {
  background:var(--cc-toggle-readonly-bg);
  box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)
}
#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
  background:var(--cc-toggle-readonly-knob-bg);
  box-shadow:none
}
#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
  stroke:var(--cc-toggle-readonly-knob-icon-color)
}
#cc-main .toggle__label {
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  top:0;
  z-index:-1
}
#cc-main .pm__section-desc-wrapper {
  color:var(--cc-secondary-color);
  display:flex;
  flex-direction:column;
  font-size:.9em
}
#cc-main .pm__section-services {
  display:flex;
  flex-direction:column
}
#cc-main .pm__section-services+div,
#cc-main .pm__section-services+table {
  border-top:1px solid var(--cc-cookie-category-block-border)
}
#cc-main .pm__service {
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding:.4em 1.2em;
  position:relative;
  transition:background-color .15s ease
}
#cc-main .pm__service:hover {
  background-color:var(--cc-cookie-category-block-hover-bg)
}
#cc-main .pm__service-header {
  align-items:center;
  display:flex;
  margin-right:1em;
  width:100%
}
#cc-main .pm__service-icon {
  border:2px solid;
  border-radius:100%;
  height:8px;
  margin-left:7px;
  margin-right:20px;
  margin-top:1px;
  min-width:8px
}
#cc-main .pm__service-title {
  font-size:.95em;
  width:100%;
  word-break:break-word
}
#cc-main .pm__section-desc {
  line-height:1.5em
}
#cc-main .pm__section-table {
  border-collapse:collapse;
  font-size:.9em;
  margin:0;
  overflow:hidden;
  padding:0;
  text-align:left;
  width:100%
}
#cc-main .pm__table-caption {
  border-top:1px solid var(--cc-cookie-category-block-border);
  text-align:start
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
  border-bottom:1px dashed var(--cc-separator-border-color);
  color:var(--cc-primary-color);
  font-weight:600
}
#cc-main .pm__table-tr {
  transition:background-color .15s ease
}
#cc-main .pm__table-tr:hover {
  background:var(--cc-cookie-category-block-hover-bg)
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
  padding:.625em .625em .625em 1.2em;
  vertical-align:top
}
#cc-main .pm__footer {
  border-top:1px solid var(--cc-separator-border-color);
  display:flex;
  justify-content:space-between
}
#cc-main .pm__btn-group {
  display:flex
}
#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
  margin-left:.375rem
}
#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
  margin-left:0;
  margin-right:.375rem
}
#cc-main .pm__btn {
  background:var(--cc-btn-primary-bg);
  border:1px solid var(--cc-btn-primary-border-color);
  border-radius:var(--cc-btn-border-radius);
  color:var(--cc-btn-primary-color);
  flex:auto;
  font-size:.82em;
  font-weight:600;
  min-height:42px;
  min-width:110px;
  padding:.5em 1.5em;
  text-align:center;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease
}
#cc-main .pm__btn:hover {
  background:var(--cc-btn-primary-hover-bg);
  border-color:var(--cc-btn-primary-hover-border-color);
  color:var(--cc-btn-primary-hover-color)
}
#cc-main .pm__btn--secondary {
  background:var(--cc-btn-secondary-bg);
  border-color:var(--cc-btn-secondary-border-color);
  color:var(--cc-btn-secondary-color)
}
#cc-main .pm__btn--secondary:hover {
  background:var(--cc-btn-secondary-hover-bg);
  border-color:var(--cc-btn-secondary-hover-border-color);
  color:var(--cc-btn-secondary-hover-color)
}
#cc-main .pm--box {
  height:calc(100% - 2em);
  left:var(--cc-modal-margin);
  margin:0 auto;
  max-height:37.5em;
  max-width:43em;
  right:var(--cc-modal-margin);
  top:50%;
  transform:translateY(calc(-50% + 1.6em))
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
  flex-direction:row-reverse
}
#cc-main .pm--bar {
  --cc-modal-transition-duration:.35s;
  border-radius:0;
  bottom:0;
  height:100%;
  margin:0;
  max-height:none;
  max-width:29em;
  opacity:1;
  top:0
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
  display:block
}
#cc-main .pm--bar .pm__table-head {
  display:none
}
#cc-main .pm--bar .pm__table-caption {
  display:block
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
  border-bottom:1px solid var(--cc-separator-border-color)
}
#cc-main .pm--bar .pm__table-td {
  display:flex;
  justify-content:space-between
}
#cc-main .pm--bar .pm__table-td:before {
  color:var(--cc-primary-color);
  content:attr(data-column);
  flex:1;
  font-weight:600;
  min-width:100px;
  overflow:hidden;
  padding-right:2em;
  text-overflow:ellipsis
}
#cc-main .pm--bar .pm__table-td>div {
  flex:3
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
  padding:1em 1.3em
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
  flex-direction:column
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
  margin:.375rem 0 0
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
  flex-direction:column-reverse
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
  margin-bottom:.375rem;
  margin-top:0
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
  display:none
}
#cc-main .pm--bar.pm--left {
  left:0;
  transform:translateX(-100%)
}
#cc-main .pm--bar.pm--right {
  right:0;
  transform:translateX(100%)
}
#cc-main .pm--bar.pm--wide {
  max-width:35em
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
  padding:1em 1.65em
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
  flex-direction:row-reverse
}
#cc-main .pm-overlay {
  background:var(--cc-overlay-bg);
  bottom:0;
  content:"";
  left:0;
  opacity:0;
  position:fixed;
  right:0;
  top:0;
  visibility:hidden;
  z-index:1
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
  transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease
}
.show--preferences #cc-main .cc--anim .pm {
  opacity:1;
  visibility:visible!important
}
.show--preferences #cc-main .cc--anim .pm--box {
  transform:translateY(-50%)
}
.show--preferences #cc-main .cc--anim .pm--bar {
  transform:translateX(0)
}
.show--preferences #cc-main .cc--anim .pm-overlay {
  opacity:1;
  visibility:visible
}
#cc-main.cc--rtl .pm__service-header {
  margin-left:1em;
  margin-right:0
}
#cc-main.cc--rtl .pm__section-arrow {
  left:unset;
  right:18px
}
#cc-main.cc--rtl .section__toggle-wrapper {
  left:18px;
  right:unset;
  transform-origin:left
}
#cc-main.cc--rtl .toggle-service {
  left:0
}
#cc-main.cc--rtl .pm__service-icon {
  margin-left:20px;
  margin-right:5px
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
  padding-left:5.4em;
  padding-right:1.2em
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
  padding-right:3.4em
}
#cc-main.cc--rtl .pm__badge {
  margin-left:unset;
  margin-right:1em
}
#cc-main.cc--rtl .toggle__icon-circle {
  transform:translateX(27px)
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
  transform:translateX(23px)
}
#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
  transform:translateX(0)
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
  padding-left:unset;
  padding-right:1.2em;
  text-align:right
}
#cc-main.cc--rtl .pm__table-td {
  padding-left:unset;
  padding-right:1.2em
}
#cc-main.cc--rtl .pm__table-td:before {
  padding-left:2em;
  padding-right:unset
}
#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
  margin-left:0;
  margin-right:.375rem
}
#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
  margin-left:.375rem;
  margin-right:0
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
  margin-left:0
}
@media screen and (max-width:640px) {
  #cc-main .pm {
    border-radius:0;
    bottom:0;
    height:auto;
    left:0;
    max-height:100%;
    max-width:none!important;
    right:0;
    top:0;
    transform:translateY(1.6em)
  }
  #cc-main .pm__body,
  #cc-main .pm__footer,
  #cc-main .pm__header {
    padding:.9em!important
  }
  #cc-main .pm__badge {
    display:none
  }
  #cc-main .pm__section-table,
  #cc-main .pm__table-body,
  #cc-main .pm__table-caption,
  #cc-main .pm__table-td,
  #cc-main .pm__table-th,
  #cc-main .pm__table-tr {
    display:block
  }
  #cc-main .pm__table-head {
    display:none
  }
  #cc-main .pm__table-tr:not(:last-child) {
    border-bottom:1px solid var(--cc-separator-border-color)
  }
  #cc-main .pm__table-td {
    display:flex;
    justify-content:space-between
  }
  #cc-main .pm__table-td:before {
    color:var(--cc-primary-color);
    content:attr(data-column);
    flex:1;
    font-weight:600;
    min-width:100px;
    overflow:hidden;
    padding-right:2em;
    text-overflow:ellipsis
  }
  #cc-main .pm__table-td>div {
    flex:3
  }
  #cc-main .pm__btn-group,
  #cc-main .pm__footer {
    flex-direction:column!important
  }
  #cc-main .pm__btn-group {
    display:flex!important
  }
  #cc-main .pm__btn+.pm__btn,
  #cc-main .pm__btn-group+.pm__btn-group {
    margin:.375rem 0 0!important
  }
  #cc-main .pm--flip .pm__btn+.pm__btn,
  #cc-main .pm--flip .pm__btn-group+.pm__btn-group {
    margin-bottom:.375rem!important;
    margin-top:0!important
  }
  #cc-main .pm--flip .pm__btn-group,
  #cc-main .pm--flip .pm__footer {
    flex-direction:column-reverse!important
  }
  .show--preferences #cc-main .cc--anim .pm {
    transform:translateY(0)!important
  }
}#cc-main .cm--box.cm--wide { 
max-width: 31em;
}
#cc-main .cm--box.cm--wide .cm__btn-group { 
flex-grow: 1;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn[data-role="necessary"] { 
position: absolute;
top: .5rem;
right: .5rem;
min-width: initial;
padding: 0;
min-height: initial;
background: no-repeat;
color: var(--gris999);
border: none;
font-weight: 300;
font-size: .75rem;
text-decoration: underline;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn[data-role="show"] { 
background-color: var(--blanc);
color: var(--violetFonce);
}
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group { 
margin: 0;
margin-right: .5rem;
}
#cc-main .cm__btn { 
background: var(--violetFonce);
position: relative;
border-color: var(--violetFonce);
min-height: 32px;
}
#cc-main .cm__btn:hover { 
background: var(--violetClair);
border-color: var(--violetClair);
}
#cc-main .cm__btn[data-role="all"]::after { 
content: "";
filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
background-image: url("../images/f00d.svg");
background-repeat: no-repeat;
background-position : center;
aspect-ratio: 1/1;
font-weight: 400;
font-size: .5rem;
position: absolute;
top: .15rem;
right: .15rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: .8rem;
height: .8rem;
border: 1px solid black;
}
#cc-main .cm__btns { 
border: none !important;
padding-top: 0;
}
#cc-main .cm__desc { 
padding-top: 4rem;
/*background-image: url(../images/logoProSolair202301.png);*/
background-image: url(../images/LogoPSO20242025.svg);
background-position: center .25rem;
background-repeat: no-repeat;
background-size: auto 3.5rem;
font-size: .85rem;
}
#cc-main .pm--box { 
height: initial;
max-height: calc(100% - 2em);
}
#cc-main .pm__btn { 
background: var(--violetFonce);
border-color: var(--violetFonce);
}
#cc-main .pm__btn--secondary { 
color: var(--blanc);
}
#cc-main .pm__btn--secondary:hover { 
background-color: var(--violetClair);
border-color: var(--violetClair);
color: var(--blanc);
}
#cc-main .pm__btn:hover { 
background-color: var(--violetClair);
border-color: var(--violetClair);
color: var(--blanc);
}
#cc-main .pm__btn[data-role="necessary"] { 
background: var(--gris999);
border-color: var(--gris999);
}
#cc-main .section__toggle:checked ~ .toggle__icon { 
background-color: var(--violetFonce);
box-shadow: none;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on { 
filter: invert(17%) sepia(40%) saturate(2672%) hue-rotate(277deg) brightness(94%) contrast(97%);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon { 
background-color: rgba(109, 32, 100, .4);
}
#cc-main .toggle__icon-off { 
filter: invert(17%) sepia(56%) saturate(5338%) hue-rotate(357deg) brightness(86%) contrast(93%);
}
body[class*="echantillons"] div#listePublicationLiee { 
margin-top: 1rem;
padding-top: 1rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .listePublicationLiee { 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
margin: 0 .5rem 1rem;
grid-auto-rows: max-content;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .listePublicationLiee:has(span.empty) { 
display: flex !important;
justify-content:center;
align-items: center;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtre-titre .resultats { 
display: none;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtre-titre .title { 
font-weight: bold;
color: var(--gris);
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle { 
padding-top: .5rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle { 
padding-bottom: 1.5rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .out { 
color: var(--vert);
display: flex;
gap: .5rem;
align-items: center;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeLess::after { 
content: "";
background-image: url(../images/chevron-up-violet.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeLess::before { 
content: "Afficher moins";
width: auto;
display: inline-block;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeMore span, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeLess span { 
font-size: 0;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeMore, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeLess { 
display: flex;
gap: .2rem;
align-items: center;
text-decoration: none;
color: var(--violetFonce);
padding-top: .5rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeMore::after { 
content: "";
background-image: url(../images/chevron-down-violet.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeMore::before { 
content: "Afficher plus";
width: auto;
display: inline-block;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle:has(.filtre-titre-cle.open) > a { 
display: flex;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle:has(.out) form { 
padding-bottom: 1rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-titre-cle { 
padding-bottom: .5rem;
border-top: 2px solid var(--grisBordure);
padding-top: 1rem;
position: relative;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-titre-cle .title { 
text-transform: uppercase;
font-weight: bold;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-titre-cle.close::after { 
content: "";
cursor: pointer;
background-image: url(../images/2b.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
right: 0;
position: absolute;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-titre-cle.open::after { 
content: "";
background-image: url(../images/f068.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
right: 0;
position: absolute;
cursor: pointer;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle { 
display: flex;
flex-direction: column;
gap: .3rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value { 
display: flex;
gap: .5rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value a { 
text-decoration: none;
color: var(--gris);
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value a br { 
display: none;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value a span.promo, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value a span.option { 
display: none;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value input { 
appearance: none;
border-radius: 0;
outline: 0;
min-width: 1rem;
height: 1rem;
cursor: pointer;
border: 1px solid var(--gris);
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value input:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value.displayed-value { 
display: flex;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value.hidden-value, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value.hidden-value { 
display: none;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-contenu-cle .value:has(a#buttonFiltre_listeCategorieProduit-lancement-pre-prod) { 
display: none;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle:has(.filtre-titre-cle.close) .filtre-contenu-cle.close, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle:has(.filtre-titre-cle.close) > a { 
display: none;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle:has(.filtre-titre-cle.open) .filtre-contenu-cle.open, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle:has(.filtre-titre-cle.open) filtre-contenu-cle { 
display: initial;
}
div#zoneCentre div.IndeXysPortletPublication div.listeToutePublication { 
grid-template-columns: repeat(2, 1fr);
display: grid;
grid-gap: 1rem;
max-width: 1600px;
margin: 0 auto;
padding: 0 1rem;
}

.Echantillon .liste-produit-echantillon .right { 
margin-left: .25ch;
}
.Echantillon .liste-produit-echantillon br { 
display: none;
}
.Echantillon .liste-produit-echantillon::before { 
content: "Cette plaquette d'échantillons concerne les produits :";
font-weight: 700;
}@media screen and (min-width: 992px) {

body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .listePublicationLiee-filtrePublication {
width: 70%;
}

body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .listePublicationLiee {
grid-template-columns: repeat(2, 1fr);
}

body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .filtrePublication {
width: 20%
}

body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet > div#IndeXysPortletRubriquePublication_1_UpdateContainer, body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet {
display: flex;
justify-content: space-evenly;

}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet > div#IndeXysPortletRubriquePublication_1_UpdateContainer {
width: 100%;
}
div#zoneCentre div.IndeXysPortletPublication div.listeToutePublication {
grid-template-columns: repeat(4, 1fr);
}
}

@media screen and (min-width: 1200px) {

body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .listePublicationLiee {
grid-template-columns: repeat(3, 1fr);
}

}

@media screen and (min-width: 1400px) {

body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .contenuPortlet .listePublicationLiee {
grid-template-columns: repeat(4, 1fr);
}

}#ekoo-widget-100 { 
&.ekoo-standalone-container {background-color: #E6E6E6 !important; border-radius: 9999px !important; width: 200px !important;} &.ekoo-standalone-container .ekoo-widget-container-hook {background-color: #E6E6E6; width: 230px !important;}
}
#exit-intent-popup { 
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1001;
background: rgba(33, 33, 33, 0.6);
transform: translateY(60%) scale(0);
transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
#exit-intent-popup.close { 
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 10px;
height: 10px;
}
#exit-intent-popup.visible { 
transform: translateY(0) scale(1);
}
div#exit-intent-popup.visible { 
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
div#exit-intent-popup.visible div.content-exit-intent-popup { 
position: relative;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content { 
background-color: #fff;
padding: .25rem;
min-width: 375px;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
justify-content: center;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte div.trait { 
border-top: 1px solid var(--violetFonce);
width: 30%;
height: 0;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte h2 { 
color: var(--grisClair);
font-size: 3rem;
font-weight: 300;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p { 
color: var(--grisClair);
text-transform: initial;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p a { 
padding: .5rem 0;
background-color: var(--violetFonce);
color: var(--grisClair);
width: 100%;
font-size: 1.25rem;
text-transform: initial;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p a:hover { 
scale: 1.025;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p:first-of-type { 
margin-top: 3rem;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p:last-of-type { 
margin-top: 5rem;
width: 30%;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content img { 
object-fit: initial;
object-position: initial;
max-width: calc(100vw - .5rem);
filter: brightness(70%);
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.close-exit-intent-popup { 
position: absolute;
top: .5rem;
right: .5rem;
padding: .3rem .6rem;
cursor: pointer;
z-index: 9999999;
background-color: var(--blanc);
border-radius: 50%;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content { 
background-color: #fff;
display: flex;
border: 1px solid #777;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte { 
width: 100%;
padding: 2rem 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
text-align: center;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte div.trait { 
border: 1px solid #bfce3d;
display: block;
width: 50%;
height: 0;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte h2 { 
color: #bfce3d;
text-transform: uppercase;
font-size: 2rem;
padding: 0 .25rem
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p { 
text-transform: uppercase;
font-size: 1.5rem;
color: #777;
padding: 0 .25rem;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p a { 
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
padding: .5rem .75rem;
background-color: #bfce3d;
text-decoration: none;
color: var(--blanc);
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p a:hover { 
text-decoration: underline;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p span.minuscule { 
text-transform: initial;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content img { 
object-fit: cover;
object-position: center;
max-width: 40%;
}@media screen and (max-width: 576px) {
    div#exit-intent-popup.visible div.content-exit-intent-popup div.content {
        flex-direction: column;
        margin: .25rem;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div.content img {
        max-width: 100%;
        max-height: 40%;
        object-position: center -40px;
        height: 250px;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte {
        flex-grow: 1;
        padding: 1rem 0;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p:first-of-type {
        margin: 0;
    }

    /*exit pop-up doublure*/
    div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p {
        font-size: .8rem;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte h2 {
        margin-top: 1rem;
        font-size: 1.5rem;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p a {
        font-size: .8rem;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p:first-of-type {
        margin-top: 1rem;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p:last-of-type {
        margin-top: 1rem;
        width: 50%;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte div.trait {
        width: 50%;
    }

    div#exit-intent-popup.visible div.content-exit-intent-popup div.close-exit-intent-popup::before {
        font-size: 1rem;
    }
}.modal.fade:not(#EditerSelectedElement_ModalDialog_Dialog):not(#IndeXysMSousActionModalDialog_SousActionModalDialog_Dialog) .modal-dialog {
top: 50%;
transform: translateY(calc( -50% - var(--bs-modal-margin)));
color: var(--noir);
width: calc(100vw - 1rem);
max-width: 800px;
}
.modal-content {
border-radius: 0;
}
.modal-body iframe[src*="youtube.com"] {
width: 100%;
aspect-ratio: 560/315;
}
.modal-header {
background-color: var(--grisMoinsClair);
border-radius: 0;
}
.modal-title {
margin: 0;
}
.modal-footer button.btn-primary {
    border: 1px solid var(--violetFonce);
    background-color: var(--violetFonce);
    color: var(--blanc);
    font-size: 1rem;
    padding: .25rem 1rem;
    border-radius: 5px;
    cursor: pointer;
}
.modal-footer button.btn-primary:hover {
    background-color: var(--violetClair);
    border: 1px solid var(--violetClair);
}
div#MStoresEtRideauxConfigurateur_DisplayPanier { 
text-align: center;
color: var(--gris);
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.continuer a { 
display: inline-flex;
color: var(--gris);
border: 3px solid var(--gris);
text-decoration: inherit;
text-transform: uppercase;
height: 40px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 300px;
font-size: .9rem;
font-weight: 700;
transition: all 200ms ease 0s;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.continuer a:hover {
color: var(--blanc);
background-color: var(--gris);
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.message { 
color: var(--violetFonce);
display: flex;
flex-direction: column;
align-items: center;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.message::before { 
content: "";
background-image: url(../images/f00c-violet.svg);
display: inline-flex;
align-items: center;
background-repeat: no-repeat;
background-size: 2ch;
aspect-ratio: 1/1;
background-position: center;
font-weight: 400;
font-size: 3rem;
width: 2ch;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.quantite { 
margin-bottom: 0;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.valeur { 
margin-top: .25rem;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.voir-panier a { 
display: flex;
justify-content: center;
align-items: center;
height: 50px;
width: 100%;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 700;
font-size: 1rem;
max-width: 300px;
margin: 0 auto;
background-image: url(../images/fleche-ajout-panier.svg);
    padding-left: 1.5rem;
    background-repeat: no-repeat;
    background-position: 15rem center;
    background-size: auto 30%;
    padding-right: 3.5rem;
    cursor: pointer;
    text-decoration: none;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.voir-panier a:hover { 
background-color: var(--violetClair);
}
div#IndeXysCommerceMCompteClient_EnvoyerCodeParrainAmiModalDialog_Dialog input.sendEmail_button {
    background-image: none;
    border: 1px solid var(--violetFonce);
    background-color: var(--violetFonce);
    color: var(--blanc);
    font-size: 1rem;
    padding: .25rem 1rem;
    border-radius: 5px;
    cursor: pointer;
}
div#IndeXysCommerceMCompteClient_EnvoyerCodeParrainAmiModalDialog_Dialog input.sendEmail_button:hover {
    background-color: var(--violetClair);
    border: 1px solid var(--violetClair);
    text-decoration: none;
}
div#IndeXysCommerceMCompteClient_EnvoyerCodeParrainAmiModalDialog_Dialog a.cancel_button {
    background-image: none;
    border: 1px solid var(--gris);
    background-color: var(--gris);
    color: var(--blanc);
    font-size: 1rem;
    padding: .25rem 1rem;
    border-radius: 5px;
    cursor: pointer;
}
div#IndeXysCommerceMCompteClient_EnvoyerCodeParrainAmiModalDialog_Dialog a.cancel_button:hover {
    background-color: var(--grisMoyen);
    border: 1px solid var(--grisMoyen);
    text-decoration: none;
}
.polipop_theme_default .polipop__notification_type_success {
background-color: var(--violetFonce);
}
.polipop_layout_panel.polipop_theme_default .polipop__notification_type_success{
border-color:var(--violetFonce);
}:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(0, 0, 0, 0.7);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--gris, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li span.obf.snp-navigation-link, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li a.snp-navigation-link {
width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil div.liste p a span.out, div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p span.obf span { 
display: none;
}
div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p { 
margin: 1rem 2rem;
    padding: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p a, div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p span.obf { 
display: block;
    margin: 0 auto;
    width: 300px;
    height: 50px;
    /*background-image: url(../images/illEnTeteProsolair201901.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;*/
    cursor: pointer;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires > div.snp-mondrian-column { 
flex-wrap: wrap;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires > div.snp-mondrian-column .masquerEnMobile { 
display: none;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter { 
background-color: var(--grisTitre);
color: var(--blanc);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement { 
text-align: center;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div button { 
width: 95px;
border-radius: 0 .7rem .7rem 0;
background-color: var(--grisRecap);
border: 2px solid var(--grisRecap);
border-left: none;
padding: .5rem;
cursor: pointer;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div button span { 
color: var(--blanc);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div input.email { 
border-radius: 20px 0 0 20px;
background-color: var(--blanc);
border: 2px solid var(--blanc);
padding: .5rem 1rem;
width: calc(100% - 95px);
border-right: none;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div input.email:focus { 
outline: none;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div input.email:focus-within { 
border-color: var(--violetFonce);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:has(.email) { 
max-width: 480px;
margin: 0 auto;
padding: 1rem;
display: flex;
align-items: center;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:has(input.email:focus-within) button { 
border-color: var(--violetFonce);
background-color: var(--violetFonce);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:hover button { 
border-color: var(--violetFonce);
background-color: var(--violetFonce);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:hover input { 
border-color: var(--violetFonce);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement h4 { 
max-width: 450px;
margin: 0 auto;
padding-top: 1.5rem;
margin-top: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux { 
background-color: var(--grisTitre);
    color: var(--blanc);
    padding-bottom: 1rem;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div h3 { 
text-align: center;
    font-size: 1rem;
    padding-bottom: 1rem;
    margin: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul { 
display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 auto;
    padding: 0 1rem;
    list-style: none;
    width: 300px;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a span, div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span { 
display: none;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a, div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span.obf-footer { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a[title*=Facebook], div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span.obf-footer[title*=Facebook] { 
background-image: url(../images/facebook-blanc.svg);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a[title*=Instagram], div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span.obf-footer[title*=Instagram] { 
background-image: url(../images/instagram-blanc.svg);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a[title*=Linkedin], div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span.obf-footer[title*=Linkedin] { 
background-image: url(../images/linkedin-blanc.svg);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a[title*=Pinterest], div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span.obf-footer[title*=Pinterest] { 
background-image: url(../images/pinterest-blanc.svg);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li a[title*=Youtube], div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul li span.obf-footer[title*=Youtube] { 
background-image: url(../images/youtube-blanc.svg);
}
div#zoneBas div.IndeXysPortletPiedDePage section div.contactez-nous p:has(img) { 
margin: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage section div.contactez-nous p:nth-of-type(3) { 
margin: 0;
margin-top: 1rem;
}
div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div { 
list-style: none;
    display: flex;
    margin: 0 0 1rem;
    padding: 0;
    width: 100%;
}
div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div { 
width: 50%;
    font-size: .8rem;
    text-align: center;
}
div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div img { 
width: auto;
    height: 30px;
}
div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div p:has( img ) { 
margin: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage section div.titre p.titre { 
display: inline-block;
    margin: 0;
    background-color: var(--blanc);
    position: relative;
    bottom: -.5rem;
    left: 1rem;
    padding: 0 1rem;
    color: var(--gris);
    font-weight: 700;
}
div#zoneBas div.IndeXysPortletPiedDePage section div:has(div#newsletter) { 
flex-direction: column;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul { 
margin: 2rem 0 0;
    padding: 0 1rem;
    list-style: none;
    flex-direction: column;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li { 
padding: 1rem 0;
    border-bottom: 1px solid var(--gris);
    width: 100%;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > a, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > span.obf { 
color: var(--grisTitre);
    text-decoration: inherit;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 800;
    text-align: left;
    padding: 0 .5rem;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > a::before, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > span.obf::before { 
content: "";
    background-image: url(../images/f068.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    display: inline-block;
    margin-right: .5rem;
    font-weight: 400;
    font-size: 1rem;
    color: var(--rouge);
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li { 
margin-left: 1rem;
    margin-bottom: .5rem;
    padding: 0;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li a:hover, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li span.obf { 
color: var(--grisTitre);
    text-decoration: inherit;
    cursor: pointer;
    padding: 0;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li a:hover, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li span.obf:hover { 
text-decoration: underline;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul li span.obf span.in { 
white-space: break-spaces;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li.closed > a::before, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li ul { 
margin: 1rem 0;
    padding: 0 .5rem;
    list-style: none;
    transition: all 200ms ease 0s;
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li.closed > a::before, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li.closed > span.obf::before { 
content: "";
    background-image: url(../images/2b.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    display: inline-block;
    margin-right: 0.5rem;
    font-weight: 400;
    font-size: 1rem;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneBas section div#delaisInformationsConseils nav > div > ul > li.closed ul { 
display: none;
}
div#zoneBas section div#liensFooter > div ul { 
margin: 0 1rem;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div#zoneBas section div#liensFooter > div ul li { 
font-size: .8rem;
    margin: 0 .5rem .5rem;
}
div#zoneBas section div#liensFooter > div ul li a, div#zoneBas section div#liensFooter > div ul li span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneBas section div#paiement-securise div ul { 
margin: 1rem 2rem;
    padding: 0;
    list-style: none;
}
div#zoneBas section div#paiement-securise div ul li a span.out, div#zoneBas section div#paiement-securise div ul li span.obf span { 
display: none;
}
div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf { 
display: block;
    margin: 0 auto;
    width: 300px;
    background-image: url(../images/picto-moyen-de-paiement-PSO.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    cursor: pointer;
    aspect-ratio: 445 / 132;
    z-index: 2;
}

div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement p {
    max-width: 450px;
    margin: 0 auto;
    padding-top: 1.5rem;
    margin-top: 0;
    font-weight: bold;
}

div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div p.titre-reseaux {
    text-align: center;
    font-size: 1rem;
    padding-bottom: 1rem;
    margin: 0;
    font-weight: bold;
}@media screen and (min-width: 660px) {
    div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div {
        width: 50%;
    }
}


@media screen and (min-width: 768px) {

div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires > div.snp-mondrian-column {
   flex-wrap: nowrap;
}

div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires > div.snp-mondrian-column .masquerEnMobile {
   display: block;
}

}

@media screen and (min-width: 992px) {

div#zoneBas section div#paiement-securise {
        grid-column: 1 / 13;
        align-self: flex-end;
    }

    div#zoneBas section div#paiement-securise div ul {
        margin: 0 1rem;
    }

    div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf {
        width: 100%;
        max-width: 400px;
    }

    div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf {
        position: absolute;
    }

div#zoneBas div.IndeXysPortletPiedDePage section div:has(div#newsletter) {
flex-direction: row;
}

div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > a::before, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > span.obf::before {
        content: "";
        margin-right: .5rem;
        font-weight: 400;
        font-size: 1rem;
        background-image: url(../images/2b.svg);
        width: 1.5ch;
        background-repeat: no-repeat;
        aspect-ratio: 1 / 1;
        display: inline-block;
        filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
    }

div#zoneBas section div#delaisInformationsConseils {
        grid-column: 1 / 13;
    }

    div#zoneBas section div#delaisInformationsConseils nav > div > ul {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    div#zoneBas section div#delaisInformationsConseils nav > div > ul > li {
        border: none;
        flex-grow: 1;
        flex-shrink: 0;
        margin: 0 .5rem;
        padding: 0;
    }

    div#zoneBas section div#delaisInformationsConseils nav > div > ul > li.closed > a::before, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li.closed ul {
        display: inherit;
    }

div#zoneBas section div#liensFooter {
        grid-column: 1 / 13;
    }

    div#zoneBas section div#liensFooter > div ul {
        margin: 0;
    }

div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil {
        grid-column: 1 / 13;
        align-self: flex-end;
    }

    div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p {
        margin: 0 1rem;
    }

    
    div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p a, div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil p span.obf {
        width: 100%;
        max-width: 300px;
        height: 70px;
    }

div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux {
        grid-column: 7 / 13;
        padding: 0;
width: 50%;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div h3 {
        padding-bottom: 0;
        margin: 1.5rem 0;
        font-size: 1.2rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul {
        margin-top: 2.6rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter {
        grid-column: 1 / 7;
width: 50%;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement h4 {
        margin: 1.5rem auto;
        padding: 0;
        font-size: 1.2rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:has(.email) {
        margin: 1rem auto 1.5rem;
        padding: 0 1rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div input.email {
        width: calc(100% - 135px);
        height: 44px;
        font-size: 1rem;
        border-radius: 20px 0 0 20px;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div button {
        width: 135px;
        font-size: 1.2rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div {
        display: flex;
        width: 50%;
    }
    div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div {
        width: 50%;
        font-size: 1.25rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div img {
        width: auto;
        height: 50px;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div.titre p.titre {
        font-size: 3rem;
        bottom: -1.5rem;
        left: 4rem;
    }

div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement p {
        margin: 1.5rem auto;
        padding: 0;
        font-size: 1.2rem;
    }

    div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div p.titre-reseaux {
        padding-bottom: 0;
        margin: 1.5rem 0;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1400px) {
    div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter > div {
        width: 100%;
        margin-left: auto;
        max-width: 800px;
    }

div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div {
        width: 100%;
        margin-right: auto;
        max-width: 800px;
    }
div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil > div {
        max-width: 1600px;
        margin: 0 auto;
    }
div#zoneBas section div#liensFooter > div {
        max-width: 1600px;
        margin: 0 auto;
    }
div#zoneBas section div#delaisInformationsConseils nav {
        width: 100%;
        margin: 0 auto;
        max-width: 1600px;
        margin-top: 3rem;
    }
}div#zoneHaut div.valeurs span.obf.avis > span {
  background-image: url(../images/etoile.svg);
  padding-left: 40px;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column .sautDeLigne {
display: block;
font-size: 1.25rem;
width: 100%;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element {
    width: 90%;
    max-width: 450px;
}

div#zoneHaut div.panier .titre-panier a, div#zoneHaut div.panier .titre-panier span.obf {
  display: block;
  width: 28px;
  height: 3rem;
  position: absolute;
  z-index: 1001;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche input:focus-visible, .menuMobile input:focus-visible {
    border: 2px solid var(--violetFonce);
    outline: none;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche p, .menuMobile p:nth-child(2) {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche input, .menuMobile input {
    margin: 0;
    padding: .5rem 1.5rem;
    width: calc(100% - 35px);
    height: 35px;
    font-family: Arial, Helvetica, Sans-serif;
    color: var(--noir);
    border-radius: 10px 0 0 10px !important;
    background-color: var(--grisMoinsClair);
    border: none;
    font-size: .9rem;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche button, .menuMobile p button {
    margin: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    cursor: pointer;
    font-family: Arial, Helvetica, Sans-serif;
    background-color: var(--violetFonce);
    background-image: url(../images/loupe.svg);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 10px 10px 0;
    border: none;
    font-size: 0;
    background-size: auto 20px;
}

div#zoneHaut div.IndeXysPortletEnTete div.navbar {
    position: relative;
}

#main-nav .snp-mondrian-element.sr-mondrian-MenuDeroulant {
position: initial;
}

div#menuBurger div.menuMobile .promo {
    display: inline-block;
    color: var(--blanc);
    margin-left: .25rem;
    background-color: var(--violetFonce);
    padding: 0 .1rem;
    width: initial;
}
div#menuBurger div.menuMobile .masquerMenu {
display: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.masquer, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.masquer {
display: none;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive > li a span.categorie-suffixe, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span[class*="obf"] span.categorie-suffixe {
    display: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-trapezes-ignifuges {
    background-image: url(../images/picto_trapeze.svg);
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a > span:has(span.retour-ligne), div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] > span:has(span.retour-ligne) {
/*display: flex;
flex-direction: column;*/
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a.obfusquer-MM span.retour-ligne, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] span.retour-ligne {
font-size: 0.8rem;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM:hover:has(span.retour-ligne), div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a.obfusquer-MM:hover:has(span.retour-ligne) {
color: var(--gris) !important;
background-color: var(--blanc) !important;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.retour-ligne:hover, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a.obfusquer-MM span.retour-ligne:hover {
background-color: var(--violetFonce);
    color: var(--blanc);
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li > span > span:has(span.retour-ligne), div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li > a.obfusquer-MM > span:has(span.retour-ligne) { 
margin-right: 0;
flex-direction: column;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.retour-ligne, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a.obfusquer-MM span.retour-ligne {
    font-size: 1rem !important;
    font-weight: normal;
    cursor: pointer;
display: block;
}

.avisClient, div#menuBurger div.menuMobileFooter > p { 
margin: 0;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaire-compatible-velux {
    background-image: url(../images/moustiquaire-veluxV2-01.svg);
}
.snp-navigation-navbar li { 
list-style-type: none;
font-weight: 600;
margin: 0;
padding: .5rem 0;
flex-grow: 1;
border-radius: 10px 10px 0 0;
}
.snp-navigation-navbar li > a br, .snp-navigation-navbar li > span[class*="obf"] span br { 
display: none;
}
[data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil a::before, [data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil span[class*="obf"]::before { 
content: "";
background-image: url(../images/checkBordBlanc.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
display: block;
width: 1rem;
aspect-ratio: 1 / 1;
position: absolute;
}

body:not(.choisir-vos-stores-et-rideaux) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codes-promo:hover { 
background-color: var(--rouge-promo);
}
body:not(.choisir-vos-stores-et-rideaux) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons { 
background-color: var(--violetFonce);
}
body:not(.choisir-vos-stores-et-rideaux) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons a, body:not(.choisir-vos-stores-et-rideaux) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons span.obf { 
color: var(--blanc);
}
div#menuBurger div.menuMobile .avisClient a span.out, div#menuBurger div.menuMobile .avisClient span.obf span.out { 
display: none;
}
div#menuBurger div.menuMobile .avisClient a, div#menuBurger div.menuMobile .avisClient span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto;
background-image: url(../images/avis_clients_mobile.svg);
aspect-ratio: 364/18;
cursor: pointer;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > * { 
margin-bottom: .5rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > li[class*=panneau-acoustique] { 
margin-bottom: 2rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > li[class*="cloison"] { 
margin-bottom: 1.2rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > li[class*=cloison]:last-child { 
margin-bottom: 0;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .anti-chaleur > * { 
background-image: url(../images/picto-antichaleur.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .banne-coffre-compacte-unies > * { 
background-image: url(../images/new-store-banne-demi-coffre.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .cortina > * { 
background-image: url(../images/tringle-oeillet-gris.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-a-motifs > * { 
background-image: url(../images/picto_coussin_motif.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-banquettes-exterieurs > * { 
background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-11.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-banquettes-exterieurs > * { 
background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-11.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-banquettes-interieurs > * { 
background-image: url(../images/BANQUETTE-SANS-COUSSINS-11.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-unis > * { 
background-image: url(../images/picto_coussin.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .rideaux-thermiques > * { 
background-image: url(../images/Thermique.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-sans-percage-ignifuges > * { 
background-image: url(../images/pictosspercage.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tringle-chemin-de-fer-1 > * { 
background-image: url(../images/tringle-chemin-de-fer-gris.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tringle-wave > * { 
background-image: url(../images/tringle-wave-gris.svg);
}
div#menuBurger div.menuMobile img { 
object-fit: cover;
object-position: center;
height: 60px;
margin: 0 auto;
display: block;
max-width: 310px;
}
div#menuBurger div.menuMobile span[title*=Avis] > span { 
display: flex;
}
div#menuBurger div.menuMobile span[title*=Avis] > span span.nbClientServis { 
order: 2;
}
div#menuBurger div.menuMobile span[title*=Avis] > span span.noteAvisClient { 
order: 1;
margin-right: .5ch;
}
div#menuBurger div.menuMobile span[title*=Avis] img { 
width: 110px;
height: auto;
margin: 0 .5rem;
order: 0;
}
div#menuBurger div.menuMobileFooter > p a, div#menuBurger div.menuMobileFooter > p span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
background-image: url(../images/telVioletClair.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter h3 a, div#menuBurger div.menuMobileFooter h3 span[class*="obf"] { 
text-decoration: none;
}
div#menuBurger div.menuMobileFooter h3 a::before, div#menuBurger div.menuMobileFooter h3 span[class*="obf"]::before { 
content: "Mon Panier";
font-size: 1rem;
font-weight: 400;
color: initial;
}
div#menuBurger div.menuMobileFooter h3 span:not(.obf), div#menuBurger div.menuMobileFooter p span:not(.obf) { 
display:none;
}
div#menuBurger div.menuMobileFooter p span.obf::before { 
content: "Nous Contacter";
font-size: 1rem;
font-weight: 400;
color: initial;
}
div#zoneHaut { 
position: sticky;
top: -53px;
z-index: 1000;
}
div#zoneHaut div#echantillons { 
display: none;
flex-grow: 0 !important;
}
div#zoneHaut div#main-nav { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive { 
margin: 0; padding: 0;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover a { 
color: var(--blanc) !important;
text-decoration: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover a, div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover span[class*="obf"], div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:active a, div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:active span[class*="obf"] { 
color: var(--blanc);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover, div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:active { 
background-color: var(--violetFonce);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul { 
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-around;
font-weight: 600;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul > li > a br, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul > li > span[class*="obf"] span br { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive { 
position: absolute; top: 36px; left: 0px; width: 100%; z-index: 200; background-color: var(--blanc);
box-shadow: var(--boxShadow);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive > ul.categorie > li { 
background-size: auto 58px;
background-position: left .5rem;
background-repeat: no-repeat;
padding-left: 60px;
margin-bottom: 1rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base { 
padding: 1rem;
display: flex;
border-top: 2px solid var(--violetFonce);
max-height: calc(100vh - 160.5px);
overflow: auto;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column { 
flex-grow: 1;
flex-basis: 25%;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li { 
margin-bottom: 1rem;
min-height: 80px;
padding-left: 5.5rem;
background-position: 1rem top;
background-size: auto 55px;
background-repeat: no-repeat;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > span a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > span span.obfusquer-MM { 
display: inline-block;
line-height: 22px;
font-size: 1.25rem;
width: 100%;
margin-bottom: .75rem;
border: 0;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > span span.obfusquer-MM span.m1 { 
margin-left: 3px;
display: inline-block;
margin-top: 2px;
background: none;
text-transform: none;
font-size: 12px;
line-height: 1.1rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li ul li.banne-coffre-compacte-unies { 
background-image: url(../images/new-store-banne-demi-coffre.svg);
  background-size: auto 70px !important;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li ul li.store-banne-coffre-terrasse-toile-unis { 
background-image: url(../images/new-Store-banne-avec-coffre-1.svg);
  background-size: auto 70px !important;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.accessoires-de-pose-stores { 
background-image: url(../images/picto_acces.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.anti-chaleur { 
background-image: url(../images/picto-antichaleur.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.chemin-de-lit { 
background-image: url(../images/picto-chemindelit.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.coussins { 
background-image: url(../images/picto_coussin.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.coussins-a-motifs { 
background-image: url(../images/picto_coussin_motif.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.coussins-banquettes-interieurs-ignifuges { 
background-image: url(../images/BANQUETTE-SANS-COUSSINS-11.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.coussins-banquettes-exterieurs-ignifuges { 
background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-11.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.embrases { 
background-image: url(../images/picto_embrasses.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.films-vitrage { 
background-image: url(../images/picto_film.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.moustiquaires { 
background-image: url(../images/picto_moustiquaire.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.panneaux-japonais { 
background-image: url(../images/picto_japonais.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.pellicole-per-finestre-1 { 
background-image: url(../images/picto_film.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.quelle-embrase-choisir { 
background-image: url(../images/picto_embrasses.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-exterieurs { 
background-image: url(../images/picto_rideaux_exterieurs.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-lins { 
background-image: url(../images/picto_lin.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-occultation-m1 { 
background-image: url(../images/picto_occultant.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-petite-enfance-m1 { 
background-image: url(../images/picto_motifs.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-protection-solaire { 
background-image: url(../images/picto_pare_soleil.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-thermiques { 
background-image: url(../images/Thermique.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-thermiques { 
background-image: url(../images/Thermique.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.rideaux-velours-m1 { 
background-image: url(../images/picto_velour.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.separateur-graphique-droite { 
border-right: 2px solid var(--gris);
margin-bottom: 0;
padding-bottom: 1rem;
border-radius: unset;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.separateur-graphique-gauche { 
border-left: 2px solid var(--gris);
margin-bottom: 0;
padding-bottom: 1rem;
border-radius: unset;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-bannes-coffre-terrasse { 
background-image: url(../images/picto_banne_terrasse.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-bannes-monobloc { 
background-image: url(../images/picto_banne_monobloc.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-bateaux { 
background-image: url(../images/picto_bateau.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-californiens { 
background-image: url(../images/picto_californien.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-enrouleurs { 
background-image: url(../images/picto_enrouleurs.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-lames-verticales { 
background-image: url(../images/picto_californien.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-pour-velux-1 { 
background-image: url(../images/picto_velux.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-sans-percage-ignifuges { 
background-image: url(../images/pictosspercage.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-venitiens { 
background-image: url(../images/picto_venitien.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tende-termiche { 
background-image: url(../images/picto-antichaleur.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tetes-de-lit { 
background-image: url(../images/picto-tetedelit.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tringles-a-rideaux { 
background-image: url(../images/picto_tringle.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.voilages-m1 { 
background-image: url(../images/picto_voilage.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="banne"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="stores-exterieurs"] ul li span > span { 
line-height: 22px;
font-size: 1.25rem;
margin-right: .5ch;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="banne"] ul li, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="stores-exterieurs"] ul li { 
background-position: 1rem center;
background-size: auto 55px;
background-repeat: no-repeat;
padding-left: 6rem;
min-height: 80px;
display: flex;
align-items: center;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="banne"] ul li.store-banne-monobloc-toiles-unies, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="stores-exterieurs"] ul li.store-banne-monobloc-toiles-unies { 
background-image: url(../images/new-Store-banne-sans-coffre-1.svg);
  background-size: auto 70px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] > span, div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] > span { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="cloison"] ul li span > span { 
line-height: 22px;
font-size: 1.25rem;
margin-right: .5ch;
/*margin-bottom: 0.75rem;*/
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="cloison"] ul li { 
background-position: 1rem center;
background-size: auto 55px;
background-repeat: no-repeat;
padding-left: 5.5rem;
min-height: 80px;
display: flex;
align-items: center;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaire, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.moustiquaire { 
background-image: url(../images/moustiquaire-verticaleFinal2-01.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaires { 
background-image: url(../images/moustiquaire-verticaleFinal2-01.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaires-laterales, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.moustiquaires-laterales { 
background-image: url(../images/moustiquaire-late-raleV2-01.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaires-velux, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.moustiquaires-velux { 
background-image: url(../images/moustiquaire-veluxV2-01.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"], div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"], div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"], div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] { 
padding-left: initial;
background: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li span > span span.br, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li span > span span.br { 
font-size: 1rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li span > span span.br::before, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li span > span span.br::before { 
content: "+";
margin-right: 1ch;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li.panneau-acoustique-rectangle-mural-1 { 
background-image: url(../images/PANNEAU-CARRE-MURAL-SITU-6.svg);
background-size: auto 62px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li.panneau-acoustique-rond-suspendu-horizontal { 
background-image: url(../images/PANNEAU-ROND-SUSPENDU-SITU-6.svg);
background-size: auto 62px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li span > span span.promo, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li span > span span.promo { 
font-size: 1rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li span > span { 
flex-direction: column;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneaux-acoustiques"] ul li.panneau-acoustique-rectangle-suspendu-horizontal, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="panneau-acoustique"] ul li.panneau-acoustique-rectangle-suspendu-horizontal { 
background-image: url(../images/PANNEAU-RECTANGLE-SUSPENDU-SITU-6.svg);
background-size: auto 62px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li ul li.cloisonnette-acoustique-de-bureau { 
background-image: url(../images/Picto-cloisonnette.svg);
background-size: auto 62px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li ul li.cloison-acoustique-sur-pieds { 
background-image: url(../images/PANNEAU-SUR-PIEDS.svg);
background-size: auto 62px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li { 
background-position: 1rem center;
background-size: auto 55px;
background-repeat: no-repeat;
padding-left: 5.5rem;
min-height: 80px;
display: flex;
align-items: center;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li span > span { 
line-height: 22px;
font-size: 1.25rem;
margin-right: .5ch;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li.tringle-1 { 
background-image: url(../images/tringle-wave-gris.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li.tringle-chemin-de-fer { 
background-image: url(../images/tringle-chemin-de-fer-gris.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li.tringle-chemin-de-fer-1 { 
background-image: url(../images/tringle-chemin-de-fer-gris.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li.tringle-wave { 
background-image: url(../images/tringle-wave-gris.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li.tringles-pour-rideaux-a-oeillets { 
background-image: url(../images/tringle-oeillet-gris.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.zanzariera-per-velux { 
background-image: url(../images/moustiquaire-veluxV2-01.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.zanzariere { 
background-image: url(../images/moustiquaire-late-raleV2-01.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:first-of-type:has(li.moustiquaires) { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul { 
height: auto; background: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li { 
margin: 0 0 .2rem; padding: 0; text-align: left; width: 100%;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obf span { 
margin-top: 2px; background: none; text-transform: none; font-size: 12px; line-height: 1.1rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.masquerMenu, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.masquerMenu { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.menu, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obf span.menu { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obf { 
line-height: 16px; color: var(--gris) !important; text-decoration: none; font-weight: normal; padding-left: 0; padding-right: 0;
cursor: pointer;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM { 
color: var(--gris);
text-decoration: none;
font-weight: normal;
padding-left: 0;
padding-right: 0;
cursor: pointer;
font-size: .75rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > span span.obfusquer-MM { 
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span { 
/*margin-top: 2px;*/
background: none;
text-transform: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span span.m1 { 
margin-left: 3px;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.menu { 
margin-right: .5ch;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.option { 
font-size: .8rem;
flex-basis: 100%;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.promo { 
display: inline-block;
color: var(--blanc);
background-color: var(--violetFonce);
padding: 0 .1rem;
width: initial;
font-size: 1rem;
order: 2;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.promo:empty { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span[class*="suffixe"] { 
margin-left: .5ch;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.promo { 
display: inline-block;
color: var(--blanc);
background-color: var(--violetFonce);
padding: 0 .1rem;
margin-left: .25rem;
width: initial;
font-size: 1rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.promo:empty { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not([class*='panneau']) div.contentMenuDeroulantResponsive ul li ul li span.obfusquer-MM:hover, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li span.obfusquer-MM span.br:hover { 
background-color: var(--violetFonce);
color: var(--blanc);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li:not([class*="moustiquaire"], [class*="banne"], [class*="panneaux-acoustiques"], [class*="panneau-acoustique"], [class*="tringle"], [class*="cortina"], [class*="stores-exterieurs"]) span.obfusquer-MM > span::before,div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li[class*="accessoires"] ul li[class*="banne"] span.obfusquer-MM > span::before,div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.tringles-a-rideaux ul li span.obfusquer-MM > span::before { 
content: "+";
margin-right: 1ch;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li ul li.cloisonnette-acoustique-de-bureau span::before, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li ul li.cloison-acoustique-sur-pieds span::before {
display: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.coussin-a-motifs-lin-tie-and-dye { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.coussin-a-motifs-mini { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.rideaux-carreaux-de-ciment { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.rideaux-lin-tie-and-dye { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.rideaux-minis { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul.categorie { 
list-style: none;
color: var(--blanc);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul.categorie > li a span.categorie-suffixe, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul.categorie > li span[class*="obf"] span.categorie-suffixe { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul.categorie ul.categorie { 
color: var(--gris);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li { 
margin: 0;
padding: .5rem 0;
flex-grow: 1;
border-radius: 10px 10px 0 0;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a span.promo, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM) span.promo { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM), div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li span.obf { 
display: inline-flex;
color: var(--gris);
text-decoration: none;
cursor: pointer;
border-left: 1px solid var(--gris);
font-size: .5rem;
padding: 0 .5rem;
align-items: flex-end;
line-height: 1.1rem;
width: 100%;
justify-content: center;
font-weight: 700;
white-space: nowrap;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.anti-chaleur div.contentMenuDeroulantResponsive { 
display: none!important;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.anti-chaleur span { 
white-space: nowrap;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.clear-fix { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.rideaux-thermiques div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.option { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-exterieurs ul li a { 
padding-top: 0; padding-bottom: 0;width: auto;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has( > ul > li[class*="moustiquaire"]) { 
display:none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has(> ul > li[class*="zanzarier"]), div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has(> ul > li[class*="moustiquaire"]) { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs li.moustiquaires { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs ul li span.obfusquer-MM { 
/*padding-top: 0;
padding-bottom: 0;
width: auto;
cursor: pointer;*/
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-pour-velux h2 a { 
width: 100%;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-sans-percage-ignifuges div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.option { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:first-of-type a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:first-of-type span.obf { 
border-left: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not(.moustiquaires) div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.menu { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not(.moustiquaires) div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span:has(>span.menu) strong { 
margin-left: .25rem;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul.menuDeroulantResponsive { 
flex-direction: row;
}
div#zoneHaut div.IndeXysPortletEnTete div.logo p { 
padding: 0;
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons { 
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul { 
margin: 0;
padding: 0;
list-style: none;
font-weight: 600;
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li { 
background-color: var(--blanc);
display: inline-block;
width: 100%;
border-radius: 10px 10px 0 0;
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codes-promo a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codes-promo span.obf { 
color: var(--rouge-promo);
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codes-promo:hover { 
background-color: var(--rouge-promo);
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li:hover { 
background-color: var(--violetFonce);
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li:hover a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li:hover span.obf { 
color: var(--blanc);
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#main-nav { 
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile { 
margin: 0;
margin-left: .5rem;
padding: 0;
position: relative;
cursor: pointer;
}
div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p a, div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p span.obf { 
display: block;
margin: 0px;
padding: 0px;
height: 1.75rem;
width: 1.75rem;
background: url(../images/fdMenuMobile.png) center center no-repeat;
color: var(--blanc);
text-transform: uppercase;
font-size: .6em;
text-decoration: none;
background-size: 100%;
}
div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p span.out span.in { 
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p, div#zoneHaut div.IndeXysPortletEnTete div.contact > div > p { 
margin: 0;
padding: 0;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil { 
margin: 0 .5rem 0 auto;
padding: 0;
width: 1.75rem;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil div.seConnecter p span[class*="obf"], div#zoneHaut div.IndeXysPortletEnTete div.profil div.seConnecter p a { 
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil h3 a, div#zoneHaut div.IndeXysPortletEnTete div.profil h3 span[class*="obf"] { /*afac*/
display: inline-block;
height: 1.75rem;
width: 100%;
text-decoration: none;
color: var(--gris);
background-image: url(../images/compteViolet.svg);
background-repeat: no-repeat;
background-size: 2rem auto;
background-position: center;
cursor: pointer;
padding: 1rem;
position: relative;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a, div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"] { 
display: inline-block;
height: 1.75rem;
width: 100%;
text-decoration: none;
color: var(--gris);
background-image: url(../images/compteViolet.svg);
background-repeat: no-repeat;
background-size: 2rem auto;
background-position: center;
cursor: pointer;
padding: 1rem;
position: relative;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil h3 span, div#zoneHaut div.IndeXysPortletEnTete div.profil p a { /*afac*/
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span, div#zoneHaut div.IndeXysPortletEnTete div.profil p a { 
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil ul { 
margin: 0;
padding: 0;
list-style: none;
}

div#zoneHaut div.IndeXysPortletEnTete div.snp-mondrian-row.recherche { 
margin: 0 0 .5rem;
padding: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
div#zoneHaut div.IndeXysPortletEnTete div.snp-mondrian-row.recherche > div { 
width: 100%;
display: flex;
justify-content: center;
}
div#zoneHaut div.IndeXysPortletEnTete div.valeurs p { 
padding: 0;
}
div#zoneHaut div.IndeXysPortletEnTete span.obf { 
color: var(--blanc);
}
div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil h3 a, div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil h3 span[class*="obf"] { /*afac*/
top: .5rem;
}
div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil .titre-compte-client a, div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil .titre-compte-client span[class*="obf"] { 
top: .5rem;
}
div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil div.titreRubrique, div#zoneHaut div.panier:has(div.quantite p.articles) div.titreRubrique { 
padding-top: .75rem;
}
div#zoneHaut div.avis-client { 
display: none;
}
div#zoneHaut div.contact { 
/*margin: 0 auto 0 .5rem;*/
padding: 0;
z-index: 1000;
}
div#zoneHaut div.contact p span.obf span.texteContact, div#zoneHaut div.contact p span.obf span.telephoneContact, div#zoneHaut div.contact p span.obf span.horairesContact { 
display: none;
}
div#zoneHaut div.contact p span.obf.mail { 
display: block;
color: var(--gris);
text-decoration: none;
padding-left: 1.75rem;
background-image: url(../images/mail-PSO.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 1.75rem auto;
height: 1.75rem;
cursor: pointer;
}
div#zoneHaut div.contact p span.obf.telephone { 
display: block;
color: var(--gris);
text-decoration: none;
padding-left: 1.75rem;
background-image: url(../images/telVioletClair.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
height: 1.75rem;
cursor: pointer;
}
div#zoneHaut div.logo { 
width: 50%;
max-width: 390px;
align-self: flex-start;
margin-bottom: .25rem;
}
div#zoneHaut div.logo p { 
display: flex;
justify-content: center;
}
div#zoneHaut div.logo p img { 
object-fit: cover;
object-position: center;
width: 180px;
aspect-ratio: 500/100;
}
div#zoneHaut div.logo p span { 
height: 60px;
display: flex;
align-items: center;
}
div#zoneHaut div.panier { 
margin: 0;
margin-right: .5rem;
padding: 0;
width: 1.75rem;
position: relative;
flex-grow: 0 !important;
}
div#zoneHaut div.panier div.montant p { 
display: none;
}
div#zoneHaut div.panier div.quantite p.articles { 
margin: 0;
}
div#zoneHaut div.panier div.quantite p.articles span.libelle { 
display: none;
}
div#zoneHaut div.panier div.quantite p.articles span.quantite { 
display: block;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
color: var(--blanc);
text-align: center;
line-height: 26px;
font-size: 12px;
font-weight: bold;
position: absolute;
top: -.1rem;
right: -.5rem;
background-color: var(--violetFonce);
border-radius: 50%;
}
div#zoneHaut div.panier div.quantite p.vide { 
display: none;
}
div#zoneHaut div.panier div.titreRubrique h3 a span, div#zoneHaut div.panier div.titreRubrique h3 span[class*="obf"] span { 
display: none;
}
div#zoneHaut div.panier div.titreRubrique h3 a, div#zoneHaut div.panier div.titreRubrique h3 span[class*="obf"] { 
display: inline-block;
width: 100%;
text-decoration: none;
color: var(--gris);
background-image: url(../images/panierViolet.svg);
background-repeat: no-repeat;
background-size: 1.75rem auto;
background-position: center;
text-align: center;
font-size: .875rem;
height: 1.75rem;
cursor: pointer;
}
div#zoneHaut div.panier div.titreRubrique h3, div#zoneHaut div.profil div.titreRubrique h3 { /*afac*/
margin: 0;
padding: 0;
}
div#zoneHaut div.panier div.titreRubrique .titre-compte-client, div#zoneHaut div.profil div.titreRubrique .titre-compte-client { 
margin: 0;
padding: 0;
}
div#zoneHaut div.profil div.identite p.titre { 
display: none;
}
div#zoneHaut div.valeurs { 
width: 100%;
display: flex;
justify-content: space-around;
margin: 0;
list-style: none;
background-color: var(--grisClair);
font-family: 'Mulish', sans-serif;
font-size: .7rem;
padding: .75rem 0;
}
div#zoneHaut div.valeurs p { 
display: flex;
}
div#zoneHaut div.valeurs span.obf { 
flex-grow: 1;
display: flex;
justify-content: center;
margin: 0 .25rem;
padding: 0 .5rem;
color: var(--gris) !important;
cursor: pointer;
}
div#zoneHaut div.valeurs span.obf { 
text-decoration: none;
}
div#zoneHaut div.valeurs span.obf > span { 
display: inline-block;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 20px;
padding-left: 65px;
}
div#zoneHaut div.valeurs span.obf.devis > span { 
background-image: url(../images/picto_devis.svg);
padding-left: 35px;
}
div#zoneHaut div.valeurs span.obf.devis > span strong { 
display: block;
}
div#zoneHaut div.valeurs span.obf.fabrication > span { 
background-image: url(../images/fabrication_violet.svg);
padding-left: 30px;
width: 100px;
}
div#zoneHaut div.valeurs span.obf.livraison > span { 
background-image: url(../images/livraison_violet.svg);
padding-left: 40px;
width: 100px;
}
div#zoneHaut div.valeurs span.obf.paiement { 
display:none;
}
div#zoneHaut div.valeurs span.obf.paiement > span { 
background-image: url(../images/picto_marianne.svg);
padding-left: 50px;
}
div#zoneHaut div.valeurs span.obf:hover { 
text-decoration: none !important;
}
div#zoneHaut div.valeurs span.obf:nth-of-type(2) { 
margin: 0;
border-left: 1px solid var(--gris);
border-right: 1px solid var(--gris);
}
div#zoneHaut section div:has(> .navigation) { 
align-items: center;
}
div#zoneHaut section:has(div.valeurs) { 
width: 100%;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li:not([class*="moustiquaire"], [class*="banne"], [class*="tringle"], [class*="cortina"]) a > span::before, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li[class*="accessoires"] ul li[class*="banne"] a > span::before {
    content: "+";
    margin-right: 1ch;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > a span.obfusquer-MM {
    display: inline-flex;
    align-items: baseline;
font-size: initial;
    flex-wrap: wrap;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.promo:empty {
    display: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.menu {
    margin-right: .5ch;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not(.moustiquaires):not(.anti-chaleur) div.contentMenuDeroulantResponsive ul li a span.menu {
    display: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span {
    background: none;
    text-transform: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a {
color: var(--gris);
    text-decoration: none;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    font-size: .75rem;
width: auto;
border-left: 0;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li a:hover {
    background-color: var(--violetFonce);
    color: var(--blanc) !important;
}

div#zoneHaut div.panier div.titreRubrique p.titre-panier {
    margin: 0;
    padding: 0;
}

div#zoneHaut div.panier > div, div#zoneHaut div.panier > div {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: var(--gris);
    background-image: url(../images/panierViolet.svg);
    background-repeat: no-repeat;
    background-size: 1.75rem auto;
    background-position: center;
    text-align: center;
    font-size: .875rem;
    height: 1.75rem;
    cursor: pointer;
}

div#zoneHaut div.panier div.titreRubrique p.titre-panier a span, div#zoneHaut div.panier div.titreRubrique p.titre-panier span[class*="obf"] span {
    display: none;
}

div#menuBurger div.menuMobileFooter p.titre-panier span.obf::before {
    content: "Mon panier";
    font-size: 1rem;
    font-weight: 400;
    color: initial;
}

div#menuBurger div.menuMobileFooter > p a, div#menuBurger div.menuMobileFooter > p.titre-panier span.obf {
    display: inline-flex;
    align-items: center;
    height: 2rem;
    padding-left: 3rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    background-image: url(../images/panierViolet.svg);
    cursor: pointer;
}

/* NEW */

 div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil div.titreRubrique,  div#zoneHaut div.panier:has(div.quantite p.articles) div.titreRubrique {
  padding-top: 0;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil .titre-compte-client a,  div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil .titre-compte-client span[class*="obf"] {
  top: initial;
  }
  
   div#zoneHaut div.panier div.quantite p.articles span.quantite {
  width: 17px;
  height: 17px;
  line-height: 19px;
  font-size: 8px;
  top: 0.8rem;
  right: -1.3rem;
  }
  
  [data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil a::before, [data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil span[class*="obf"]::before {
  background-image: url(../images/new-coche-violet-PSO.svg);
  background-size: 2.5rem auto;
  }
  
   div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover,  div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:active {
  background-color: initial;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.profil,  div#zoneHaut div.IndeXysPortletEnTete div.panier > div {
  display: flex;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.panier .quantite {
  position: absolute;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.panier .titreRubrique {
  width: 1.75rem;
  }
  
   div#zoneHaut div.contact p span.obf.telephone {
  background-image: url(../images/new-Contact.svg);
  height: 2.5rem;
  width: 2.5rem;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p a,  div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p span.obf {
  background-image: url(../images/new-Menu.svg);
  height: 2.5rem;
  width: 2.5rem;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codes-promo:hover {
      background-color: initial !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content > ul > li:nth-child(2):hover > a > span,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content > ul > li:nth-child(2):hover > span.obf > span {
  border-bottom: 2px solid var(--violetFonce);
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content > ul > li:hover > a > span,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content > ul > li:hover > span.obf > span {
  border-bottom: 2px solid var(--rouge-promo);
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li:hover a,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li:hover span.obf {
      color: var(--gris) !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons {
  background-color: initial !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons a,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons span.obf {
  color: var(--violetFonce) !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons:hover a,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.commande-echantillons:hover span.obf {
  color: var(--gris) !important;
  }
  
   div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li > a,  div#zoneHaut div#main-nav div.menuDeroulantResponsive nav> ul > li > span[class*="obf"]:not(.obfusquer-MM) {
  padding: 0;
  margin: 0 .5rem;
  }
  
   div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li > a > span,  div#zoneHaut div#main-nav div.menuDeroulantResponsive nav> ul > li > span[class*="obf"]:not(.obfusquer-MM) > span {
  border-bottom: 2px solid var(--blanc);
  }
  
   div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover > a > span,  div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:hover > span[class*="obf"] > span,  div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:active > a > span,  div#zoneHaut div#main-nav div.menuDeroulantResponsive nav > ul > li:active > span[class*="obf"] > span {
  border-bottom: 2px solid var(--violetFonce);
  color: var(--gris) !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche input:focus-visible,  .menuMobile input:focus-visible {
      border: 2px solid var(--violetFonce);
      border-right: 0;
      outline: none;
  }
  
   div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a,  div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM),  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li a,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li span.obf {
  border-left: 0;
  }
  
   div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive {
  top: 45px;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#main-nav {
  padding: .5rem 0 0 0;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche:has(input:focus-visible) button,  .menuMobile:has(input:focus-visible) p button {
      border: 2px solid var(--violetFonce);
      border-left: 0;
  }
  
   div#zoneHaut div.contact {
  flex-grow: 0 !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche.rechercheDesktop {
  display: none;
  }
  
   div#zoneHaut div.logo {
  display: flex;
      justify-content: center;
  max-width: initial;
  }
  
   div#zoneHaut div.logo p img {
  width: 290px;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element {
      width: 95%;
      max-width: 530px;
      align-content: center;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche input,  .menuMobile input {
      margin: 0;
      padding: .7rem 0.5rem .7rem 1.5rem;
      width: calc(100% - 35px);
      height: 35px;
      font-family: Arial, Helvetica, Sans-serif;
      color: var(--noir);
      border-radius: 5px 0 0 5px !important;
      background-color: var(--grisMoinsClair);
      border: none;
      font-size: .9rem;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf {
  background-image: url(../images/new-Aide-au-choix.svg);
  background-size: 3rem auto;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a,  div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"] {
  background-image: url(../images/new-Compte.svg);
  background-size: 2.5rem auto;
  }
  
   div#zoneHaut div.panier > div,  div#zoneHaut div.panier > div {
  background-image: url(../images/new-Panier.svg);
  background-size: 2.5rem auto;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche button,  .menuMobile p button {
      margin: 0;
      padding: 0;
      width: 35px;
      height: 35px;
      cursor: pointer;
      font-family: Arial, Helvetica, Sans-serif;
      background-color: var(--grisMoinsClair);
      background-image: url(../images/new-Recherche.svg);
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 0 5px 5px 0;
      border: none;
      font-size: 0;
      background-size: auto 30px;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf::before {
  content: '';
  display: none;
  }
  
   div#zoneHaut .contactHeader {
  display: none;
  }

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a.obfusquer-MM span.retour-ligne:has(.promo), div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] span.retour-ligne:has(.promo) {
font-size: 0;
display: initial;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a.obfusquer-MM span.retour-ligne .promo, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] span.retour-ligne .promo {
font-size: 1rem;
}@media screen and (min-width: 576px) {

     div#zoneHaut div.IndeXysPortletEnTete div.profil {
    flex-grow: 0 !important;
    }

div#zoneHaut div.logo p img { 
    width: 100%;
    height: 60px;
}

div#zoneHaut .navigation {
flex-grow: 0 !important;
}

div#zoneHaut div.valeurs span.obf {
font-size: .875rem;
}

	div#zoneHaut div.contact {
		margin-left: 1rem;
	}

div#zoneHaut div.panier > div,  div#zoneHaut div.panier > div {
    background-size: 3rem auto;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a,  div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"] {
        background-size: 3rem auto;
    }
    
     div#zoneHaut div.contact p span.obf.telephone {
        background-size: 3rem auto;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p a,  div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p span.obf {
        height: 3rem;
        width: 3rem;
    }
}

@media screen and (min-width: 768px) {

div#zoneHaut div.valeurs span.obf br { 
display: none;
}

div#zoneHaut div#echantillons {
        display: block;
    }

div#zoneHaut div#main-nav {
        display: initial;
        position: relative;
    }

	div#zoneHaut div.panier {
		width: 70px;
	}

	div#zoneHaut div.IndeXysPortletEnTete div.navbar div#main-nav {
		display: initial;
		position: initial;
	}

	div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons {
		display: block;
	}

	div#zoneHaut div.IndeXysPortletEnTete div.navigation {
		display: none !important;
	}

div#zoneHaut div.contact p span.obf span.texteContact {
display: block;
font-size: .8rem;
color: var(--gris);
}
div#zoneHaut div.contact p span.obf span.telephoneContact {
display: block;
font-size: 1rem;
color: var(--violetClair);
font-weight: 800;
}
div#zoneHaut div.contact p span.obf span.horairesContact {
display: block;
font-size: .7rem;
color: var(--gris);
white-space: pre;
height: 1rem;
}

	div#zoneHaut div.valeurs span.obf.avis {
		display: flex;
	}

	div#zoneHaut div.valeurs span.obf.fabrication>span,
	div#zoneHaut div.valeurs span.obf.livraison>span {
		width: initial;
	}

div#zoneHaut div.panier {
    width: 1.75rem;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#main-nav {
    display: none;
    }
    
     div#zoneHaut div.contact p span.obf span > span {
    display: none !important;
    }
     div#zoneHaut div.IndeXysPortletEnTete div.navigation {
    display: initial !important;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.recherche input,  .menuMobile input {
        height: 40px;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.recherche button,  .menuMobile p button {
        width: 40px;
        height: 40px;
    }
    
     div#zoneHaut .contactHeader .contactHeader {
    margin: 0;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete  .contactHeader p {
        padding: 0;
        position: relative;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.profil .profil {
    margin: 0;
    }
    
     div#zoneHaut .contactHeader p span.obf:hover {
    text-decoration: none !important;
    }
    
     div#zoneHaut .contactHeader p span.obf {
        display: inline-block;
        font-size: .8rem;
        text-align: center;
        font-weight: 500;
        padding-top: 2.75rem;
        color: var(--gris) !important;
        background-image: url(../images/new-Contact.svg);
        background-repeat: no-repeat;
        background-size: 3rem;
        cursor: pointer;
        background-position: center;
        font-family: sans-serif;
    }

}

/*Passage en desktop*/
@media screen and (min-width: 992px) {

div#zoneHaut div.panier .titre-panier a, div#zoneHaut div.panier .titre-panier span.obf {
width: 80px;
}

div#zoneHaut {
        top: 0px;
    }

div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil h3 a, div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil h3 span[class*="obf"] { /*afac*/
        top: 0;
    }

div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil .titre-compte-client a, div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil .titre-compte-client span[class*="obf"] {
        top: 0;
    }

    div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil div.titreRubrique, div#zoneHaut div.panier:has(div.quantite p.articles) div.titreRubrique {
        padding-top: 0;
    }

div#zoneHaut div.valeurs span.obf:nth-of-type(3) {
border-right: 1px solid var(--gris);
}

div#zoneHaut div.valeurs span.obf.paiement {
display: flex;
}

div#zoneHaut div.avis-client {
display: initial;
        margin: 0 auto -1.5rem 1rem;
        padding: 0;
        width: 70px;
}

div#zoneHaut div.avis-client a > span, div#zoneHaut div.avis-client span.obf > span {
    line-height: .95rem;
    margin-top: .25rem;    
    text-align: center;
    font-size: .7rem;
    color: var(--noir);
}

div#zoneHaut div.avis-client a span, div#zoneHaut div.avis-client span.obf span {
    display: block;
}

div#zoneHaut div.avis-client a img, div#zoneHaut div.avis-client span.obf img {
    max-width: 55px;
}

div#zoneHaut div.avis-client a > span span.noteAvisClient, div#zoneHaut div.avis-client span.obf > span span.noteAvisClient {
    font-size: .9rem;
}

div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil h3 a, div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil h3 span[class*="obf"] {
top: 0;
}

div#zoneHaut div.contact {
    margin-top: 1rem;
    flex-grow: 0 !important;
}

    div#zoneHaut div.IndeXysPortletEnTete div.contact > div {
        width: 170px;
    }

    div#zoneHaut div.IndeXysPortletEnTete div.avis-client > div {
       width: 80px;
    }

    div#zoneHaut section div:has(> .navigation) {
        align-items: stretch;
    }

    div#zoneHaut div.IndeXysPortletEnTete div.profil h3 a::after, div#zoneHaut div.IndeXysPortletEnTete div.profil h3 span[class*="obf"]::after { /*afac*/
        content: "Mon Profil";
        display: initial;
        font-size: .875rem;
        position: absolute;
        bottom: -1rem;
        left: 8px;
        transform: translateY(-25%);
        text-align: center;
        font-weight: 500;
        text-wrap: nowrap;
    }

div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a::after, div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"]::after {
        content: "Mon Compte";
        display: initial;
        position: absolute;
        font-family: sans-serif;
        left: 8px;
        transform: translateY(-25%);
        text-align: center;
        font-weight: 500;
        text-wrap: nowrap;
    }

	div#zoneHaut div.IndeXysPortletEnTete div.profil ul li a span.out span.in, div#zoneHaut div.IndeXysPortletEnTete div.profil ul li span.obf span.out span.in {
		display: block;
		font-size: .875rem;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translateY(70%);
		width: 85px;
		text-align: center;
		text-transform: capitalize;
	}

	[data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil a::before, [data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil span[class*="obf"]::before {
		content: "";
		top: 1.6rem;
		right: 23px;
	}

	div#zoneHaut div.IndeXysPortletEnTete div.profil ul li a, div#zoneHaut div.IndeXysPortletEnTete div.profil ul li span.obf {
		height: 3rem;
		width: 5rem;
		background-size: 2rem auto;
		position: relative;
	}

	div#zoneHaut div.IndeXysPortletEnTete div.profil {
		width: 107px;
		margin-right: 1rem;
	}

	div#zoneHaut div.IndeXysPortletEnTete div.profil ul li {
		text-align: right;
	}

	div#zoneHaut div.panier div.quantite p.articles span.quantite {
		left: 2.75rem;
		top: .1rem;
		z-index: 1000;
	}

	div#zoneHaut div.panier {
		width: 107px;
		margin-right: 1rem;
	}

	div#zoneHaut div.panier div.titreRubrique h3 a, div#zoneHaut div.panier div.titreRubrique h3 span[class*="obf"] {
		width: 80px;
		background-size: 2rem auto;
		height: 3rem;
		position: relative;
	}

    div#zoneHaut div.profil div.titreRubrique h3 a, div#zoneHaut div.profil div.titreRubrique h3 span[class*="obf"] { /*afac*/
        width: 80px;
        background-size: 2rem auto;
        height: 3rem;
        position: relative;
    }

div#zoneHaut div.profil div.titreRubrique .titre-compte-client a, div#zoneHaut div.profil div.titreRubrique .titre-compte-client span[class*="obf"] {
        width: 80px;
        height: 3rem;
        position: relative;
    }

	div#zoneHaut div.panier div.titreRubrique h3 a::after, div#zoneHaut div.panier div.titreRubrique h3 span[class*="obf"]::after {
		content: "Mon Panier";
		display: initial;
		font-size: .875rem;
		position: absolute;
		bottom: -1rem;
		left: 4px;
		transform: translateY(-25%);
		text-wrap: nowrap;
		text-align: center;
		font-weight: 500;
	}

	div#zoneHaut div.contact {
		width: 135px;
	}

	div#zoneHaut div.valeurs span.obf>span {
		background-size: auto 33px;
	}

	div#zoneHaut div.valeurs span.obf.livraison>span {
		padding-left: 80px;
	}

	div#zoneHaut div.valeurs span.obf.fabrication>span {
		padding-left: 50px;
	}

	div#zoneHaut div.valeurs span.obf {
		margin: 0 .5rem;
		padding: 0 1rem;
		flex-basis: 33%;
	}

	div#zoneHaut div.valeurs {
		margin-bottom: .5rem;
	}

	div#zoneHaut div.valeurs span.obf:last-of-type {
		justify-content: center;
	}

div#zoneHaut div.panier div.titreRubrique p.titre-panier a::after, div#zoneHaut div.panier div.titreRubrique p.titre-panier span.obf::after {
        content: "Mon Panier";
        display: initial;
        position: absolute;
        font-family: sans-serif;
        left: 0;
        transform: translateY(-25%);
        width: 85px;
        text-align: center;
        font-weight: 500;
        color: var(--gris);
    }

    div#zoneHaut div.panier > div, div#zoneHaut div.panier > div {
        width: 80px;
        height: 3rem;
        position: relative;
    }

div#zoneHaut div.logo p img {
    width: 290px;
    height: 60px;
    }
    
     div#zoneHaut div.logo {
    max-width: 290px;
    }
    
     div#zoneHaut div.panier {
    width: 70px;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.recherche.rechercheMobile {
    display: none;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#main-nav {
    display: initial;
    }
    
     div#zoneHaut div.contact p span.obf span > span {
    display: block !important;
    }
    
     div#zoneHaut div.contact {
            display: none;
        }
    
     div#zoneHaut .contactHeader {
    display: flex;
    width: 1.75rem;
    margin: 0 .8rem 0 1.5rem;
    flex-grow: 0 !important;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.recherche.rechercheDesktop {
    display: flex;
        flex-grow: 1;
        justify-content: center;
        margin-left: 1rem;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.navigation {
    display: none !important;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.profil {
    width: 90px;
    }
    
     div#zoneHaut div.panier {
    width: 80px;
    }
    
     div#zoneHaut .contactHeader {
    width: 105px;
    display: block;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf::after {
    font-size: .8rem;
    bottom: -1.35rem;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a::after,  div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"]::after {
    font-size: .8rem;
    bottom: -0.95rem;
    }
    
         div#zoneHaut div.panier div.titreRubrique p.titre-panier a::after,  div#zoneHaut div.panier div.titreRubrique p.titre-panier span.obf::after {
            font-size: .8rem;
            bottom: -.95rem;
        }
       
     div#zoneHaut div.panier div.quantite p.articles span.quantite {
    top: 1.1rem;
    }
    
    [data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil a::before, [data-isanonymous="non"] div#zoneHaut div.IndeXysPortletEnTete div.profil span[class*="obf"]::before {
    top: 1.2rem;
    }
    
         div#zoneHaut div.logo {
            margin-left: 1rem;
        }
    
     div#zoneHaut div.IndeXysPortletEnTete div.profil {
    margin-right: 0;
    }
    
     div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix {
    flex-grow: 0 !important;
    width: 90px;
    }
    
     div#zoneHaut .contactHeader p span.obf {
            height: 3rem;
            position: relative;
    }

}
/*-----fin 992px-----*/

@media screen and (min-width: 1040px) {
  div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM), div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li span.obf {
    font-size: .6rem;
  }
}

@media screen and (min-width: 1200px) {

div#zoneHaut div.IndeXysPortletEnTete div.recherche input {
        height: 40px;
        width: calc(100% - 190px);
    }

div#zoneHaut div.IndeXysPortletEnTete div.recherche p, .menuMobile p:nth-child(2) {
justify-content: center;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element {
        max-width: 600px;
    }

div#zoneHaut div.IndeXysPortletEnTete div.recherche button {
        height: 40px;
        width: 40px;
        background-size: auto 35px;
    }

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a {
        font-size: .8rem;
    }

div#zoneHaut div.avis-client {
margin: 0 auto -1.5rem 3rem;
}

    div#zoneHaut div.valeurs {
        padding: .5rem 0;
    }

    #echantillons > div {
        padding: 0;
    }

	div#zoneHaut div.valeurs span.obf:last-of-type {
		width: initial;
	}


div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM {
	font-size: .8rem;
}


div#zoneHaut div.logo p img {
    width: 320px;
    }
    
     div#zoneHaut div.logo {
    max-width: 320px;
    }

}

@media screen and (min-width: 1260px) {

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM), div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li span.obf {
	font-size: .7rem;
}

}

@media screen and (min-width: 1500px) {

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM), div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li span.obf {
	font-size: .8rem;
}

div#zoneHaut div.IndeXysPortletEnTete div.recherche input {
        width: calc(100% - 56px);
    }

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a {
        font-size: 1rem;
    }
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM {
	font-size: 1rem;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base {
	padding: 1rem 4rem;
}

div#zoneHaut div.logo p img {
    width: 310px;
    }
    
     div#zoneHaut div.logo {
    max-width: 310px;
    }
}

@media screen and (min-width: 1580px) {

div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element {
        max-width: 700px;
    }

}div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.panneau-acoustique-rectangle-suspendu-horizontal span.icon {
    background-image: url(../images/Panneau-accoustique-suspendu-rectangulaire.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.panneau-acoustique-rond-suspendu-horizontal span.icon {
    background-image: url(../images/Panneau-acoustique-suspendu-rond.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.panneau-acoustique-rectangle-mural-1 span.icon {
    background-image: url(../images/Panneau-acoustique-rectanglulaire-mural.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.cloison-acoustique-sur-pieds span.icon {
    background-image: url(../images/Cloison-acoustique-sur-pieds.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.cloisonnette-acoustique-de-bureau span.icon {
    background-image: url(../images/Cloisonnette-acoustique-de-bureau.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.chemin-de-lit span.icon {
    background-image: url(../images/chemindelitBlanc.svg);
    background-size: 45px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-et-banquettes-ignifuges div.sr-categorieProduit-title div.title {
    background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title {
background-image: url(../images/tete-lit-classique-BLC.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-interieurs-ignifuges div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-interieurs-ignifuges div.sr-categorieProduit-title span.icon {
  background-image: url(../images/BANQUETTE-SANS-COUSSINS-222.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-exterieurs-ignifuges div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-exterieurs-ignifuges div.sr-categorieProduit-title span.icon {
  background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-22.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.coussins-banquettes-interieurs-ignifuges span.icon {
  background-image: url(../images/BANQUETTE-SANS-COUSSINS-222.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.coussins-banquettes-exterieurs-ignifuges span.icon {
  background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-22.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.banne-coffre-compacte-unies span.icon { 
background-image: url(../images/demi-coffre.svg);
  background-size: 35px auto;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover div.title { 
    background-image: url(../images/moustiquaireBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.moustiquaires span.icon { 
background-image: url(../images/moustiquaire-verticaleFinalblanc-01.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.store-banne-coffre-terrasse-toile-unis span.icon { 
background-image: url(../images/Coffre.svg);
  background-size: 35px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.store-banne-monobloc-toiles-unies span.icon { 
background-size: 35px auto;
  background-image: url(../images/sans-coffre.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.anti-chaleur span.icon { 
background-image: url(../images/pictoAntiChaleurBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.coussins span.icon { 
background-image: url(../images/coussinBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.coussins-a-motifs span.icon { 
background-image: url(../images/coussinMotifBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.embrases span.icon { 
background-image: url(../images/embraseBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.parois-japonaises span.icon { 
background-image: url(../images/japonaisBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideau-occultants span.icon { 
background-image: url(../images/occultantBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-lins span.icon { 
background-image: url(../images/linBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-petite-enfance-m1 span.icon { 
background-image: url(../images/motifBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-protection-solaire span.icon { 
background-image: url(../images/tamisantBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-velours-m1 span.icon { 
background-image: url(../images/velourBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.store-banne-coffre-compacte span.icon { 
background-image: url(../images/compactBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-a-enrouleur span.icon { 
background-image: url(../images/enrouleurBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bannes-coffre-terrasse span.icon { 
background-image: url(../images/terasseBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bannes-monobloc span.icon { 
background-image: url(../images/monoblocBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bateaux span.icon { 
background-image: url(../images/bateauBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-californiens-trapezes span.icon { 
background-image: url(../images/trapezeBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-lames-verticales span.icon { 
background-image: url(../images/californienBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-pour-velux span.icon { 
background-image: url(../images/veluxBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-venitiens span.icon { 
background-image: url(../images/venitienBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.tringles span.icon { 
background-image: url(../images/tringleBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.voilages-m1 span.icon { 
background-image: url(../images/voilageBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/filmBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title div.title { 
background-image: url(../images/filmBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/moustiquaireBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.moustiquaires-laterales span.icon { 
background-image: url(../images/moustiquaire-lateraleblanc-01.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title div.title { 
background-image: url(../images/moustiquaire-verticaleFinalblanc-01.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.quel-coussin-choisir div.sr-categorieProduit-title div.title { 
background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux-et-voilages div.sr-categorieProduit-title div.title { 
background-image: url(../images/rideaux.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs div.sr-categorieProduit-title div.title { 
background-image: url(../images/Coffre.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-interieurs div.sr-categorieProduit-title div.title { 
background-image: url(../images/moustiquaire.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-title div.title { 
background-image: url(../images/tringles.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages-m1 div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/voilages.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages-m1 div.sr-categorieProduit-title div.title { 
background-image: url(../images/voilages.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.accessoires-de-pose-stores div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.accessoires-de-pose-stores div.sr-categorieProduit-hover div.title { 
background-image: url(../images/picto_acces_blanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.anti-chaleur div.sr-categorieProduit-hover div.title { 
background-image: url(../images/pictoAntiChaleurBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.anti-chaleur div.sr-categorieProduit-title span.icon { 
background-image: url(../images/pictoAntiChaleurBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins div.sr-categorieProduit-hover div.title { 
background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins div.sr-categorieProduit-title span.icon { 
background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover div.title { 
background-image: url(../images/coussinMotifBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-title span.icon { 
background-image: url(../images/coussinMotifBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.embrases div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.embrases div.sr-categorieProduit-hover div.title { 
background-image: url(../images/embraseBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-hover div.title { 
background-image: url(../images/filmBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title span.icon { 
background-image: url(../images/filmBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover div.title { 
background-image: url(../images/moustiquaire.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title span.icon { 
background-image: url(../images/moustiquaire.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-hover div.title { 
background-image: url(../images/japonaisBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-title span.icon { 
background-image: url(../images/japonaisBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-lins div.sr-categorieProduit-hover div.title { 
background-image: url(../images/linBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-lins div.sr-categorieProduit-title span.icon { 
background-image: url(../images/linBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-occultation-m1 div.sr-categorieProduit-hover div.title { 
background-image: url(../images/occultantBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-occultation-m1 div.sr-categorieProduit-title span.icon { 
background-image: url(../images/occultantBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-petite-enfance-m1 div.sr-categorieProduit-hover div.title { 
background-image: url(../images/motifBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-petite-enfance-m1 div.sr-categorieProduit-title span.icon { 
background-image: url(../images/motifBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-protection-solaire div.sr-categorieProduit-hover div.title { 
background-image: url(../images/tamisantBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-protection-solaire div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tamisantBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-velours-m1 div.sr-categorieProduit-hover div.title { 
background-image: url(../images/velourBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-velours-m1 div.sr-categorieProduit-title span.icon { 
background-image: url(../images/velourBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.store-banne-coffre-compacte div.sr-categorieProduit-hover div.title { 
background-image: url(../images/compactBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.store-banne-coffre-compacte div.sr-categorieProduit-title span.icon { 
background-image: url(../images/compactBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-hover div.title { 
background-image: url(../images/enrouleurBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-title span.icon { 
background-image: url(../images/enrouleurBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-coffre-terrasse div.sr-categorieProduit-hover div.title { 
background-image: url(../images/terasseBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-coffre-terrasse div.sr-categorieProduit-title span.icon { 
background-image: url(../images/terasseBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-monobloc div.sr-categorieProduit-hover div.title { 
background-image: url(../images/monoblocBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-monobloc div.sr-categorieProduit-title span.icon { 
background-image: url(../images/monoblocBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-hover div.title { 
background-image: url(../images/bateauBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-title span.icon { 
background-image: url(../images/bateauBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens-trapezes div.sr-categorieProduit-hover div.title { 
background-image: url(../images/trapezeBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens-trapezes div.sr-categorieProduit-title span.icon { 
background-image: url(../images/trapezeBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales div.sr-categorieProduit-hover div.title { 
background-image: url(../images/californienBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales div.sr-categorieProduit-title span.icon { 
background-image: url(../images/californienBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux div.sr-categorieProduit-hover div.title { 
background-image: url(../images/veluxBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux div.sr-categorieProduit-title span.icon { 
background-image: url(../images/veluxBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-hover div.title { 
background-image: url(../images/venitienBlanc);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-title span.icon { 
background-image: url(../images/venitienBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tringles div.sr-categorieProduit-hover div.title { 
background-image: url(../images/tringleBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tringles div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tringleBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.voilages-m1 div.sr-categorieProduit-hover div.title { 
background-image: url(../images/voilageBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.voilages-m1 div.sr-categorieProduit-title span.icon { 
background-image: url(../images/voilageBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.moustiquaire-compatible-velux span.icon {
    background-image: url(../images/moustiquaire-veluxblanc-001.svg);
}div#zoneHaut > div:not(.IndeXysPortletEnTete, #menuBurger), div#zoneHaut div.IndeXysPortletRecherche, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande, div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique {
display: none !important;
}

div#zoneBas > div:not(.IndeXysPortletPiedDePage, .IndeXysPortletUtils, #drapeau) {
display: none;
}

div#zoneBas div.IndeXysPortletPiedDePage section {
display: block;
}

div#zoneBas div.IndeXysPortletPiedDePage > div.infos-complementaires, div#zoneBas div.IndeXysPortletPiedDePage > div.titre, div#zoneBas div.IndeXysPortletPiedDePage > div.contactez-nous {
display: none !important;
}div#menuBurger div.menuMobile li.codes-promo a, div#menuBurger div.menuMobile li.codes-promo span[class*="obf"] {
padding-left: 0;
padding-right: 0;
display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-banquettes-interieurs-ignifuges > * {
  background-image: url(../images/BANQUETTE-SANS-COUSSINS-11.svg) !important;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-banquettes-exterieurs-ignifuges > * {
  background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-11.svg) !important;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a.obfusquer-MM span.retour-ligne, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] span.retour-ligne {
display: none;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-trapezes-ignifuges > * {
    background-image: url(../images/picto_trapeze.svg);
}

div#menuBurger div.menuMobile li.codes-promo a::after, div#menuBurger div.menuMobile li.codes-promo span[class*="obf"]::after {
    content: "";
    background-image: url(../images/2b.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    display: inline-block;
    filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%);
    font-weight: 400;
    font-size: 1rem;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive > li:last-child {
    /*margin-bottom: 0;*/
}

div.menuBurger__items {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: clip;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive > li a span.picto, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span[class*="obf"] span.picto {
display: none;
}

div#menuBurger { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
overflow: hidden;
z-index: 1000;
}
div#menuBurger div.closeBurger { 
position: absolute;
top: .5rem;
left: .5rem;
background-color: var(--violetFonce);
color: var(--blanc);
display: flex;
justify-content: center;
align-items: center;
height: 2rem;
width: 2rem;
background-size: auto 1rem;
background-position: center;
background-repeat: no-repeat;
background-image: url(../images/croix_mobile.svg);
cursor: pointer;
}
div#menuBurger div.closeBurger span.out span.in { 
display: none;
}
div#menuBurger div.menuMobile { 
padding: .5rem 1rem;
background-color: var(--blanc);
}
div#menuBurger div.menuMobile > a { 
display: block;
height: 60px;
background-image: url(../images/illEnTeteProsolair201901.png);
background-repeat: no-repeat;
background-position: center;
background-size: 84% auto;
max-width: 310px;
margin: 0 auto;
}
div#menuBurger div.menuMobile > a span.out span.in { 
display: none;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive { 
margin: 1rem 0;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li { 
margin-bottom: 1.5rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > a, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > span[class*="obf"] { 
display: flex;
justify-content: space-between;
text-transform: uppercase;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > a::after, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > span[class*="obf"]::after { 
content: "";
background-image: url(../images/2b.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
font-weight: 400;
font-size: 1rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie { 
display: none;
padding: 1rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > span { 
margin-bottom: .5rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > span:last-of-type { 
margin-bottom: 0;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li a, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span[class*="obf"] { 
color: inherit;
text-decoration: inherit;
cursor: pointer;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li br { 
display: none;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span.option { 
display: none;
margin-left: .5ch;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > a::after, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > span[class*="obf"]::after { 
content: "";
background-image: url(../images/f068.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
display: inline-block;
font-weight: 400;
font-size: 1rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > div.listeCategorie { 
display: flex;
flex-direction: column;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > div.listeCategorie > span { 
display: block;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Anti-chaleur"] { 
background-image: url(../images/picto-antichaleur.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Banne Monobloc"] { 
background-image: url(../images/new-Store-banne-sans-coffre-1.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Bateaux"] { 
background-image: url(../images/picto_bateau.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Californiens"] { 
background-image: url(../images/picto_californien.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Banne Compacte"] { 
background-image: url(../images/picto_banne_compact.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Coussins Unis"] { 
background-image: url(../images/picto_coussin.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Coussins à Motifs"] { 
background-image: url(../images/picto_coussin.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Coussins"] { 
background-image: url(../images/picto_coussin.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Embrases"] { 
background-image: url(../images/picto_embrasses.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Embrasses"] { 
background-image: url(../images/picto_embrasses.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Enrouleurs"] { 
background-image: url(../images/picto_enrouleurs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Films"] { 
background-image: url(../images/picto_film.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Fronceur"] { 
background-image: url(../images/tringle-chemin-de-fer-gris.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Japonais"] { 
background-image: url(../images/picto_japonais.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Lit"] { 
background-image: url(../images/picto-chemindelit.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Moustiquaires"] { 
background-image: url(../images/moustiquaire-verticaleFinal2-01.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Oeillets"] { 
background-image: url(../images/tringle-oeillet-gris.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Pièces détachées"] { 
background-image: url(../images/picto_acces.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux Lins"] { 
background-image: url(../images/picto_lin.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux Occultants"] { 
background-image: url(../images/picto_occultant.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux Pare Soleil"] { 
background-image: url(../images/picto_pare_soleil.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux Tamisants"] { 
background-image: url(../images/picto_tamisant.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux extérieurs"] { 
background-image: url(../images/picto_rideaux_exterieurs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux à Motifs"] { 
background-image: url(../images/picto_motifs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Banne Coffre Terrasse"] { 
background-image: url(../images/new-Store-banne-avec-coffre-1.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Trapèzes"] { 
background-image: url(../images/picto_trapeze.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Velours"] { 
background-image: url(../images/picto_velour.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Velux"] { 
background-image: url(../images/picto_velux.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Voilages"] { 
background-image: url(../images/picto_voilage.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Vénitiens"] { 
background-image: url(../images/picto_venitien.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Wave"] { 
background-image: url(../images/tringle-wave-gris.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="enrouleurs"] { 
background-image: url(../images/picto_enrouleurs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="vénitiens"] { 
background-image: url(../images/picto_venitien.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="baie vitrée"] { 
background-image: url(../images/moustiquaire-late-raleV2-01.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Moustiquaire fenêtre"] { 
background-image: url(../images/moustiquaire-verticaleFinal2-01.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Rond Horizontal"] {
background-image: url(../images/PANNEAU-ROND-SUSPENDU-SITU-6.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Rectangle Horizontal"] {
background-image: url(../images/PANNEAU-RECTANGLE-SUSPENDU-SITU-6.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Cloison Acoustique"] {
background-image: url(../images/PANNEAU-SUR-PIEDS.svg)
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Acoustiques"] {
background-image: url(../images/PANNEAU-SUR-PIEDS.svg)
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Cloisonnette Acoustique"] {
background-image: url(../images/Picto-cloisonnette.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Mural  Rectangle"] {
background-image: url(../images/PANNEAU-CARRE-MURAL-SITU-6.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] { 
display: inline-flex;
flex-wrap: wrap;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .banne-coffre-compacte-unies a, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .banne-coffre-compacte-unies span[class*="obf"] {
white-space: nowrap;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .store-banne-coffre-terrasse-toile-unis a, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .store-banne-coffre-terrasse-toile-unis span[class*="obf"] {
white-space: nowrap;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .sautDeLigne {
/*margin-left: .5ch;*/
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span.m1 { 
margin-left: .5ch;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span.promo { 
display: inline-block;
color: var(--blanc);
margin-left: .5ch;
background-color: var(--violetFonce);
padding: 0 .1rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li.stores-interieurs div.listeCategorie [title*="Moustiquaires"] { 
display: none;
}
div#menuBurger div.menuMobile div.rechercheGenerale p { 
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
div#menuBurger div.menuMobile div.rechercheGenerale p button { 
margin: 0; padding: 0; width: 35px; height: 35px; cursor: pointer; font-family: Arial, Helvetica, Sans-serif; background-color: var(--violetFonce); background-image: url(../images/loupe.svg); background-position: center center; background-repeat: no-repeat; border-radius: 0 10px 10px 0; border: none; background-size: auto 20px;
}
div#menuBurger div.menuMobile div.rechercheGenerale p button span { 
display: none;
}
div#menuBurger div.menuMobile div.rechercheGenerale p input { 
margin: 0; padding: .5rem 1.5rem; width: calc(100% - 35px); height: 35px; font-family: Arial, Helvetica, Sans-serif; color: var(--gris); border-radius: 10px 0 0 10px; background-color: var(--grisMoinsClair); border: none; font-size: .9rem;
}
div#menuBurger div.menuMobile div.rechercheGenerale p input::placeholder { 
color: var(--gris);
}
div#menuBurger div.menuMobile div.rechercheGenerale p input:focus-visible { 
border: 2px solid var(--violetFonce);
outline: none;
}
div#menuBurger div.menuMobile div.rechercheGenerale p:hover button { 
border: 2px solid var(--violetFonce);
}
div#menuBurger div.menuMobile li.avis-clients a, div#menuBurger div.menuMobile li.avis-clients span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto;
background-image: url(../images/avis_clients_mobile.svg);
aspect-ratio: 364/18;
cursor: pointer;
}
div#menuBurger div.menuMobile li.avis-clients span.out span.in { 
display: none;
}
div#menuBurger div.menuMobile li.commande-echantillons a, div#menuBurger div.menuMobile li.commande-echantillons span.obf, div#menuBurger div.menuMobile li.pp-echantillons-gratuits a, div#menuBurger div.menuMobile li.pp-echantillons-gratuits span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
background-image: url(../images/echantillonViolet.svg);
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
color: var(--gris);
}
div#menuBurger div.menuMobileFooter { 
background-color: var(--grisClair);
color: var(--gris);
padding: .5rem 1rem;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 18rem;
}
div#menuBurger div.menuMobileFooter h3 { 
margin: 0;
}
div#menuBurger div.menuMobileFooter h3 a, div#menuBurger div.menuMobileFooter h3 span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
background-image: url(../images/panierViolet.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter h3 span.obf::before { 
content: "Mon panier";
font-size: 1rem;
font-weight: 400;
}
div#menuBurger div.menuMobileFooter h3 span:not(.obf) { 
display: none;
}
div#menuBurger div.menuMobileFooter li.notre-politique-rse a, div#menuBurger div.menuMobileFooter li.notre-politique-rse span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
background-image: url(../images/fabrication_violet.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter li.nous-contacter-1 a, div#menuBurger div.menuMobileFooter li.nous-contacter-1 span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
background-image: url(../images/telVioletClair.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter li.vos-commandes a, div#menuBurger div.menuMobileFooter li.vos-commandes span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1.2rem;
background-image: url(../images/picto_livraison_2.png);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter li.votre-compte a, div#menuBurger div.menuMobileFooter li.votre-compte span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
padding-left: 3rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
background-image: url(../images/compteViolet.svg);
cursor: pointer;
}
div#menuBurger li { 
list-style: none;
}
div#zoneHaut div#menu-mobile.IndeXysPortletUrl { 
margin: 0; margin-left: .5rem; padding: 0; position: relative;
cursor: pointer;
}
div#zoneHaut div#menu-mobile.IndeXysPortletUrl p { 
margin: 0;
}
div#zoneHaut div#menu-mobile.IndeXysPortletUrl p a { 
display: block; margin: 0px; padding: 0px; height: 1.75rem; width: 1.75rem; background: url(../images/fdMenuMobile.png) center center no-repeat; color: var(--blanc); text-transform: uppercase; font-size: .6em; text-decoration: none; background-size: 100%;
}
div#zoneHaut div#menu-mobile.IndeXysPortletUrl p a span.out span.in { 
display: none;
}

div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .moustiquaire-compatible-velux > * {
    background-image: url(../images/moustiquaire-veluxV2-01.svg);
}@media screen and (min-width: 768px) {
div#zoneHaut div#menu-mobile.IndeXysPortletUrl {
	display: none;
}
}div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.fiches-conseil, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.remises-sur-volume { 
/*display: none;*/
}
div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.fiches-conseil, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.remises-sur-volume, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.expedition { 
/*display: none;*/
}
div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.fiches-conseil, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.remises-sur-volume, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.expedition { 
/*display: none;*/
}
body.efectuer-un-paiement div#zoneCentre { 
display: flex;
flex-wrap: wrap;
max-width: 1600px;
margin: 0 auto;
padding-bottom: 2rem;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication { 
max-width: 480px !important;
flex-grow: 1;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.besoinAide { 
margin:0; padding-left: 0.5rem; padding-top: 1rem;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.besoinAide p { 
margin: 0; margin-top: 0.5rem; padding-left: 2rem;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.besoinAide p.titreAide { 
display: block;
background-image: url(../images/telVioletClair.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
font-size: 1.1rem; font-weight: 600;
color: var(--gris);
text-decoration: none;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.besoinAide p.titreAide a, body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.besoinAide p.titreAide span.obf { 
color: inherit;
text-decoration: inherit;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.cardList { 
background-color: var(--blanc);
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.cardList ul { 
margin:0px;
padding:10px 15px 20px 15px;
display:grid;
grid-template-columns: repeat(4, 1fr);
list-style-type: none;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.cardList ul li { 
justify-self: center;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.cardList ul li img { 
height: 47px;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.contenuPortlet { 
position: sticky;
top: 1rem;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.paiementSecurises { 
display: flex; justify-content: center; background-color: var(--blanc);
margin-top: 1rem;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.paiementSecurises p { 
display: block;
padding-left: 1.2rem;
background-image: url(../images/paiement.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 80%;
cursor: pointer;
}
body.efectuer-un-paiement div#zoneCentre div#contenuReferencementRubrique.IndeXysPortletRubriquePublication div.paiementSecurises p span.greenColor { 
color:var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication { 
flex-basis: 100%;
margin: 0 1rem;
}
body.efectuer-un-paiement div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section div.snp-mondrian-html-content.titreTrait { 
position: relative;
}
body.efectuer-un-paiement div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section div.snp-mondrian-html-content.titreTrait h2 { 
display: inline-block;
margin: 0;
padding: 0 1rem;
position: absolute;
top: -1.6rem;
left: 3rem;
background-color: var(--grisClair);
font-weight: 300;
font-size: 1.9rem;
transform: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne { 
padding: 0 1rem;
flex-grow: 1;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.IndeXysCommercePortletCompteClient p.email label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.IndeXysCommercePortletCompteClient p.identifiant label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.IndeXysCommercePortletCompteClient p.motDePasse label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-top: 20px; padding: 10px; background-color: var(--blanc); position: relative; top: 0; left: 0;
box-shadow: var(--boxShadow);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication h4 { 
margin: 0; padding: 10px; font-weight: bold; border: 0; text-transform: uppercase; color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: left;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p a { 
color: var(--violetFonce); text-decoration: none; margin-left: .5ch;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p a:hover { 
text-decoration: underline;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.identifiant input { 
background-color: var(--grisClair); padding: 5px; border: 0; width: 60%;
border: 2px solid var(--grisClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.identifiant input:focus-visible { 
outline: none;
border-color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.motDePasse input { 
background-color: var(--grisClair); padding: 5px; border: 0; width: 60%;
border: 2px solid var(--grisClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.motDePasse input:focus-visible { 
outline: none;
border-color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.navigation { 
margin-top: 15px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.sauvegarde input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
flex-grow: 0;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.authentication p.sauvegarde input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.code-promotion input { 
margin: 0px; margin-left: 5px; padding: 0px; width: 80px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.continuer button { 
position: relative; top: 0px; left: 0px; width: 227px; height: 30px; background: url(../images/btRetournerBoutique.png) top left no-repeat; border: 0px; margin: 0px; padding: 0px; cursor: pointer;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.continuer button span { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.coordonnees div.adressePanier label { 
font-weight: bold; width: 80px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement { 
margin: 0; margin-top: 20px; padding: 0;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.facility-pay-3fois a { 
display: block; margin: 0; margin-right: auto; padding: 0; padding-left: 15px; padding-top: 30px; border: 0; background-image: url(../images/fdOneyPaiement3x.png); background-position: 28px bottom; background-repeat: no-repeat; height: 77px; position: relative; top: -10px; left: 10px; z-index: 20;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.facility-pay-3fois a span.out { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.facility-pay-4fois a { 
display: block; margin: 0; margin-right: auto; padding: 0; padding-left: 15px; padding-top: 30px; border: 0; background-image: url(../images/fdOneyPaiement4x.png); background-position: 28px bottom; background-repeat: no-repeat; height: 77px; position: relative; top: -10px; left: 10px; z-index: 20;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.facility-pay-4fois a span.out { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment { 
margin: 1rem 0;
padding: 1rem;
box-shadow: var(--boxShadow);
background-color: var(--blanc);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment div.cash-payment h5 { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment div.payment-in-installments { 
border: 1px solid var(--grisClair); margin: 0; margin-top: 60px; margin-left: calc(50% + 30px); margin-right: 20px; padding: 10px; position: relative; top: 0px; left: 0px; height: 220px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment div.payment-in-installments h5 { 
margin: 0; margin-bottom: 10px; padding: 0; color: var(--gris); text-transform: uppercase; font-weight: bold; border: 0; font-size: 16px; 
display: block; font-size: 16px; position: absolute; left: 0; top: -25px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment h4 { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment h6 { 
margin: 0;
padding-left: 7px;
font-size: 14px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.methods-of-payment h6 span::before { 
display: inline-block;
content: '';
border: 1px solid var(--noir);
width: 12px;
height: 12px;
margin-right: 8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
behavior: url(/indeXys/ie/PIE.htc);
position: relative;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement div.reference-of-payment { 
margin: 1rem 0; padding: 1rem;
box-shadow: var(--boxShadow);
background-color: var(--blanc);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement form p button { 
display: block; margin: 0; margin-left: 5px; margin-right: auto; padding: 0; padding-left: 25px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiement h4 { 
margin: 0; margin-top: 50px; padding: 0; font-weight: bold; border: 0; text-transform: uppercase; color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recapitulatif h4 { 
margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; border: 0; text-transform: uppercase; color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recapitulatif, body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.valider-cgv { 
margin: 0;
margin-top: 20px;
box-shadow: var(--boxShadow);
padding: 1rem;
background-color: var(--blanc)
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-top: 20px; padding: 10px; background-color: var(--grisClair); position: relative; top: 0; left: 0;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword h4 { 
margin: 0; padding: 10px; font-weight: bold; border: 0; text-transform: uppercase; color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword input { 
background-color: var(--blanc); padding: 5px; border: 0; width: 60%;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: left;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword p a { 
color: var(--rouge); font-weight: bold; font-size: 12px; text-decoration: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword p a:hover { 
text-decoration: underline;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.recoverPassword p.navigation { 
margin-top: 15px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.montantTtc input { 
margin: 0; padding: 0; height: 30px; line-height: 30px; color: var(--gris); border: 0; font-family: Arial, Helvetica, Sans-Serif; text-align: left;
background-color: var(--grisClair);
max-width: 300px;
border: 2px solid var(--grisClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.montantTtc input:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.montantTtc label { 
float: left; position: relative; top: 2px; left: 0px; width: 145px; font-size: 1rem; font-weight: bold; color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.referenceDossier input { 
margin: 0; padding: 0; height: 30px; line-height: 30px; width: 60%; color: var(--gris); border: 0; font-family: Arial, Helvetica, Sans-Serif; text-align: left;
background-color: var(--grisClair);
max-width: 300px;
border: 2px solid var(--grisClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.referenceDossier input:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.referenceDossier label { 
float: left; position: relative; top: 2px; left: 0px; width: 145px; font-size: 1rem; font-weight: bold; color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.submit { 
margin-top: 10px; text-align: right;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.submit input { 
position: relative; top: 0px; left: 0px; width: 229px; height: 30px; background: url(../images/fdBoutonStoresEtRideauxvioletFonce.png) top left no-repeat; border: 0px; margin: 0px; padding: 0px; cursor: pointer; color: var(--blanc); font-size: 12px; font-weight: bold;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.saisieMontant p.submit input:hover { 
color:var(--rouge);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.valider button { 
display: block; margin-top: 10px; margin-right: auto; padding: 5px; width: 200px; position: relative; top: 0px; left: 0px; text-decoration: none; text-align: center; border: 0px;
background: var(--grisClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.valider button span { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset { 
position: relative; top: 0px; left: 0px; background-color: var(--blanc); box-shadow: var(--boxShadow);
border: none;
margin: 3rem 0 1rem;
padding: 1rem;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset label { 
font-weight: bold;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset label.champObligatoire { 
color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset label.champObligatoire:after { 
content: " * ";
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset label.left { 
display: block; margin: 0px; padding: 0px; /*width: 140px;*/
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset legend { 
margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; border: 0; position: absolute; left: 0; top: -25px; text-transform: uppercase; color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset.referenceClient { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne fieldset.referenceClient p.reference { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne h4 { 
margin: 0; margin-bottom: 10px; padding: 0; padding-top: 10px; padding-left: 10px; padding-right: 10px; color: var(--gris); text-transform: uppercase; font-weight: bold; border: 0; font-size: 16px; display: block; font-size: 16px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol { 
display: flex;
justify-content: space-between;
list-style-type: none;
margin: 3rem auto 0;
padding: 0 1rem;
max-width: 1000px;
text-align: center;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li { 
color: var(--gris);
transform: translateY(-35%);
flex-grow: 1;
display: flex;
align-items: center;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li a { 
color: var(--violetFonce); text-decoration: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li span.out span.in { 
display: flex; align-items: center; justify-content: center; width: 100%;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li span.out::before { 
display: flex; color: var(--grisV2); font-weight: 700; align-items: center; justify-content: center; content: ""; width: 3rem; height: 3rem; border-radius: 1.5rem; margin: 0 auto .5rem; font-size: 1.25rem;
background-color: var(--grisMoinsClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.coordonnees span.out::before { 
content: "2";
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.on { 
font-weight: 700;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.on span.out::before { 
color: #fff; border-color: var(--violetFonce); background-color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.on::before { 
border-color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.over { 
font-weight: 700;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.over span.out::before { 
content: "";
background-image: url(../images/f00c-violet.svg);
display: inline-flex;
align-items: center;
background-repeat: no-repeat;
background-size: 2ch;
aspect-ratio: 1/1;
background-position: center;
border: 1px solid var(--violetFonce);
background-color: var(--blanc);
font-weight: 400;
color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.over::before { 
border-color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.paiement span.out::before { 
content: "3";
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.saisieMontant span.out span.in { 
font-size: 0;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.saisieMontant span.out span.in::before { 
content: "Montant";
font-size: initial;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li.saisieMontant:not(.over) span.out::before { 
content: "1";
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li::before { 
content: "";
display: block;
flex-grow: 1;
border-top: 6px solid var(--grisMoinsClair);
transform: translateY(-14px);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li:first-of-type { 
flex-grow: 0;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol li:nth-of-type(2)::before { 
margin-left: .5rem;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne ol.bonDeCommande { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p { 
display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.5rem;
font-size: 1rem; color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p input.ui_button { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p input[type="text"] { 
background-color: var(--creme);
margin: 0;
padding: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border: 2px solid var(--creme);
color: var(--gris);
width: 100%;
font-size: .9rem;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p select { 
border: 1px solid var(--gris);
background-color: var(--blanc);
font-size: 1rem;
padding: .5rem 1rem;
color: var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p span.form-input { 
display: inline-block; min-height: 1.5rem;
flex-grow: 1;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p span.form-input > span { 
display: flex;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p span.form-input > span span.indeXys-nowrap { 
width: 50%;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p span.separator { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p span.separator { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.navigation { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.navigation button { 
background-color: var(--violetFonce); color: var(--blanc); border: 2px solid var(--violetFonce); margin: 0 auto; padding: 0.5rem 1rem; text-decoration: none; font-size: 1rem; cursor: pointer;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.navigation button:hover { 
background-color: var(--violetClair);
border-color: var(--violetClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.navigation input { 
background-color: var(--violetFonce); color: var(--blanc); border: 2px solid var(--violetFonce); margin: 0 auto; padding: 0.5rem 1rem; text-decoration: none; font-size: 1rem; cursor: pointer;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.navigation input:hover { 
background-color: var(--violetClair);
border-color: var(--violetClair);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.print a { 
display: block; margin: 0px; padding: 0px; padding-left: 20px; background: url(../images/illImprimer.png) top left no-repeat; color: var(--violetFonce); font-weight: bold;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.valider-cgv { 
margin-top: 1rem;
display: flex;
align-items: baseline;
flex-wrap: nowrap;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.valider-cgv a { 
color: var(--gris);
text-decoration: inherit;
display: inline-block;
margin: .5rem;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.valider-cgv a:hover { 
text-decoration: underline;
color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.valider-cgv input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p.valider-cgv input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p:empty { 
display: none;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p:has(select), body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne p:has(span.indeXys-nowrap) { 
flex-direction: column;
align-items: flex-start;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table { 
margin: 0px; margin-top: 5px; width: 99%; border-collapse: collapse;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr { 
border: 0px; border-top: 2px solid var(--gris);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td { 
color: var(--grisClair); border: 1px solid var(--grisClair); font-size: 12px; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td a { 
color: var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td a:hover { 
color: var(--rouge);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td.articleMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td.articlePrixUnitaire { 
text-align: right; padding: 0px; padding-right: 15px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td.articleQuantite { 
text-align: center;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td.livraisonMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tbody tr td.remiseCommercialeMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tfoot { 
background-color: var(--gris); border: 0px; border-top: 1px solid var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tfoot tr td { 
font-size: 12px; font-weight: bold; color: var(--blanc); padding: 2px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tfoot tr td.amount { 
text-align: right; padding: 0px; padding-right: 10px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table tfoot tr td.totalMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table thead { 
background-color: var(--gris); border: 0px; border-top: 1px solid var(--violetFonce);
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne table thead tr th { 
font-size: 12px; font-weight: bold; color: var(--blanc); padding: 2px;
}
body.efectuer-un-paiement div#zoneCentre div.IndeXysPortletFilAriane { 
flex-basis: 100%;
}
body.efectuer-un-paiement div#zoneCentre section.explicationsPaiement { 
background-color: var(--blanc);
box-shadow: var(--boxShadow);
padding: 1rem 0;
}
body.efectuer-un-paiement div.headerZoneCentre { 
background-color: var(--grisClair);
}
@media screen and (min-width: 992px) {
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2 {
left: 7rem;
}

}.alma-particulier {
display: block;
color: var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method a {
    color: var(--gris);
    text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method:has( input:checked ) {
    border: 4px solid var(--violetClair);
}
#surveyElement .sv-row:has( > div > .sv-question[data-name="clientInfos"]), #surveyElement .sv-row:has( > div > .sv-question[data-name="osInfos"]), #surveyElement .sv-row:has( > div > .sv-question[data-name="deviceType"]), #surveyElement .sv-row:has( > div > .sv-question[data-name="tailleEcran"]), #surveyElement .sv-row:has( > div > .sv-question[data-name="model"]) {
display: none;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement .methods-of-payment div.cash-payment {
    display: none;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement .methods-of-payment div.payment-in-installments {
    display: none;
}
div#zoneCentre section div.selectionPaiement h2 {
    margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_PayplugApplepay { 
    order: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment div.apple-pay-container { 
    text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment div.apple-pay-container .payment-button { 
    width: 100%;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement #boutonTogglerPayment { 
padding: 1rem;
background-color: #fff;
margin-bottom: 1rem;
cursor: pointer;
box-shadow: var(--boxShadow);
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement #boutonTogglerPayment .titreBoutonTogglerPayment { 
display: inline-flex; margin: 0; padding: 0;
color: var(--gris);
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
justify-content: space-between;
width: 100%;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p label {
display: none;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement #boutonTogglerPayment .titreBoutonTogglerPayment::after { 
content: "";
background-image: url("../images/f078.svg");
background-repeat: no-repeat;
background-position : center;
aspect-ratio: 1/1;
width: 2ch;
margin-right: .5rem;
font-weight: 400;
font-size: 1rem;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement .methods-of-payment div.cash-payment { 
display: none;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement .methods-of-payment div.payment-in-installments { 
display: none;
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement div.payment-by-check { 
background-color: var(--blanc);
padding: 1rem;
box-shadow: var(--boxShadow);
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement div.payment-by-check-in-3-times { 
background-color: var(--blanc);
padding: 1rem;
box-shadow: var(--boxShadow);
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement div.payment-by-mandate { 
background-color: var(--blanc);
padding: 1rem;
box-shadow: var(--boxShadow);
}
#paiementCommande .snp-webco-elements-paiement-choix-paiement div.payment-by-transfert { 
background-color: var(--blanc);
padding: 1rem;
box-shadow: var(--boxShadow);
}
#paiementCommande.open .snp-webco-elements-paiement-choix-paiement #boutonTogglerPayment .titreBoutonTogglerPayment::after { 
/*content: "\f077";*/
background-image: url(../images/f077.svg);
}
#paiementCommande.open .snp-webco-elements-paiement-choix-paiement .methods-of-payment div.cash-payment:not(.empty) { 
display: block;
}
#paiementCommande.open .snp-webco-elements-paiement-choix-paiement .methods-of-payment div.payment-in-installments:not(.empty) { 
display: block;
}
#stickyMobile { 
visibility:hidden;
position: fixed;
bottom: 0;
}
#stickyMobile.visible { 
visibility:visible;
padding: .5rem 0;
position: fixed;
bottom: 0;
background-color: var(--violetFonce);
width: 100%;
color: var(--blanc);
transition: opacity 0.3s ease, height 0.3s ease;
z-index: 100;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#stickyMobile.visible span.amount { 
padding: 0 .25rem;
    background-color: var(--blanc);
    color: var(--violetFonce);
    text-align: center;
    font-weight: 600;
}
#stickyMobile.visible span.amount span.vat { 
margin-left: .5ch;
}
#stickyMobile.visible span.arrow { 
background-image: url(../images/f178.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
padding: 0 0.2rem;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(105%) contrast(101%);
}
body.panier.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.coordonnees span.out span.in { 
display: none;
}
body.panier.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.coordonnees span.out::after { 
content: "Coordonnées"
}
body.panier.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.recapitulatif span.out span.in { 
display: none;
}
body.panier.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.recapitulatif span.out::after { 
content: "Sauvegarder"
}
body.panier.tunnel-devis.tunnel-coordonnees div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2 { 
font-size: 0;
}
body.panier.tunnel-devis.tunnel-coordonnees div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2::after { 
font-size: 1.9rem;
content: "Sauvegarder";
}
body.tunnel-confirmationCommande div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.over span.out::before { 
/*content: "\f00c";*/
/*background-image: url(../images/f00c.svg);*/
}
body.tunnel-recapitulatif div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.title ul { 
display: none;
}
body[class*="tunnel-"] .tooltipster-content { 
background-color: var(--gris);
padding: .5rem;
}
body[class*="tunnel-"] div#zoneBas div#newsletter, body[class*="tunnel-"] div#zoneBas div#reseaux-sociaux, body[class*="tunnel-"] div#zoneBas div#delaisInformationsConseils, body[class*="tunnel-"] div#zoneBas div#footer-logo-accueil, body[class*="tunnel-"] div#zoneBas div#liensFooter { 
display:none
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start { 
display: block;
padding: 0;
background: none;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start h4 { 
display: none;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a::after { 
content: "Revenir à l'accueil";
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader { 
background-color: var(--blanc);
box-shadow: 0 0 0.4rem 0 rgba(50, 50, 51, 0.4);
z-index: 1;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column { 
display: none;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column p { 
margin: 0 .5rem;
font-size: .8rem;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column p img { 
height: 30px;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(1) { 
width: calc(70px + .5rem + 100px + .5rem + 85px);
flex-grow: 0 !important;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(2) { 
display: initial;
flex-grow: 1;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(2) p { 
margin: .5rem 0;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(2) p img { 
height: 50px;
object-fit: cover;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(3) { 
width: 100px;
flex-grow: 0 !important;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(4) { 
margin: 0 .5rem;
width: 100px;
flex-grow: 0 !important;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:nth-of-type(5) { 
width: 85px;
flex-grow: 0 !important;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-webco-elements-continuerAchats div.start p.navigation { 
margin: 0;
font-size: .8rem;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-webco-elements-continuerAchats div.start p.navigation a { 
color: var(--gris);
text-decoration: none;
text-transform: uppercase;
background: none;
}
body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-webco-elements-continuerAchats div.start p.navigation a:hover { 
background: none;
}
body[class*="tunnel-"] div#zoneHaut { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande button.reinitialiserPanier span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande button.reinitialiserPanier::before { 
content: "Vider le panier";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande button.viderPanier { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande .snp-mondrian-row { 
max-width: 1600px;
margin: 0 auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande button.reinitialiserPanier span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande button.reinitialiserPanier::before { 
content: "Vider le panier";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande button.viderPanier { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol { 
display: flex;
justify-content: space-between;
list-style-type: none;
margin: 3rem auto 0;
padding: 0 1rem;
max-width: 1000px;
font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li { 
color: var(--gris);
transform: translateY(-35%);
flex-grow: 1;
display: flex;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li a { 
color: var(--violetFonce); text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li span.out span.in { 
display: flex; align-items: center; justify-content: center; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li span.out::before { 
display: flex; color: var(--gris); font-weight: 700; align-items: center; justify-content: center; content: ""; width: 3rem; height: 3rem; border-radius: 1.5rem; margin: 0 auto .5rem; font-size: 1.25rem;
background-color: var(--grisMoinsClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.coordonnees span.out::before { 
content: "2";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.expedition span.out::before { 
content: "3";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.on { 
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.on span.out::before { 
color: #fff; border-color: var(--violetFonce); background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.on::before { 
border-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.over { 
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.over span.out::before { 
content: "";
background-image: url(../images/f00c-violet.svg);
display: flex;
align-items: center;
background-repeat: no-repeat;
background-size: 2ch;
aspect-ratio: 1/1;
background-position: center;
border: 1px solid var(--violetFonce);
background-color: var(--blanc);
font-weight: 400;
color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.over::before { 
border-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.paiement { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.paiement span.out::before { 
content: "4";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.recapitulatif:not(.over) span.out::before { 
content: "3";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li::before { 
content: "";
display: block;
flex-grow: 1;
border-top: 6px solid var(--grisMoinsClair);
transform: translateY(-14px);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li:first-of-type { 
flex-grow: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li:nth-of-type(2)::before { 
margin-left: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol.bonDeCommande { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande { 
padding: 1rem 1.5rem;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.besoinAide { 
margin:0; padding-left: 0.5rem; padding-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.besoinAide p { 
margin: 0; margin-top: 0.5rem; padding-left: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.besoinAide p.titreAide { 
display: block;
background-image: url(../images/telVioletClair.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
font-size: 1.1rem; font-weight: 600;
color: var(--gris);
text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.besoinAide p.titreAide a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.besoinAide p.titreAide span.obf { 
color: inherit;
text-decoration: inherit;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.bilanRecap { 
background-color:var(--blanc); padding: 1rem; 
margin: 1rem 0;
display:flex;
flex-direction: column;
justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.cardList { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.cardList ul { 
margin:0px;
padding:10px 15px 20px 15px;
display:grid;
grid-template-columns: repeat(4, 1fr);
list-style-type: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.cardList ul li { 
justify-self: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.cardList ul li img { 
height: 47px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo { 
/*background-color: var(--blanc);*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo a.update { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie { 
display: block;
margin: 1rem 0 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span input { 
width: 100%; border: none; padding: .75rem; position: relative;
border: 2px solid var(--grisRecap);
color: var(--gris);
height: 48px;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span input::placeholder { 
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span input:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span input:hover { 
border-color: var(--gris999);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span.input { 
display: flex; align-items: center;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span.input::after { 
content: 'OK'; 
display: flex;
align-items: center;
justify-content: center;
height: calc(48px - .5rem);
width: calc(48px - .5rem);
background-color: var(--grisRecap);
color:var(--blanc);
padding: .25rem;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span.input:hover::after { 
background-color: var(--gris999);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.saisie span.label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.suppression { 
display: block;
margin: .5rem 0 0;
padding: 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.suppression a { 
color: var(--gris);
text-decoration: inherit;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.suppression a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.suppression a::before { 
content: "Supprimer mon code promo / parrain";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.codePromo p.suppression a:hover { 
color: var(--violetFonce);
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.delaiExp { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.delaiExp > div.delai-expedition span.date { 
font-weight: bold; color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.delaiExp > div.delai-expedition, div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.bonDeCommande div.items div.shipping { 
padding-top: 1rem; padding-left: 4rem; padding-bottom: 1rem; background: url(../images/livraison_violet.svg) center left no-repeat; background-size: 4rem auto; background-color: transparent; background-position: left 1.6rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.delaiExp > div.delai-expedition[data-datedepart=""] { 
background: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.delaiExp > div.delai-expedition[data-datedepart=""] p { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.paiementSecurises { 
display: flex; justify-content: center; background-color: var(--blanc);
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.paiementSecurises p { 
display: block;
padding-left: 1.2rem;
background-image: url(../images/paiement.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 80%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.paiementSecurises p span.greenColor { 
color:var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapAdresseCommande div.addresses { 
margin: 0; margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapAdresseCommande div.addresses div.billing { 
padding: 1rem; background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapAdresseCommande div.addresses div.delivery { 
padding: 1rem; margin-top: 1rem; background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapAdresseCommande div.addresses h4 { 
margin: 0; margin-bottom: 1rem; padding: 0; padding-bottom: 1rem; border-bottom: 1px solid #000; text-transform: uppercase; font-size: 1.25rem; font-weight: 600;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapAdresseCommande div.addresses p { 
margin: 0; margin-top: 0.25rem; padding: 0; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.header { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item { 
display: grid;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--gris);
margin-bottom: 0.5rem;
grid-template-columns: 100px 1fr;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.image { 
display: block;
position: relative;
width: 100%;
height: 100%;
max-width: 100px;
grid-column: 1/2;
grid-row: 1/4;
max-height: 100px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.image img { 
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
object-position: top;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.image::after { 
content: "";
padding-top: 100%;
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.quantity { 
display: block;
grid-column: 2/3;
width: 100%;
padding-left: .5rem;
font-size: .8rem;
padding-top: .25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.quantity::before { 
content: "Quantité x"
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.title { 
display: inline-block;
margin-left: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.title ul { 
font-size: .8rem;
margin: .25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.items div.item span.title ul li span.remise { 
color: var(--blanc);
background-color: var(--violetFonce);
padding: 0 .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total { 
border-top: 1px solid var(--gris); padding-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-excl-vat, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-items-excl-vat, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-taxes, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-vouchers-excl-vat { 
display: flex; justify-content: space-between; width:100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat { 
display: flex; justify-content: space-between; width:100%;
margin-top: 0.5rem;
color: var(--grisNav);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat span.amount { 
font-weight: 700;
font-size: 1.3rem;
text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat span.amount .taxe { 
display: block;
font-size: .6rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat span.amount .taxe .title { 
margin-right: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat span.libelle { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat span.libelle::after { 
margin-left: 0.5rem; content: "TVA incluse"; font-weight: 600; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-incl-vat span.libelle::before { 
content: "Total"; font-weight: 700; font-size: 1.3rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-vat { 
display: flex; justify-content: space-between; width:100%;
margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail { 
display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-items-incl-vat { 
display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-items-incl-vat span.libelle { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-items-incl-vat span.libelle::after { 
content: "Total articles"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-referral-offer-incl-vat { 
display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-referral-offer-incl-vat span.amount::after { 
content: " €";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-shipping-excl-vat { 
display: flex; justify-content: space-between; width:100%;
margin-top: 0.5rem;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-shipping-incl-vat { 
display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-shipping-incl-vat span.amount span.gratis { 
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-shipping-incl-vat span.amount span.gratis::after { 
content: "e";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-shipping-incl-vat span.libelle { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-shipping-incl-vat span.libelle::after { 
content: "Livraison"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.total-vouchers-incl-vat { 
display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.voucher-excl-vat { 
display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.voucher-excl-vat span.amount::after { 
content: " €";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.voucher-incl-vat { 
display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total-detail div.voucher-incl-vat span.amount::after { 
content: " €";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.save-your-order h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-coordonnees-valider { 
background-color: var(--blanc);
/*display: none;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis h4 { 
text-align:center
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis h4 { 
font-size: smaller;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis p.navigation { 
display: flex;
justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis p.navigation button.valider { 
width: 100%;
color: var(--blanc);
background-color: var(--gris999);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
height: 4rem;
text-transform: uppercase;
border: none;
padding: 0 0.5rem;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis p.navigation button.valider span::after { 
content: "mon devis";
margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis p.navigation button.valider:hover { 
background-color: var(--gris444);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.sticky { 
position: sticky;
top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.titreRecap { 
margin: 0; padding: 1rem; background-color:var(--grisRecap);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.titreRecap h3 { 
margin: 0; padding: 0; text-align: center; font-weight: 600; color: #fff; font-size: 1.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande p.navigation { 
text-align: center;
display: flex;
justify-content: center;
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande p.navigation button.valider { 
text-transform: uppercase;
border: none;
transition: .5s ease-in-out;
background-color: var(--violetClair);
color: white;
padding: 0 .5rem;
font-size: 1rem;
width: 100%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
height: 4rem;
background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: auto 30%;
    padding-right: 3.5rem;
    cursor: pointer;
    text-decoration: none;
    max-width: 400px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande p.navigation button.valider span::after { 
content: " mon panier";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande p.navigation button.valider:hover { 
background-color: var(--violetFonce);
background-position: 92% center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerLivraison { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerLivraison p.navigation { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerLivraison p.navigation button.valider { 
text-transform: uppercase; border: none; background-color:var(--violetFonce); color:white; padding:22px; font-size: 1rem; width: 100%; cursor: pointer; letter-spacing: 0.2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerLivraison p.navigation button.valider::after { 
content: " MA LIVRAISON";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif { 
background-color: var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif div.save-your-order { 
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.cgv { 
display: flex;
align-items: baseline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.cgv a { 
color: var(--gris);
text-decoration: inherit;
margin: 0 .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.cgv input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.cgv input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.navigation { 
text-align: center;
margin: 0;
display: flex;
justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.navigation button.valider { 
text-transform: uppercase;
border: none;
transition: .5s ease-in-out;
background-color: var(--violetFonce);
color: white;
padding: 0 .5rem;
font-size: 1rem;
width: 100%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
height: 4rem;
background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: auto 30%;
    padding-right: 3.5rem;
    cursor: pointer;
    text-decoration: none;
    max-width: 400px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.navigation button.valider span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.navigation button.valider span.amount { 
display: initial;
margin-left: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.navigation button.valider::before { 
content: "VALIDER ET PAYER"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerRecapitulatif p.navigation button.valider:hover { 
background-color: var(--violetClair);
background-position: 92% center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires { 
padding: 0;
background-color: var(--blanc);
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > div { 
padding: 0 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > h4 { 
margin: 2rem 0 1rem;
background-color: var(--blanc);
display: inline-flex;
color: var(--gris);
font-weight: 400;
font-size: 1rem;
align-items: center;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > h4 span { 
max-width: 280px;
padding: 0 1rem;
font-weight: 300;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > h4::after { 
content: "";
display: block;
border-bottom: 1px solid var(--gris);
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > h4::before { 
content: "";
display: block;
border-bottom: 1px solid var(--gris);
width: 2rem;
flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item { 
width: 15%; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item div.content { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item h4 { 
margin: 0 .5rem; padding: 0; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item h4 a { 
color: #fff; text-decoration: none;  text-shadow: 1px 1px 2px black;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item p.image { 
margin: 0 .5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item p.image a { 
display: block;
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item p.image a img { 
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
object-position: top;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item p.image a::after { 
content: "";
padding-top: 100%;
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item p.order { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.items .slick-prev, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.items .slick-next { 
display: none !important;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.swiper-group div.swiper-button-prev, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.swiper-group div.swiper-button-next { 
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header { 
margin-top: 2rem;
display: grid;
grid-template-columns: 70px minmax(130px, 1fr) 100px 30px;
grid-gap: .5rem;
padding: 0 .5rem;
color: var(--grisNav);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span { 
font-weight: 600;
font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.amount { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.quantity { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.unit-price { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item { 
display: grid;
margin: 1rem 0;
padding: .5rem;
background-color: var(--blanc);
grid-template-columns: 70px minmax(130px, 1fr) 100px 30px;
width: 100%;
grid-gap: .25rem .5rem;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.amount { 
text-align: center; font-weight: 400;
grid-column: 3/4;
grid-row: 4/5;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.amount .taxe { 
display: block;
font-size: .6rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.amount .taxe .inclus { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.amount .taxe .title { 
font-size: .6rem;
margin-right: .5ch;
display: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.image { 
display: block;
position: relative;
grid-column: 1/2;
grid-row: 1/6;
align-self: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.image img { 
width: 100%;
max-height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 0;
object-position: top;
transform: translateY(-50%);
border: 1px solid var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.image::after { 
content: "";
padding-top: 100%;
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity { 
display: flex; align-items: center; justify-content: center; font-weight: bold;
grid-column: 3/4;
grid-row: 3/4;
background-color: var(--grisClair);
border-radius: 50px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity input.decrease { 
padding: 0;
background: var(--blanc);
cursor: pointer;
width: 1.5rem;
height: 1.5rem;
border: 2px solid var(--gris);
border-radius: 100%;
background-image: url("../images/minus-solid.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 50% auto;
font-size: 0;
margin-right: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity input.increase { 
padding: 0;
background: var(--blanc);
cursor: pointer;
width: 1.5rem;
height: 1.5rem;
border: 2px solid var(--gris);
border-radius: 100%;
background-image: url("../images/plus-solid.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 50% auto;
font-size: 0;
margin-left: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity input[type="number"] { 
background-color: transparent; color: var(--gris); font-weight: 700; height: 1.5rem; border: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: textfield; text-align: center; width: 2rem;
font-size: 1rem;
font-family: 'Mulish', sans-serif;
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity input[type="number"]::-webkit-outer-spin-button, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity input[type="number"]::-webkit-inner-spin-button { 
-webkit-appearance: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity input[type="number"]:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity span.quantite { 
display: flex;
height: 1.5rem;
width: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.remove { 
grid-column: 4/5;
grid-row: 1/6;
align-self: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.remove input { 
background: url("../images/poubelle.svg") center center no-repeat; background-color: transparent; font-size: 0; height: 1.5rem; width: 2rem; border: 0;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title { 
font-weight: 600;
grid-column: 2/3;
grid-row: 1/6;
font-size: 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title span.produit { 
color: var(--violetFonce);
font-weight: bolder;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul { 
margin:0 0 1rem 0;
padding:0;
padding-left: .5rem;
font-size: .8rem;
list-style-type: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li > span:not(.largeur):not(.hauteur):not(.hauteur-complementaire):not(.largeur-rail):not(.colori):not(.vantaux) { 
display:none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li span.remise { 
color: var(--blanc);
background-color: var(--violetFonce);
padding: 0 .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li:has(.largeur), div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li:has(.hauteur), div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li:has(.hauteur-complementaire), div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li:has(.largeur-rail), div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li:has(.colori), div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li:has(.vantaux) { 
list-style-type:disc;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links { 
font-size: .6rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links { 
list-style-type: none;
display: initial;
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links li { 
display: inline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links li a { 
color: var(--violetClair); text-decoration: underline; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links li:first-of-type { 
padding-right: .5rem;
margin-right: .5rem;
border-right: 1px solid var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price { 
text-align: center;
font-weight: 400;
grid-column: 3/4;
grid-row: 2/3;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price del { 
display: block;
text-decoration-thickness: 2px;
text-decoration-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price del::after { 
content: " €";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price span.devise { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price span.taux-remise { 
display: inline-block;
padding: 0 1rem;
background-color: var(--violetFonce);
color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price span.taux-remise span.valeur::before { 
content: "- ";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price span.unitPrice { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price span.unitPrice:not(.gratis)::after { 
content: " €";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.titreArticlesSuggeres { 
background-color: #fff; margin-bottom: 1rem; border-bottom: 1px solid var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.titreArticlesSuggeres p { 
transform: translate(3rem, 40%);
margin: 0;
padding: 8px 2rem;
background-color: #fff;
display: inline-block;
color: var(--gris);
font-weight: 400;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.titreArticlesSuggeresContainer { 
background-color: #fff; padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande { 
padding: 1rem 0; background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient { 
padding: 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset { 
padding: 1rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: var(--blanc); border: 0; position: relative;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset legend { 
display: block; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem; color: var(--grisNav);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p { 
display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.5rem;
max-width: 600px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p #outputAdresseClient { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p span.form-input { 
display: inline-block; min-height: 1.5rem;
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p span.form-input > span { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p span.form-input span.indeXys-nowrap { 
margin: .1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p span.form-input span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.accepte-emailing { 
flex-wrap: nowrap;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.accepte-emailing input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.accepte-emailing input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.accepte-emailing label { 
display: inline-block;
margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.accepte-emailing span.form-input { 
flex-grow: 0;
flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.civilite { 
display: flex; flex-wrap: nowrap;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.civilite input[type="button"] { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.civilite label { 
display: inline-block;
width: auto;
min-width: 80px;
height: 24px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal span.form-input { 
max-width: 120px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal span.output { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal span.output div#outputAdresseClient { 
margin: 0;
background-color: var(--grisClair);
position: absolute;
bottom: -1.5rem;
left: 0.5rem;
z-index: 10000;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal span.output div#outputAdresseClient a { 
display: block; padding-left: 0.5rem; padding-right: 0.5rem; line-height: 1.5rem; color: var(--violetFonce); text-decoration: none; font-size: 0.8rem; white-space: nowrap;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal span.output div#outputAdresseClient a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.nature-compte { 
display: flex; flex-wrap: nowrap;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.nature-compte label { 
display: inline-block;
width: auto;
min-width: 80px;
height: 24px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.nature-compte span.form-input > span { 
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.pays select { 
border: 1px solid var(--gris);
background-color: var(--blanc);
font-size: 1rem;
padding: .5rem 1rem;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.pays select:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset:first-of-type { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseLivraison fieldset p.pays select { 
border: 1px solid var(--gris);
background-color: var(--blanc);
font-size: 1rem;
padding: .5rem 1rem;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseLivraison fieldset p.pays select:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation { 
margin: 1rem;
margin-bottom: 0;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation { 
margin: 0; padding: 0; padding-bottom: 1rem; background-color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature > span { 
display: flex; padding: 1rem 0; position: relative;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation > span { 
display: flex; padding: 1rem; position: relative;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison { 
margin: 0; padding: 0; padding-bottom: 1rem; background-color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison fieldset { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison fieldset.adresseLivraison p.nature > span { 
display: flex; padding: 1rem 0; position: relative;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison p.choixAdresseLivraison { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison p.choixAdresseLivraison > span { 
display: flex; padding: 1rem; position: relative;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseLivraison p.choixAdresseLivraison span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset { 
padding: 1rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: #fff; border: 0; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset legend { 
display: blockk; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p { 
display: flex; flex-wrap: wrap; margin-top: 0.5rem;
max-width: 600px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p label { 
width: 100%; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p span.form-input { 
display: inline-block; min-height: 1.5rem;
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p span.form-input span.indeXys-nowrap { 
margin: .1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p span.form-input span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.civilite { 
display: flex; flex-wrap: nowrap; justify-content: space-between;align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.civilite > span { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.civilite label { 
display: initial;
width: auto;
min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.nature { 
display: flex; flex-wrap: nowrap; justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.nature label { 
width: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.pays select { 
border: 1px solid var(--gris);
background-color: var(--blanc);
font-size: 1rem;
padding: .5rem 1rem;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation h3.natureLivraison { 
margin: 0; margin-top: 1rem; padding: 0; padding-top: 1rem; padding-left: 1rem; background-color: #fff;
display: block; font-size: 1.1rem; font-weight: 600; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation h4.natureFacturation { 
margin: 0; margin-top: 1rem; padding: 0; padding-top: 1rem; padding-left: 1rem; background-color: #fff; display: block; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; color: var(--grisNav);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison { 
margin: 1rem;
margin-bottom: 0;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison { 
margin: 0; padding: 0; padding-bottom: 1rem; background-color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature > span { 
display: flex; padding: 1rem 0; position: relative;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison p.choixAdresseLivraison { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison p.choixAdresseLivraison > span { 
display: flex; padding: 1rem; position: relative;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison p.choixAdresseLivraison span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset { 
padding: 1rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: #fff; border: 0; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset legend { 
display: blockk; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem; color: var(--grisNav);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p { 
margin-top: 0.5rem;
max-width: 600px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p span.form-input { 
display: inline-block; min-height: 1.5rem; width: 100%;
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p span.form-input span.indeXys-nowrap { 
margin: .1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p span.form-input span.indeXys-nowrap + span { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.civilite { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.civilite > span { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.civilite label { 
display: initial;
width: auto;
min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.nature { 
display: flex; flex-wrap: nowrap; justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.nature label { 
width: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison h3.natureLivraison { 
margin: 0; margin-top: 1rem; padding: 0; padding-top: 1rem; padding-left: 1rem; background-color: #fff;
display: block; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; color: var(--grisNav);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.snp-webco-elements-coordonnees-valider { 
background-color: var(--blanc);
margin: 0 1rem;
padding: 1rem;
box-shadow: var(--boxShadowCollerHaut);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.code-postal input { 
max-width: 120px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.offerOfSponsorship { 
padding: 1rem; padding-top: 3rem; margin: 1rem; background-color: var(--blanc); border: 0; position: relative;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.offerOfSponsorship legend { 
display: blockk; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.offerOfSponsorship p.offers { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.offerOfSponsorship p.offers br { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.offerOfSponsorship p.offers span.offer:nth-of-type(2) { 
margin-top: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="email"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); color: var(--gris); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="email"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="tel"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); color: var(--gris); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="tel"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="text"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="text"]::placeholder { 
color: var(--gris999);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="text"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.valid input[type="email"] { 
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.valid input[type="tel"] { 
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.valid input[type="text"] { 
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="error"] input[type="email"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="error"] input[type="tel"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="error"] input[type="text"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="error"] span.form-input { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="error"] span.form-input::after { 
content: "Ce champ est obligatoire";
display: block;
margin-top: .5rem;
background-color: var(--rouge);
color: var(--blanc);
width: calc(100% - 1rem);
padding: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="error"] span.form-input::before { 
content:"";
background-image: url(../images/f0d8.svg);
width: 3.5ch;
display: inline-block;
background-repeat: no-repeat;
aspect-ratio: 1/1;
filter: invert(20%) sepia(47%) saturate(3114%) hue-rotate(339deg) brightness(104%) contrast(125%);
font-weight: 400;
font-size: 1rem;
position: absolute;
bottom: 18px;
left: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p[class*="errorSiret"] span.form-input::after { 
content: "Veuillez saisir les 14 chiffres de votre SIRET sans espace";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison { 
padding: 1rem; padding-right: 0; background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison { 
margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison div.adresseLivraison { 
margin: 0; padding: 0; padding-bottom: 1rem; background-color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison div.adresseLivraison fieldset { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison div.adresseLivraison p.choixAdresseLivraison { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison div.adresseLivraison p.choixAdresseLivraison > span { 
display: flex; padding: 1rem; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset { 
padding: 1rem; padding-left: 2rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: #fff; border: 0; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset legend { 
display: block; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p { 
display: flex; flex-wrap: wrap; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p input[type=text] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris); width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p label { 
width: 100%; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p span.form-input { 
display: inline-block; min-height: 1.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p.civilite { 
display: flex; flex-wrap: nowrap; justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p.civilite label { 
width: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p.nature { 
display: flex; flex-wrap: nowrap; justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison fieldset p.nature label { 
width: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesLivraison div.saisieAdresseLivraison h3.natureLivraison { 
margin: 0; margin-top: 1rem; padding: 0; padding-top: 1rem; padding-left: 1rem; background-color: #fff;

display: block; font-size: 1.1rem; font-weight: 600; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande { 
width: 100%; padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer { 
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset { 
padding: 1rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: #fff; border: 0; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset legend { 
display: blockk; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p { 
display: flex; flex-wrap: wrap; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p { 
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 0.5rem;
max-width: 600px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p input[type=text] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris); width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p label { 
width: 100%; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p span.form-input { 
display: inline-block; min-height: 1.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.adresseClient fieldset p.civilite input[type="button"] { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create { 
display: flex;
padding: 1rem;
margin-left: auto;
margin-right: auto;
background-color: var(--blanc);
height: 100%;
flex-direction: column;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create h4 { 
text-transform: uppercase; order: 0; font-weight: 400; margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create h4 span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create h4 span::after { 
content: "Créer un compte"; font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p { 
margin: 0; margin-top: 1rem; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.explication { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.explication::after { 
content: "Entrez votre adresse e-mail et votre mot de passe pour créer votre compte"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.identifiant { 
display: flex; order: 2;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.identifiant input { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris);
width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.identifiant input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.motDePasse { 
display: flex; order: 3;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.motDePasse a { 
display: inline-block;
margin-left: .5rem;
color: var(--gris);
position: relative;
top: 8px;
left: 0;
text-decoration: inherit;
font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.motDePasse a span { 
background-image: url(../images/oeil.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: auto .8rem;
padding-top: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.motDePasse input { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris);
width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.motDePasse input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.back { 
order: 4; font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.back a.willRecoverPassword span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.back a.willRecoverPassword span::after { 
font-size: 13px; content: "Mot de passe oublié ?";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select { 
display: flex;
order: 6;
flex-grow: 1;
align-items: flex-end;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.sauvegarde { 
line-height: 1.5rem; order: 5;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.sauvegarde span.aide-login { 
font-size: 0; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.25rem; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g stroke='var(--violetFonce)'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></g></svg>") center center no-repeat; background-color: transparent;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login { 
display: grid; padding: 1rem; margin-left: auto; margin-right: auto; background-color: #fff;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login h4 { 
text-transform: uppercase; order: 0; font-weight: 600; margin: 0; margin: 0;
font-weight: 400;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login h4 span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login h4 span::after { 
content: 'Se connecter'; font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p { 
margin: 0; margin-top: 1rem; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.explication { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.identifiant { 
display: flex; order: 2;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.identifiant input { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris);
width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.identifiant input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.motDePasse { 
display: flex; order: 3;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.motDePasse a { 
display: inline-block;
margin-left: .5rem;
color: var(--gris);
position: relative;
top: 8px;
left: 0;
text-decoration: inherit;
font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.motDePasse a span { 
background-image: url(../images/oeil.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: auto .8rem;
padding-top: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.motDePasse input { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris);
width: calc(100% - 80px);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.motDePasse input:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.back { 
order: 4; font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.back a.willRecoverPassword { 
color: var(--gris);
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.back a.willRecoverPassword span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.back a.willRecoverPassword::after { 
content: "Mot de passe oublié ?";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.select { 
display: inline-block; order: 6;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.select button.valider { 
background-color: var(--violetFonce); color: var(--blanc); margin: 0; border: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; font-size: 0; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.select button.valider::after { 
font-size: 1rem; content: "se connecter";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.navigation.select button.valider:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.sauvegarde { 
order: 5;
display: flex;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.sauvegarde input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.sauvegarde input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.sauvegarde label { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.sauvegarde label::after { 
content: "Rester connecté";
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.login p.sauvegarde span.aide-login { 
font-size: 0; display: inline-block; width: 2rem; height: 2rem; margin-left: 0.25rem; background: url("../images/info.svg") center center no-repeat; background-color: transparent;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword { 
display: grid; padding: 1rem; margin-left: auto; margin-right: auto; background-color: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword h4 { 
text-transform: uppercase; order: 0; font-weight: 600; margin: 0; margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p { 
margin: 0; margin-top: 1rem; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p.identifiant { 
display: flex;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p.identifiant input { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris); flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p.navigation.back { 
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p.navigation.back a { 
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p.navigation.select { 
padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.recoverPassword p.navigation.select button.valider { 
background-color: var(--violetFonce); color: #ffffff; border: 2px solid var(--violetFonce); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; font-size: 16px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register { 
position: relative;
padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset { 
padding: 1rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: var(--blanc); border: 0; position: relative;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset legend { 
display: blockk; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p { 
display: flex; flex-wrap: wrap; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="email"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); color: var(--gris); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="email"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="password"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); color: var(--gris); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="password"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="tel"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); color: var(--gris); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="tel"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="text"] { 
background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 2px solid var(--creme); color: var(--gris); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p input[type="text"]:focus-visible { 
outline: none;
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.form-input { 
display: inline-block; min-height: 1.5rem; flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.form-input  > span { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.accepte-emailing { 
flex-wrap: nowrap;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.accepte-emailing input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.accepte-emailing input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.accepte-emailing label { 
display: inline-block;
margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.accepte-emailing span.form-input { 
flex-grow: 0;
flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.civilite { 
display: flex; flex-wrap: nowrap;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.civilite label { 
display: initial;
width: auto;
min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.code-postal input { 
max-width: 130px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.code-postal span.output { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.nature-compte { 
display: flex; flex-wrap: nowrap;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.nature-compte label { 
display: initial;
width: auto;
min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.nature-compte span.form-input > span { 
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.nature-compte span.form-input span.indeXys-nowrap { 
margin: .1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.pays select { 
border: 1px solid var(--gris);
background-color: var(--blanc);
font-size: 1rem;
padding: .5rem 1rem;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.pays select:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.valid input[type="email"] { 
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.valid input[type="tel"] { 
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.valid input[type="text"] { 
border: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p[class*="error"] input[type="email"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p[class*="error"] input[type="tel"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p[class*="error"] input[type="text"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p[class*="error"] span.form-input { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p[class*="error"] span.form-input::after { 
content: "Ce champ est obligatoire";
display: block;
margin-top: .5rem;
background-color: var(--rouge);
color: var(--blanc);
width: calc(100% - 1rem);
padding: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p[class*="error"] span.form-input::before { 
content:"";
background-image: url(../images/f0d8.svg);
width: 3.5ch;
display: inline-block;
background-repeat: no-repeat;
aspect-ratio: 1/1;
filter: invert(20%) sepia(47%) saturate(3114%) hue-rotate(339deg) brightness(104%) contrast(125%);
font-weight: 400;
font-size: 1rem;
position: absolute;
bottom: 18px;
left: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.back { 
position: absolute;
top: .5rem;
left: .5rem;
margin: 0;
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.back a { 
color: inherit;
text-decoration: inherit;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.back a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.back a::after { 
font-size: 1rem;
content: "m'identifier avec un autre compte";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.back a::before { 
font-size: 1rem;
content: "< ";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.select { 
margin: 0; padding: 1rem; background-color: var(--blanc);
box-shadow: var(--boxShadowCollerHaut);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.navigation.select button.valider { 
background-color: var(--violetFonce); color: #ffffff; border: 2px solid var(--violetFonce); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; font-size: 16px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.sauvegarde { 
margin: 0; margin-top: 1rem; padding: 1rem; line-height: 1.5rem; order: 5; background-color: var(--blanc);
box-shadow: var(--boxShadow);
display: flex;
align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.sauvegarde input[type="checkbox"] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.sauvegarde input[type="checkbox"]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register p.sauvegarde span.aide-login { 
font-size: 0; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.25rem; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g stroke='var(--violetFonce)'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></g></svg>") center center no-repeat; background-color: transparent;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande { 
padding: 1rem; background-color: var(--grisClair); width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.cash-payment { 
margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.cash-payment h5 { 
margin: 0; margin-bottom: 0.5rem; padding: 0; padding-bottom: 0.5rem; border-bottom: 1px solid var(--gris); 
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.leave-a-message { 
padding: 1rem; background: #fff;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.leave-a-message h4 { 
display: block; margin: 0; margin-bottom: 0.5rem; padding: 0; padding-bottom: 0.5rem; 
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.leave-a-message textarea { 
width: 100%; height: 4rem; border: 0; background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments { 
margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method a.label span {
    font-weight: 600;
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method a.img { 
    padding: .4rem;
    padding-left: 0;
    position: relative;
order: 2;
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method a.label { 
    flex-grow: 1;
order: 1
    height: 100%;
    align-content: center;
    padding-left: 3.3rem;
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method input { 
    margin: 0 0 0 1rem;
-webkit-appearance: none;
appearance: none;
border: 2px solid var(--gris999);
min-width: 20px;
width: 1.25rem;
min-height: 20px;
height: 1.25rem;
cursor: pointer;
border-radius: 50%;
position: absolute;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method input:checked {
    background-color: var(--violetClair);
    border-color: var(--violetClair) !important;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method:hover input {
border-color: var(--gris444);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method input:checked:before {
    content: "";
    background: var(--blanc);
    background-color: var(--blanc);
    display: block;
    width: .375rem;
    min-width: 6px;
    height: .375rem;
    min-height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method { 
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--boxShadow);
    background-color: var(--blanc);
    margin: .4rem 0;
    border: 2px solid var(--blanc);
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method:not(:has( input:checked )):hover {
    border: 2px solid var(--gris444);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments h5 { 
margin: 0; margin-bottom: 0.5rem; padding: 0; padding-bottom: 0.5rem; border-bottom: 1px solid var(--gris); 
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments.empty { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande .stickyGauche { 
position: sticky;
top: 1rem;
padding: 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.cash-payment { 
margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_1 { 
order: 6;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_2 { 
order: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_4 { 
order: 2;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_5 { 
order: 5;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_PayplugAmex { 
order: 3;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_PayplugBancontact { 
order: 4;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.cash-payment h5 { 
margin: 0; margin-bottom: 0.5rem; padding: 0; padding-bottom: 0.5rem; border-bottom: 1px solid var(--gris); 
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.cash-payment h5 span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.cash-payment h5::after { 
content: " une fois";
font-weight: 800;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.cash-payment h5::before { 
content: "Paiement en";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message { 
padding: 1rem; background: #fff;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message h4 { 
display: block; margin: 0; margin-bottom: 0.5rem; padding: 0; padding-bottom: 0.5rem; 
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message h4 span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message h4::after { 
content: " laisser un message ?";
font-weight: 800;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message h4::before { 
content: "Vous souhaitez nous";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message textarea { 
width: 100%; height: 8rem; border: 0; background-color: var(--grisClair);
padding: .5rem;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.leave-a-message textarea:focus-visible { 
outline: 2px solid var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments { 
margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments h5 { 
margin: 0; margin-bottom: 0.5rem; padding: 0; padding-bottom: 0.5rem; border-bottom: 1px solid var(--gris); 
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments h5 span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments h5::after { 
content: " plusieurs fois";
font-weight: 800;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments h5::before { 
content: "Paiement en";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method { 
display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--boxShadow);
    background-color: var(--blanc);
    margin: .4rem 0;
border: 2px solid var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method:not(:has( input:checked )):hover {
border: 2px solid var(--gris444);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method a { 
color: var(--gris); text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method a.img { 
padding: .4rem;
    padding-left: 0;
    position: relative;
order: 2;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method a.label { 
flex-grow: 1;
order: 1;
    height: 100%;
    align-content: center;
    padding-left: 3.3rem;
    min-height: 52.78px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method input { 
margin: 0 0 0 1rem;
-webkit-appearance: none;
appearance: none;
border: 2px solid var(--gris999);
min-width: 20px;
width: 1.25rem;
min-height: 20px;
height: 1.25rem;
cursor: pointer;
border-radius: 50%;
position: absolute;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method input:checked {
    background-color: var(--violetClair);
    border-color: var(--violetClair) !important;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method:hover input {
border-color: var(--gris444);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method input:checked:before {
    content: "";
    background: var(--blanc);
    background-color: var(--blanc);
    display: block;
    width: .375rem;
    min-width: 6px;
    height: .375rem;
    min-height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments.empty { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote { 
padding: 1rem;
padding-top: 3rem;
margin: 0 auto;
background-color: var(--blanc);
border: 0;
position: relative;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote div.title-of-quote { 
max-width: 360px;
margin: 0 auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote div.title-of-quote p span.libelle::after { 
content: "(obligatoire)";
margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote h4 { 
display: block;
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
position: absolute;
top: 1rem;
left: 1rem;
padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote input.title-of-quote { 
display: block;
margin: 1rem 0;
padding: .75rem;
border: 3px solid var(--violetClair);
color: var(--gris);
font-size: .8rem;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote input.title-of-quote:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote p.navigation { 
max-width: 300px;
margin: 0 auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote p.navigation button.valider::after { 
content: "mon devis";
margin-left: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-as-quote p.navigation button.valider::before { 
content: "";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.save-your-order { 
padding: 1rem;
background-color: var(--blanc);
margin-bottom: 1rem;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.cgv { 
display: flex;
align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.cgv a { 
color: var(--gris);
text-decoration: inherit;
margin: 0 .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.cgv input[type=checkbox] { 
appearance: none;
border-radius: 0;
border: 1px solid var(--violetFonce);
outline: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
flex-shrink : 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.cgv input[type=checkbox]:checked { 
background-image: url(../images/check-carre.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation { 
text-align: center;
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation button.valider { 
text-transform: uppercase; border: none; background-color:var(--violetFonce); color:white; padding:22px; width: 100%; cursor: pointer; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation button.valider span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation button.valider span.amount { 
display: initial;
margin-left: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation button.valider::before { 
content: "VALIDER ET PAYER"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation button.valider:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#titleFunnel { 
margin: 0 auto; padding: 1rem 0; position: relative; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-payment { 
padding: 1rem 0;
margin: 2rem 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method a { 
color: var(--gris); text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method a.img { 
padding: .4rem;
    padding-left: 0;
position: relative;
order: 2;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method a.label { 
flex-grow: 1;
order: 1;
    height: 100%;
    min-height: 52.78px;
    align-content: center;
    padding-left: 3.3rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method input { 
margin: 0 0 0 1rem;
-webkit-appearance: none;
appearance: none;
border: 2px solid var(--gris999);
min-width: 20px;
width: 1.25rem;
min-height: 20px;
height: 1.25rem;
cursor: pointer;
border-radius: 50%;
position: absolute;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method input:checked {
    background-color: var(--violetClair);
    border-color: var(--violetClair) !important;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method:hover input {
    border-color: var(--gris444);
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method input:checked:before {
    content: "";
    background: var(--blanc);
    background-color: var(--blanc);
    display: block;
    width: .375rem;
    min-width: 6px;
    height: .375rem;
    min-height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.payment-in-installments p.method { 
display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--boxShadow);
    background-color: var(--blanc);
    margin: .4rem 0;
border: 2px solid var(--blanc);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method:not(:has( input:checked )):hover, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.payment-in-installments p.method:not(:has( input:checked )):hover { 
border: 2px solid var(--gris444);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.fermeture-usine { 
margin: 1rem 0;
padding: 1rem;
padding-top: 100px;
background-image: url(../images/informationviolletfonce.svg);
background-position: center .75rem;
background-size: 75px 75px;
background-color: var(--blanc);
background-repeat: no-repeat;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.fermeture-usine p { 
margin: 0;
margin-bottom: 1rem;
display: block;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.fermeture-usine ul { 
margin: 0;
margin-bottom: 1rem;
padding-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.fermeture-usine ul li { 
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey { 
background-color: var(--blanc);
margin: 0 auto;
padding: 0 1rem 1rem;
display: flex;
align-items: center;
max-width: 90%;
flex-direction: column;
box-shadow: var(--boxShadowCollerHaut);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.submit { 
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.submit button.submit { 
text-transform: uppercase;
border: none;
background-color: var(--violetFonce);
color: white;
padding: 0 22px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 1rem;
height: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.submit button.submit span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.submit button.submit::after { 
content: "Valider";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.submit button.submit:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.survey div.section > div.title { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.logout { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire { 
background-color: var(--blanc);
margin: 0 auto;
padding: 1rem;
display: flex;
align-items: center;
max-width: 90%;
flex-direction: column;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire div.texteQuestionnaire div.trait { 
border: 1px solid #0c9758;
width: 100px;
font-size: 0;
margin: .5rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire div.texteQuestionnaire h2 { 
font-size: 20px; color: #515151; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire div.texteQuestionnaire h2 img { 
max-width: 17px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire div.texteQuestionnaire p { 
font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire img.imageQuestionnaire { 
max-width: 150px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.remerciements { 
margin: 1rem auto; padding: 1rem; background-color: var(--blanc);
text-align: center;
max-width: 90%;
box-shadow: var(--boxShadow);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.remerciements div.social { 
display: flex; justify-content: center; margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.remerciements div.social a { 
margin: 0 .25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.remerciements h2 { 
text-align: center; font-size: 20px; color: #515151; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.remerciements p { 
text-align: center; font-size: 16px; color: #515151; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.remerciements p.social { 
margin: 0px;
margin-top: 5px;
font-size: 14px;
color: #666666;
text-transform: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.snp-webco-elements-coordonnees-valider p.navigation { 
text-align: center;
margin: 0;
display: flex;
justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.snp-webco-elements-coordonnees-valider p.navigation button.valider { 
text-transform: uppercase; border: none; background-color:var(--violetFonce); color:white; padding: 0 .5rem; font-size: 1rem; width: 100%; cursor: pointer;
display: flex;
transition: .5s ease-in-out;
justify-content: center;
align-items: center;
font-weight: 700;
height: 4rem;
background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 30%;
    padding-right: 3.5rem;
    cursor: pointer;
    text-decoration: none;
    max-width: 400px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.snp-webco-elements-coordonnees-valider p.navigation button.valider span::after { 
content: " mes coordonnées";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.snp-webco-elements-coordonnees-valider p.navigation button.valider:hover { 
background-color: var(--violetClair);
background-position: 96% center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.snp-webco-elements-coordonnees-valider p.navigation.back { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.startNewOrder p.navigation button.creer { 
text-transform: uppercase;
border: none;
background-color: var(--violetFonce);
color: white;
padding: 0 22px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 1rem;
height: 2rem;
margin: 0 auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.startNewOrder p.navigation button.creer span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.startNewOrder p.navigation button.creer::before { 
content: "Retour à l'accueil"
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.startNewOrder p.navigation button.creer:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.steps { 
width: 100%;
overflow: auto;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.content { 
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.content p.coloris { 
color: var(--violetFonce);
margin: .5rem 0;
text-align: center;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.content p.price { 
margin: 1rem .25rem;
text-align: center;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.content p.price span.price { 
display: flex;
justify-content: center;
align-items: flex-start;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.content p.price span.price::after { 
content: " € TTC";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items { 
display: grid;
grid-template-columns: repeat(6, 1fr);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item h4 { 
font-size: .68rem;
padding: 0 1rem;
margin: 0 0 .25rem;
position: relative;
top: -10%;
width: 100%;
text-align: center;
color: var(--blanc);
text-shadow: 0 0 3px var(--noir);
font-weight: 900;
min-height: 1.75rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item h4 a { 
color: var(--blanc);
text-decoration: inherit;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item h4 copie { 
font-size: .68rem;
margin: 0 0 .25rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: var(--blanc);
text-shadow: 0 0 3px var(--noir);
font-weight: 900;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item p.image { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item p.image a { 
position: relative;
display: block;
margin: 0 .25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item p.image a img { 
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
border: 1px solid var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item p.image a::after { 
content: "";
padding-top: 100%;
display: block;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items p.order { 
text-align: center;
margin: 0 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items p.order a { 
display: inline-flex;
color: var(--violetFonce);
border: 2px solid var(--violetFonce);
text-decoration: inherit;
text-transform: uppercase;
height: 30px;
justify-content: center;
align-items: center;
font-size: .6rem;
font-weight: 700;
padding: 0 .5rem;
transition: all 250ms ease 0s;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items p.order a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items p.order a::before { 
content: "Voir ce produit";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items p.order a:hover { 
color: var(--blanc);
border: 2px solid var(--violetFonce);
background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait { 
margin: 0; margin-top: 2rem; /*border-top: 1px solid var(--gris);*/ position: relative; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2 { 
display: inline-block;
margin: 0;
padding: 0 1rem;
position: absolute;
top: -1.6rem;
left: 3rem;
background-color: var(--grisClair);
font-weight: 300;
font-size: 1.9rem;
transform: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue { 
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue p.navigation { 
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue p.navigation a { 
color: inherit;
text-decoration: none;
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue p.navigation a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue p.navigation a::before { 
content: "< Continuer vos achats";
font-size: .7rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start { 
padding-top: 6rem;
background-image: url(../images/panierViolet.svg);
background-repeat: no-repeat;
background-position: center 1rem;
background-size: auto 5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start h4 { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start h4 span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start h4::before { 
content: "Votre panier est vide";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation { 
text-align: center;
margin: 1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a.valider { 
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--violetFonce);
color: var(--blanc);
height: 3rem;
padding: 0 .75rem;
text-decoration: inherit;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a.valider span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a.valider::after { 
content: "Continuer mes achats";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a.valider::before { 
content: "<";
margin-right: .5ch;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a.valider:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.start p.navigation a.valider:hover::after { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference { 
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference input { 
width: 80%;
margin: auto;
padding: 0.75rem;
position: relative;
border: 3px solid var(--violetClair);
color: var(--gris);
font-size: .8rem;
margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference input:focus-within { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference label { 
padding: 0 1.5rem .7rem;
font-size: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference p { 
display: flex;
flex-direction: column;
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.bonDeCommande div.items div.shipping { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.bonDeCommande div.items div.shipping { 
justify-content: space-between;
margin: 1rem;
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.bonDeCommande div.items div.shipping span.amount { 
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent div.snp-webco-elements-retour-identification p.navigation.back { 
font-size: 0;
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent div.snp-webco-elements-retour-identification p.navigation.back a { 
text-decoration: none;
color: var(--gris);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent div.snp-webco-elements-retour-identification p.navigation.back a::after { 
font-size: 1rem;
content: "m'identifier avec un autre compte";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent div.snp-webco-elements-retour-identification p.navigation.back a::before { 
font-size: 1rem;
content: "< ";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column:first-of-type { 
display: initial;
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-webco-elements-continuerAchats div.start { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.content a { 
color: var(--violetFonce);
text-decoration: inherit;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.content a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.content a[title*="RIB"] img { 
width: 100%;
height: auto;
max-width: 700px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment { 
background-color: var(--blanc);
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment button { 
text-transform: uppercase;
border: none;
background-color: var(--violetFonce) !important;
color: white;
padding: 0 .5rem;
font-size: 1rem;
width: 100%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
height: 4rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment button span img { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment button span::before { 
content: "Valider et payer";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment button:hover { 
background-color: var(--violetClair) !important;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment div[class*="facility-pay"] a.payment-button { 
text-transform: uppercase;
background-color: var(--violetFonce) !important;
color: white;
padding: 22px;
width: 100%;
cursor: pointer;
font-size: 1rem;
display: inline-block;
text-decoration: inherit;
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment div.payment div[class*="facility-pay"] a.payment-button:hover { 
background-color: var(--violetClair) !important;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.payment-by-check { 
background-color: var(--blanc);
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.payment-by-mandate { 
background-color: var(--blanc);
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.payment-by-transfert { 
background-color: var(--blanc);
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.paypal-payment { 
background-color: var(--blanc);
padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement p.amount span.value, #paiementCommande .snp-webco-elements-paiement-choix-paiement p.amount span.value { 
color: var(--violetFonce);
font-weight: 700;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.shippingContent { 
background-color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.summaryContent { 
background-color: var(--grisClair);
}
div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a { 
font-size: 0;
}
div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::after { 
content: "J’accepte de recevoir cette newsletter et je comprends que je peux me désabonner facilement à tout moment.";
font-size: 12px;
font-weight: initial;
display: block;
}
div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::before { 
content: "Suivi de commande, bons plans et conseils décos/tendances : ne ratez rien ! 🔵⚪🔴";
font-size: 14px;
}
svg.grisClair { 
color: var(--grisClair);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.swiper-scrollbar.swiper-scrollbar-horizontal {
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.avis-clients {
display: none;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.sauvegarde-devis { 
    display: none;
    }
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.printQuote p.print a {
    padding: 0 1rem;
    color: var(--violetFonce);
    }
    body.panier.tunnel-devis.tunnel-confirmationCommande div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2::after {
    font-size: 1.9rem;
    content: "Sauvegarder";
    }
    body.panier.tunnel-devis.tunnel-confirmationCommande div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2 { 
    font-size: 0;
    }

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote {
    padding: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    background-color: #fff;
    box-shadow: var(--boxShadow);
    margin-top: 2rem;
    text-align: center;
    max-width: 768px;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote p.bouton-profil {
    display: flex;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote p.bouton-profil span.obf, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote p.bouton-profil a {
    text-transform: uppercase;
    border: none;
    border: 1px solid var(--violetFonce);
    color: var(--violetFonce);
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    height: 2rem;
    margin: 0 auto;
    font-family: Arial;
    width: 235px;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.printQuote p.print a {
    text-transform: uppercase;
    border: none;
    background-color: var(--gris999);
    color: var(--blanc);
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    height: 2rem;
    margin: 0 auto;
    font-family: Arial;
    width: 235px;
    text-decoration: none;

&:hover {
    background-color: var(--gris444);
}

}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.printQuote p.print a span {
    font-size: 0;

&::after {
    font-size: 1rem;
    content: 'Imprimer mon devis';
}

}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote p.bouton-profil span.obf:hover, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote p.bouton-profil a:hover {
    background-color: var(--violetClair);
    border: 1px solid var(--violetClair);
    color: var(--blanc);
}

body.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.startNewOrder p.navigation button.creer {
width: 235px;
}
body.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.expedition {
display: none;
}
body.tunnel-devis div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.recapitulatif:not(.over) span.out::before {
content: '3'
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method a.img img, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method a.img img {
    min-height: 40px;
    height: 100%;
    max-width: initial;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments p.method a.img img {
min-height: 40px;
    height: 100%;
    max-width: initial;
} 

div#zoneCentre div.IndeXysCommercePortletTunnelCommande:has(#recapitulatifAvantPaiementCommande) div#RecapitulatifCommande div.delaiExp > div.delai-expedition p {
margin-bottom: 0;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande:has(#recapitulatifAvantPaiementCommande) div#RecapitulatifCommande div.recapCommande div.total div.total-excl-vat, div#zoneCentre div.IndeXysCommercePortletTunnelCommande:has(#recapitulatifAvantPaiementCommande) div#RecapitulatifCommande div.recapCommande div.total div.total-vat {
  display: none;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment h3, div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment .amount, div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.paymentContent div.snp-webco-elements-paiement div.card-payment .content {
display: none;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method a.label span {
    font-weight: 600;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method a.label span {
    font-weight: 600;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method:has( input:checked ) {
    border: 4px solid var(--violetClair);
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments p.method:has( input:checked ) {
    border: 4px solid var(--violetClair);
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.payment-in-installments p.method:has( input:checked ) a.img::before {
    content: "";
    background-image: url(../images/checkPSOBordBlanc.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 2rem;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -1.15rem;
    right: 0;
    z-index: 11;
}

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method:has( input:checked ) a.img::before {
    content: "";
    background-image: url(../images/checkPSOBordBlanc.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 2rem;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -1.15rem;
    right: 0;
    z-index: 11;
}@media screen and (min-width: 576px) {

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.snp-mondrian-row,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent div.snp-mondrian-row,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.summaryContent div.snp-mondrian-row {
        flex-wrap: wrap;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item h4 {
        margin: 0 .5rem 2rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire {
        flex-direction: row;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.questionnaire div.texteQuestionnaire {
        padding-left: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.information.IndeXysSurveySurvey.survey div.survey {
        width: calc(100% - 150px - 1rem);
        margin-left: calc(150px + 1rem);
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.fermeture-usine {
background-position: .75rem center;
padding: 1rem;
padding-left: 100px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li > span:not(.largeur):not(.hauteur):not(.hauteur-complementaire):not(.largeur-rail):not(.colori):not(.vantaux) {
display: initial;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul li {
list-style-type: disc;
}
}

/*--fin576px---*/


@media screen and (min-width: 768px) {

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.form-input>span span.indeXys-nowrap {
        width: 20%;
    }

}

/*--fin768px---*/

@media screen and (min-width: 800px) {

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.aknowledgment-quote {
    margin-left: auto;
    margin-right: auto;
}

}

/* fin 800px */

@media screen and (min-width: 992px) {

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande .stickyGauche { 
padding: 0;
}

div#zoneCentre section div.selectionPaiement h2 {
padding: 0;
}

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.snp-webco-elements-enregistrerDevis h4{
        font-size: initial;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.bonDeCommande div.items div.shipping{
        display: flex;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference {
        width: 40%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference label {
        padding: 0 0 .7rem 0;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.addReference input {
        width: 100%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul.links{
        font-size: .8rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.basketContent div.snp-mondrian-row,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.coordinatesContent div.snp-mondrian-row,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.summaryContent div.snp-mondrian-row {
        flex-wrap: initial;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande {
        padding: 1rem;
        max-width: 480px !important;
        flex-basis: 30%;
        flex-grow: 1;
        flex-shrink: 0;
        min-width: 370px;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande {
        padding: 1rem;
        padding-right: 0;
        width: 70%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#titleFunnel {
        padding: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item {
        padding: 1rem 0;
        display: flex;
        margin: 1rem 0;
        background-color: var(--blanc);
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.image {
        display: block;
        position: relative;
        flex-shrink: 0;
        flex-grow: 1;
        flex-basis: 150px;
        width: 100%;
        height: 100%;
        margin-left: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title {
        width: 40%;
        margin-left: 1rem;
        font-weight: 600;
        font-size: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.unit-price {
        width: 15%;
        margin-left: 1rem;
        align-self: center;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.quantity {
        width: 10%;
        margin-left: 1rem;
        align-self: center;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.amount {
        width: 15%;
        margin-left: 1rem;
        text-align: center;
        align-self: center;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header {
        margin-top: 0;
        padding: 1rem 0 0;
        min-height: 63px;
        display: flex;
        align-items: flex-end;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.image {
        display: block;
        position: relative;
        flex-shrink: 0;
        flex-grow: 1;
        flex-basis: 150px;
        width: 100%;
        height: 100%;
        margin-left: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.title {
        width: 40%;
        margin-left: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.unit-price {
        text-align: center;
        display: initial;
        margin-left: 1rem;
        width: 15%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.quantity {
        width: 10%;
        text-align: center;
        display: initial;
        margin-left: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.amount {
        width: 15%;
        text-align: center;
        margin-left: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span.remove {
        width: 2rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.items .slick-prev,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.items .slick-next {
        display: inline-block !important;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.items .slick-prev::before {
        content: '<';
        color: var(--gris);
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.items .slick-next::before {
        content: '>';
        color: var(--gris);
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires {
        /*padding: 2rem;*/
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande {
        padding: 1rem;
        padding-right: 0;
        width: 100%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande {
        padding: 1rem;
        padding-right: 0;
        width: 100%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-mondrian-html-content.titreTrait h2 {
        left: 7rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.snp-webco-elements-bonDeCommande div.items div.item span.title ul {
        display: block;
        font-size: .8rem;
        font-weight: 300;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires>h4 span {
        max-width: initial;
        padding: 0 1rem .25rem
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.besoinAide p.titreAide {
        font-size: 1.25rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.items div.header span {
        font-size: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li span.out::before {
        font-size: 1.25rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form {
        grid-column: 1/3;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.login {
        grid-column: 1/2;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.create {
        grid-column: 2/3;
    }

    body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column {
        flex-shrink: 0;
        display: flex;
        width: initial;
        justify-content: center;
        align-items: center;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande form section div.snp-webco-elements-continuerAchats div.continue {
        display: none;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient {
        padding: 0 0 0 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison {
        margin-right: 0;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation {
        margin-right: 0;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.offerOfSponsorship {
        margin-right: 0;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande section div.snp-webco-elements-continuerAchats div.continue p.navigation {
        display: none;
    }

    body[class*="tunnel-"] div#zoneCentre div.IndeXysCommercePortletTunnelCommande section.panierHeader div.snp-mondrian-column p {
        display: block;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande {
        padding-right: 0;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison {
        margin-bottom: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation {
        margin-bottom: 1rem;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCoordonnees {
        display: initial;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.snp-webco-elements-coordonnees-valider {
        display: none;
        margin-right: 0;
    }
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > h4 {
margin: 3rem 2rem 1rem;
width: calc(100% - 4rem);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires > div {
padding: 0 2rem 2rem;
}
}

/*--fin992px---*/

@media screen and (min-width: 1040px) {
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.code-postal, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.code-postal {
        max-width: 120px;
        display: inline-block;
        position: relative;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.code-postal.error, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.code-postal.error, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.code-postal.error {
        margin-bottom: 5rem;
    }
    
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.code-postal.error span.form-input::before {
        bottom: -25px;
    }
    
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.code-postal.error span.form-input::after {
        position: absolute;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation fieldset p.ville, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p.ville, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison fieldset p.ville {
    max-width: calc(calc(600px - 120px) - .5rem);
    width: 100%;
    display: inline-flex;
    margin-left: .25rem;
    }
    
}
    
/*--fin1040px---*/

@media screen and (min-width: 1200px) {

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.methods-of-payment,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.methods-of-payment {
        display: flex;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.cash-payment,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.cash-payment {
        flex-grow: 1;
        width: 50%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.payment-in-installments,
    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#paiementCommande div.payment-in-installments {
        flex-grow: 1;
        margin-left: 1rem;
        width: 50%;
    }

    div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.suggestedItems div.items div.item h4 {
        font-size: 1.5rem;
    }
}

/*--fin1200px---*/

@media screen and (min-width: 1400px) {}

/*--fin1400px---*/#zoneCentre .IndeXysCommercePortletTunnelCommande #bonDeCommande .snp-webco-elements-bonDeCommande .items .item .title ul ul { 
    margin-bottom: 0;
    }
    #Configurateur_Configuration #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer button { 
    background-color: var(--violetClair);
    color: var(--blanc);
    border: 0;
    padding: 0.5rem .75rem;
    border-radius: 1rem;
    cursor: pointer;
    height: 50%;
    }
    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer) .alerte p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) {
    display: block;
    }
    
    #Configurateur_Configuration #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension { 
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
        & > p:has(.saisieRepere) { 
        display:none;
        }
        & > span { 
        display: flex;
        flex-direction: column;
        }
        & > span span[class*=input] { 
        position: relative;
        }
        & > span span[class*=input] input, #Configurateur_Configuration .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo span[class*=input] input { 
        width: 100%;
        border: 3px solid var(--grisBloc);
        text-align: right;
        padding: .25rem 2rem .25rem 0;
        font-size: 1rem;
        font-family: 'Mulish', sans-serif;
        color: var(--gris);
        }
        & > span span[class*=input] input:focus-visible, #Configurateur_Configuration .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo span[class*=input] input:focus-visible { 
        outline: none;
        border-color: var(--violetFonce);
        }
        & > span span[class*=input] .dimensions { 
        display: none;
        }
        & > span span[class*=input] .unit { 
        position: absolute;
        top: 16px;
        right: .5rem;
        transform: translateY(-50%);
        }
        & > span span[class*=titre] { 
        text-transform: uppercase;
            margin-left: 2px;
            white-space: break-spaces;
            color: var(--grisTitre);
        }
    }
    #Configurateur_Configuration #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .messages { 
        display: flex;
        justify-content: center;
        flex-direction: column;
        & .alerte { 
        padding-bottom: .5rem;
        }
        & .alerte div { 
        text-align: center;
        }
        & .alerte div p { 
        display: inline;
        padding: 0;
        }
        & .alerte .config-atypique a { 
        color: var(--rouge);
        }
        & .alerte .espace-necessaire p { 
        color: var(--violetClair);
        }
        & .alerte div:not(.espace-necessaire) p { 
        color: var(--rouge);
        font-weight: 800;
        }
        & .info { 
        padding: .5rem 0;
        text-align: center;
        }
        & .info p { 
        display: inline;
        padding: 0;
        font-size: .9rem;
        }
    }
    #Configurateur_Configuration #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .surface-recommandee { 
        display: flex;
        flex-direction: column;
        align-items: center;
        & .surface { 
        background-color: white;
        width: 12rem;
        text-align: end;
        padding: .35rem;
        margin-top: .5rem;
        border: 2px solid var(--noir);
        }
        & .surface .hors-matrice { 
        display: none;
        }
        & .surface .texte { 
        display: none;
        }
        & .surface .unit sup { 
        font-size: .5rem;
        }
        & .titre { 
        padding: 0.7rem 0;
        font-weight: 800;
        font-size: 1.1rem;
        }
    }
    #Configurateur_Configuration #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .bouton-calculer { 
    display: none;
    justify-content: center;
    padding-top: 1rem;
    }
    #Configurateur_Configuration #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer:has(.surface-recommandee) { 
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 1.5rem .75rem 1rem .75rem;
    }
    .configuration.Produit .configurateur .panneau-acoustique a.aide { 
        width: 1.75rem;
    }
    .configuration.Produit .configurateur .panneau-acoustique a.aide span { 
    display: none;
    }
    .configuration.Produit .configurateur .panneau-acoustique a.aide::after { 
    content: "";
    width: 2ch;
    background-position: center;
    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
    background-image: url(../images/3f.svg);
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    font-weight: 400;
    font-size: .75rem;
    }
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau { 
        display: flex;
        padding: 1rem;
        flex-direction: column;
        & > div .ligne-panneau-dispo { 
        display: flex;
        gap: 1rem;
        padding: .3rem 0;
        justify-content: center;
        font-size: .8rem;
        }
        & > div .ligne-panneau-dispo .dimension-choisir-panneau { 
        border: 2px solid var(--noir);
        padding: .5rem 1rem;
        display: flex;
        gap: .2rem;
        align-items: center;
        max-width: 200px;
        width: calc(100% - 80px);
        justify-content: center;
        }
        & > div .ligne-panneau-dispo .unite sup { 
        font-size: .5rem;
        }
        & > div .ligne-panneau-dispo span[class*=input] { 
        display: flex;
        align-items: center;
        gap: .5rem;
        }
        & > div .ligne-panneau-dispo span[class*=input] input { 
        height: 100%;
        padding: .25rem .25rem .25rem 0;
        max-width: 100px;
        width: calc(100% - 10px);
        text-align: center;
        }
        & > .surface-necessaire { 
        position: relative;
        }
        & > .surface-necessaire::before { 
        content: '';
        background-image: url(../images/equals-solid.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left;
        aspect-ratio: 1/1;
        width: 3rem;
        position: absolute;
        top: 0;
        }
    }
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire { 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        & > .value { 
        font-weight: 800;
        border: 2px solid var(--noir);
        padding: .5rem .2rem .5rem 5rem;
        font-size: 1.3rem;
        position: relative;
        }
        & > .value .unite sup { 
        font-size: .8rem;
        }
        & > .value.invalide .value { 
        margin-right: .2ch;
        }
        & > .value.valide { 
        border: 3px solid var(--violetClair);
        }
        & > .value.valide .value { 
        margin-right: .2ch;
        color: var(--grisNav);
        }
        & > .value.valide::before { 
        content: '';
        background-image: url(../images/checkPSOBordBlanc.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
        width: 1.75rem;
        aspect-ratio: 1 / 1;
        position: absolute;
        top: -1rem;
        right: 0;
        z-index: 100;
        }
        & button { 
        background-color: var(--violetClair);
        color: var(--blanc);
        border: 0;
        padding: 0.5rem .75rem;
        border-radius: 1rem;
        cursor: pointer;
        display: none;
        }
        & .message-completer-etape-1 { 
        color: var(--violetClair);
        }
        & .message-manque::before { 
        content: '';
        background-image: url(../images/exclamation-triangle.svg);
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: inline-block;
        width: 1.5rem;
        margin-right: .5rem;
        aspect-ratio: 1 / 1;
        transform: translateY(6px);
        }
        & .titre { 
        font-size: 1.1rem;
        padding-top: 3rem;
        }
        & span[class*=message] { 
        text-align: center;
        }
        & span[class*=message] .value { 
        color: var(--violetClair);
        font-weight: 700;
        }
    }
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .diametre-panneau-dispo { 
    position: relative;
        padding-left: 1.2rem;
    }
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .diametre-panneau-dispo::before { 
    content: '';
        display: block;
        background-image: url(../images/SVG-Diametre.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left;
        aspect-ratio: 1 / 1;
        width: 1rem;
        position: absolute;
        left: 0;
        bottom: 2px;
    }
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .largeur-panneau-dispo, .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .multiplier, .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .longueur-panneau-dispo, .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire .titre, .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .diametre-panneau-dispo, .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .table-panneau-dispo .ligne-panneau-dispo .unite-dimension { 
    font-weight: 800;
    }
    #Configurateur_Configuration .panneau-acoustique .titre-off { 
        margin-bottom: 0;
    }
    .configuration.Produit .description ul.fond-blanc .description-panneau-acoustique > li::before { 
    content: "";
        background-image: url(../images/f00c.svg);
        width: 1.7ch;
        background-repeat: no-repeat;
        aspect-ratio: 1 / 1;
        filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
        display: inline-block;
        font-weight: 400;
        margin-right: 1ch;
        color: var(--violetFonce);
    }
    .configuration.Produit .description ul.fond-blanc .description-panneau-acoustique li > span:first-child { 
    margin-right: .5ch;
    }
    .configuration.Produit .description ul.fond-blanc .description-panneau-acoustique li div { 
    display: inline;
    }
    .configuration.Produit .description ul.fond-blanc .description-panneau-acoustique li div span { 
    margin-right: .5ch;
    }
    .configuration.Produit .description ul.fond-blanc .description-panneau-acoustique li .quantite { 
    color: var(--violetClair);
    }
    .configuration.Produit .description ul.fond-blanc .description-panneau-acoustique li:not(.titre-produit) .value { 
    color: var(--violetClair);
    text-transform: uppercase;
    margin-right: .5ch;
    }
    .configuration.Produit .description ul.fond-blanc .tarif p.quantite .quantite { 
    appearance: none;
        border: none;
        font-size: 3rem;
        color: var(--violetFonce);
        width: 7rem;
        text-align: center;
        padding: 0 .5rem;
    }
    
    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer) p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) {
        display: flex;
        justify-content: center;
        padding: 1.5rem .75rem 0 .75rem;
    }
    
    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer) p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere {
        display: flex;
        flex-direction: column;
    }
    
    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer) p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere input.repere {
        width: initial;
    }

    [class*=acoustique] #Configurateur_Configuration .dimensions .titre-off {
        padding: 1.75rem .75rem;
    }@media screen and (min-width: 576px) {

    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer)  p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off):has(.saisieRepere) {
    display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 0;
        padding: 1.5rem 0 0 0;
    }
    
    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer) p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere input.repere {
    width: 100%;
    }
    
    #Configurateur_Configuration .saisir-dimensions:has(#MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer) p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere {
    grid-column-start: 2;
        grid-column-end: 4;
    padding-right: 0;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension > span span[class*=titre] {
    text-wrap: nowrap;
    margin-left: 0;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire span[class*=message] {
    width: 80%;
    }
    
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer:has(.surface-recommandee) {
    padding: 0;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension {
    display: grid;
        padding-top: 1rem;
        gap: 0;
        grid-template-columns: repeat(7, 1fr);
    flex-wrap: nowrap;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension > span:first-child {
    grid-column-start: 2;
        grid-column-end: 4;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension > span span[class*=titre] {
    text-wrap: no-wrap;
    margin-left: 0;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension > span:nth-child(2) {
    grid-column-start: 5;
        grid-column-end: 7;
    }
    
    div[class*=acoustique].configuration.Produit .configurateur .dimensions #Configurateur_Configuration .saisir-dimensions p.titre-off {
    padding: 0 0.75rem;
    }
    
    div[class*=acoustique].configuration.Produit .configurateur .dimensions #Configurateur_Configuration .saisir-dimensions a.aide {
    top: calc((32px - 1.75rem) / 2);
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config-dimension {
    align-items: end;
    flex-direction: row;
    }
    
    }
    
    /* fin 576px */
    
    @media screen and (min-width: 768px) {
    
    [class*=acoustique] #Configurateur_Configuration .dimensions .titre-off {
        padding: 0 .75rem;
    }

    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire > .value {
    grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
        text-align: right;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire > .value .unite {
    margin-left: .5ch;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire .titre {
    padding-top: 0;
    grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 1;
        position: initial;
        text-align: center;
    align-self: end;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .surface-necessaire span[class*=message] {
    grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 3;
        text-align: center;
        width: 100%;
    align-self: start;
        position: initial;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .surface-necessaire::before {
    left: 10px;
    top: initial;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > div .ligne-panneau-dispo .unite sup {
    font-size: .7rem;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau {
    flex-direction: row;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .table-panneau-dispo {
    width: 60%;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .surface-necessaire {
    position: relative;
    width: 40%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > div .ligne-panneau-dispo {
    font-size: 1rem;
    }
    
    }
    
    /* fin 768px */
    
    @media screen and (min-width: 992px) {
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .surface-necessaire::before {
    width: 2rem;
    }
    
    }
    
    /* fin 992px */
    
    @media screen and (min-width: 1200px) {
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .config {
    position: relative;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .bouton-calculer {
    position: absolute;
    bottom: 0;
    right: 12px;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .surface-necessaire::before {
    width: 3rem;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique a.aide {
            right: 4rem;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique p.titre-off {
            font-size: 1.25rem;
            height: 2.5rem;
        }
    
    }
    
    /* fin 1200px */
    
    @media screen and (min-width: 1500px) {
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .surface-necessaire::before {
    left: 45px;
    }
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .bouton-calculer {
    right: 60px;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .table-panneau-dispo {
    width: 50%;
    }
    
    .configuration.Produit .configurateur .panneau-acoustique #MStoresEtRideauxConfigurateur_Choisissez_Vos_Panneaux_Acoustique_UpdateContainer .choisir-panneau > .surface-necessaire {
    width: 50%;
    }
    
    }
    
    /* fin 1500px */
    
    @media screen and (min-width: 1900px) {
    
    #Configurateur_Configuration .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_Panneau_Acoustique_UpdateContainer .bouton-calculer {
    right: 120px;
    }
    
    }
    
    /* fin 1900px */#arrow { 
visibility: hidden;
}
#arrow, #arrow::before { 
position: absolute;
    width: 13px;
    height: 13px;
    background: inherit;
    border-top: solid 0.1rem;
    border-left: solid 0.1rem;
    border-color: var(--gris);
}
#arrow::before { 
visibility: visible;
    content: '';
    transform: rotate(45deg);
    top: -11px;
}
#tooltip[data-popper-placement^='bottom'] > #arrow { 
top: -4px;
}
#tooltip[data-popper-placement^='left'] > #arrow { 
right: -4px;
}
#tooltip[data-popper-placement^='right'] > #arrow { 
left: -4px;
}
#tooltip[data-popper-placement^='top'] > #arrow { 
bottom: -4px;
}
.mon_compte { 
background: var(--blanc);
    color: var(--gris);
    font-weight: bold;
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 4px;
    display: none;
    border: solid 0.1rem;
    border-color: var(--gris);
    width: 16rem;
z-index: 10000000;
}
.mon_compte li { 
list-style-type: none;
    margin: 0.5rem;
}
.mon_compte ul { 
padding-left: 0;
    margin: auto;
}
.mon_compte ul li > * { 
display:flex;
    flex-wrap: nowrap;
    align-items: center;
color: var(--gris);
    text-decoration: none;
}
.mon_compte ul li span.img_commande { 
display: inline-block;
    height: 1.7rem;
    width: 3rem;
    background-image: url(../images/commandeViolet.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mon_compte ul li span.img_panier { 
display: inline-block;
    height: 1.7rem;
    width: 3rem;
    background-image: url(../images/compteViolet.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mon_compte ul li > *:hover { 
text-decoration: underline;
}
.mon_compte[data-show] { 
display: block;
}
li.profil span.off.obf.obf-enabled:focus { 
background-color: var(--grisClair);
    border-radius: 100%;
}
.colorisTooltip {
  background: var(--grisMoyen);
  color: var(--blanc);
  font-weight: bold;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 4px;
  display: none;
  z-index: 100;
}

.colorisTooltip>div {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}

.colorisTooltip > span {
  position: absolute;
  top: 0;
  left: 0;
}

.colorisTooltip span.incompatibilite-tooltip {
  position: absolute; top: 50%; left: 50%; padding: 1rem; color: var(--rouge); transform: translate(-50%, -50%); width: 100%; font-weight: 700; z-index: 10;
}

.colorisTooltip .incompatibilite-option img { 
  opacity: .3;
  }

.colorisTooltip span.disponibilite, .colorisTooltip span.delai {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  background-color: var(--violetFonce);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: .5rem;
  z-index: 100;
}

.colorisTooltip span.delai span.label::after{
content: " +";
margin-right: .5ch;
}

.colorisTooltip span.disponibilite span.label, .colorisTooltip span.delai span.delai {
  margin-right: 1ch;
}

.colorisTooltip span.nouveaute-exclusivite {
  display: none;
  /*position: absolute;
  top: 0;
  left: 0;
  z-index: 1;*/
}

.colorisTooltip span.nouveaute-exclusivite span+span {
  margin-top: .5rem;
}

.colorisTooltip span.nouveaute-exclusivite span.exclusivite {
  background-color: var(--gris);
  display: flex;
  justify-content: center;
  width: 90px;
  height: 1.5rem;
  color: var(--blanc);
  align-items: center;
}

.colorisTooltip span.nouveaute-exclusivite span.nouveaute {
  background-color: var(--violetFonce);
  display: flex;
  justify-content: center;
  width: 90px;
  height: 1.5rem;
  color: var(--blanc);
  align-items: center;
}

.colorisTooltip span.vente1 {
  display: none;
}

.colorisTooltip img {
  display: block;
aspect-ratio: 1/1;
max-width: 300px !important;
}

.colorisTooltip[data-show] {
  display: block;
}

#arrow,
#arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

#tooltip[data-popper-placement^='top']>#arrow {
  bottom: -4px;
}

#tooltip[data-popper-placement^='bottom']>#arrow {
  top: -4px;
}

#tooltip[data-popper-placement^='left']>#arrow {
  right: -4px;
}

#tooltip[data-popper-placement^='right']>#arrow {
  left: -4px;
}

@media screen and (min-width: 992px) {
    .colorisTooltip span.disponibilite {
    font-size: .8rem;
    flex-direction: column;
    height: 2.5rem;
    }
    .colorisTooltip span.delai {
    font-size: .8rem;
    height: 2.5rem;
    }
}div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.panneaux-acoustiques-non-feu-m1 div.sr-categorieProduit-title div.title {
background-image: url(../images/Panneau-accoustique-suspendu-rectangulaire.svg);
}
#busyMessage .texte .chargement { 
display: none;
}
#surveyElement { 
max-width: 1600px;
    margin: 0 auto;
    padding: 0 1rem;
    display: block !important;
}
#surveyElement .sv-body__page, #surveyElement .sv-body__footer { 
margin-right: 0;
    margin-left: 0;
}
#surveyElement .sv-completedpage::before { 
background-repeat: no-repeat;
    background-position: center;
}
#surveyElement .sv-container-modern__title { 
display: none;
}
#surveyElement .sv-panel .sv-question__title { 
font-size: 1.17rem;
}
#surveyElement .sv-question[data-name="codeCommandeInput"] { 
display: none;
}
#surveyElement .sv-root-modern .sv-checkbox--checked .sv-checkbox__svg { 
background-color: var(--violetFonce);
}
#surveyElement .sv-root-modern .sv-container-modern { 
color: var(--gris);
}
#surveyElement .sv-root-modern .sv-footer__complete-btn { 
background-color: var(--violetFonce);
}
#surveyElement .sv-root-modern .sv-question__title--answer { 
background-color: var(--violetFonce);
    color: var(--blanc);
}
#surveyElement .sv-root-modern .sv-question__title--error { 
background-color: var(--rouge);
    color: var(--blanc);
}
#surveyElement .sv-root-modern .sv-radio--checked .sv-radio__svg { 
border-color: var(--violetFonce);
    fill: var(--violetFonce);
}
#surveyElement .sv-root-modern .sv-text:focus { 
border-color: var(--violetFonce);
}
#surveyElement .sv-root-modern input.sv-text, #surveyElement textarea.sv-comment, #surveyElement select.sv-dropdown { 
color: var(--gris);
}
#zoneCentre #contenuRubrique.IndeXysPortletRubriquePublication .contenuRubrique section .sr-mondrian-accueil-categorieproduit .sr-categorieProduit .bg-image { 
display: block;
width: auto;
height: 100%;
}
#zoneCentre #contenuRubrique.IndeXysPortletRubriquePublication .contenuRubrique section .sr-mondrian-accueil-categorieproduit .sr-categorieProduit .bg-image img { 
object-position: center;
object-fit: cover;
width: 100%;
height: 100%;
}
#zoneCentre #contenuRubrique.IndeXysPortletRubriquePublication .contenuRubrique section .sr-mondrian-accueil-categorieproduit .sr-categorieProduit .sr-categorieProduit-title { 
position: absolute;
top: 0;
}
.IndeXysPortletFilAriane li:has( a[title='Aide et Conseils techniques'] ) { 
display: none;
}
.IndeXysPortletFilAriane li:has( a[title='Comment équiper votre établissement ?'] ) { 
display: none;
}
.IndeXysPortletFilAriane li:has( a[title='Délai et Livraison'] ) { 
display: none;
}
.IndeXysPortletFilAriane li:has( a[title='Nous connaître'] ) { 
display: none;
}
.IndeXysPortletFilAriane li:has( a[title='Vos Commandes'] ) { 
display: none;
}
.Produit[class*='moustiquaire'] .IndeXysPortletFilAriane ul li:nth-child(3), .CategorieProduit[class*='moustiquaire'] .IndeXysPortletFilAriane ul li:nth-child(3) { 
display: none;
}
.container { 
max-width: 1600px;
    margin: 0 auto;
    padding: 0 1rem;
}
.ecritureBlanc { 
color: var(--blanc);
}
.ecritureCreme { 
color: var(--creme);
}
.ecritureGris { 
color: var(--gris);
}
.ecritureGrisClair { 
color: var(--grisClair);
}
.ecritureVioletClair { 
color: var(--violetClair);
}
.ecritureVioletFonce { 
color: var(--violetFonce);
}
.fondBlanc { 
background-color: var(--blanc);
}
.fondCreme { 
background-color: var(--creme);
}
.fondGris { 
background-color: var(--gris);
}
.fondGrisClair { 
background-color: var(--grisClair);
}
.masquerMobile { 
display: none!important;
}
.sr-mondrian-Ekoo.center .IndeXys-widget-ekoo { 
display: flex;
    justify-content: center;
    transform: translateX(-50px);
}
body#publication div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.titreRubrique { 
display: none;
}
body.choisir-vos-stores-et-rideaux div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-of-type(2) { 
display: none;
}
body.message-pris-en-compte div#zoneCentre a.s1 { 
display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--violet-fonce);
    color: var(--blanc) !important;
    height: 3rem;
    padding: 0 .75rem;
    text-decoration: inherit;
}
body.message-pris-en-compte div#zoneCentre a.s1:hover { 
background-color: var(--violet-clair);
}
body.profil div.ui-dialog { 
width: 100% !important;
    max-width: 100vw !important;
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-of-type(2) { 
display: none;
}
body[class*="caracteristique"] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique .snp-mondrian-row { 
max-width: 1600px;
margin: auto;
}
body[class*="caracteristiques-techniques-"] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p img { 
/*width: initial;
    height: initial;*/
}
body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.erreur404 p:not(:has(a)) { 
margin-top: .5rem;
}
body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.information.Produit.liste div.image p:not([class*="ekoo"]).titre-produit-liste { 
position: absolute;
    bottom: -1rem;
    text-shadow: none;
    font-weight: 500;
    font-size: .7rem;
    transform: translateY(100%);
    top: initial;
    padding: 0 1rem;
    display: block;
    max-width: 1600px;
    margin: 1rem auto;
line-height: initial;
}
body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.information.Produit.liste div.image p:not([class*="ekoo"]).titre-produit-liste span[class*='obf'] { 
color: var(--gris) !important;
    text-decoration: inherit;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.erreur404 a { 
text-transform: uppercase;
border: none;
background-color: var(--violetFonce);
color: white;
padding: .75rem 2rem;
font-size: 1.25rem;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.erreur404 a:hover { 
text-decoration: none;
background-color: var(--violetClair);
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.erreur404 h3 { 
font-weight: 100;
text-transform: uppercase;
margin-bottom: .5rem;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.erreur404 p:has(a) { 
display: flex;
justify-content: center;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.erreur404:not(:has(a)) { 
padding: 2rem 0;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.titreMaillage404 h2 { 
font-weight: 100;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.imgPage404 { 
background-image: url(../images/404.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 22rem auto;
padding: 2rem 0;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.maillage404 { 
max-width: 1600px;
margin: 0 auto;
padding: 0 1rem;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.maillage404 div.image h2 { 
position: absolute;
bottom: -1rem;
text-shadow: none;
font-weight: 500;
font-size: .7rem;
transform: translateY(100%);
top: initial;
}
body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.maillage404 div.promotion div.code-promo p { 
padding: .75rem 0.25rem !important;
margin: 0 !important;
}
div#conteneur { 
position: relative;
}
div#conteneur.CategorieProduit div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication { 
padding: 0 1rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
}
div#conteneur.EnsembleCollection div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication { 
padding: 0 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
div#delaisInformationsConseils div.contenuPortlet div.menuNonDeroulant { 
color: var(--grisNav);
}
div#zoneBas { 
color: var(--gris);
}
div#zoneBas .scroll-top-wrapper { 
right: 1rem; bottom: 5rem;
    background-color: var(--gris);
    line-height: initial;
    padding-top: initial;
}
div#zoneBas .scroll-top-wrapper .scroll-top-inner { 
display: block;
    height: 100%;
    padding: 0.25rem;
}
div#zoneBas .scroll-top-wrapper .scroll-top-inner span { 
display: none;
}
div#zoneBas .scroll-top-wrapper .scroll-top-inner:after { 
content: "";
        display: inline-flex;
        position: initial;
        justify-content: center;
        background-image: url(../images/f0aa.svg);
        width: 100%;
        line-height: initial;
        aspect-ratio: 1/1;
        font-weight: 900;
        color: var(--blanc);
        font-size: 2rem;
        align-items: center;
        filter: invert(100%) sepia(4%) saturate(16%) hue-rotate(153deg) brightness(99%) contrast(105%);
}
div#zoneBas .scroll-top-wrapper:hover { 
background-color: var(--grisTransparent);
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant { 
margin: 2rem 0 0;
    padding: 0 1rem;
    list-style: none;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li { 
padding: 1rem 0;
    border-bottom: 1px solid var(--gris);
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > a, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 800;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > a::before, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > span.obf::before { 
content: "";
    background-image: url(../images/f068.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    display: inline-block;
    margin-right: .5rem;
    font-weight: 400;
    font-size: 1rem;
    color: var(--rouge);
    filter: invert(35%) sepia(47%) saturate(1576%) hue-rotate(280deg) brightness(85%) contrast(85%);
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li.closed > a::before, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li.closed > span.obf::before { 
content: "";
    background-image: url(../images/2b.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    display: inline-block;
    margin-right: 0.5rem;
    font-weight: 400;
    font-size: 1rem;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul { 
margin: 1rem 0;
    padding: 0;
    padding-left: .5rem;
    list-style: none;
    transition: all 200ms ease 0s;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li { 
margin-left: 1rem;
    margin-bottom: .5rem;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li a, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li a:hover, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li span.obf:hover { 
text-decoration: underline;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li.ventes-privees { 
display: none;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li.closed ul { 
display: none;
}
div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li.open ul { 
display: inherit;
}
div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul { 
margin: 0;
    padding: 0;
    list-style: none;
}
div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a span, div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf span { 
display: none;
}
div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { 
content: "";
    background-image: url("../images/drapeau_fr.svg");
    background-size: auto 100%;
    display: block;
    width: 1rem;
    height: 5rem;
    position: fixed;
    top: 40vh;
    right: 0;
    z-index: 40;
    cursor: pointer;
}
div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 1rem 2rem;
    padding: 0;
    list-style: none;
}
div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li a span.out, div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf span.out { 
display: none;
}
div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { 
display: block;
    margin: 0 auto;
    width: 300px;
    height: 50px;
    background-image: url(../images/illEnTeteProsolair201901.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    cursor: pointer;
}
div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 0 1rem;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste li { 
font-size: .8rem;
    margin: 0 .5rem .5rem;
}
div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter { 
background-color: var(--grisTitre);
    color: var(--blanc);
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement { 
text-align: center;
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement h4 { 
max-width: 450px;
    margin: 0 auto;
    padding-top: 1.5rem;
    margin-top: 0;
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p { 
max-width: 480px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    align-items: center;
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p button { 
width: 95px;
    border-radius: 0 .7rem .7rem 0;
    background-color: var(--grisTransparent);
    border: none;
    padding: .5rem;
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p button span { 
color: var(--blanc);
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email { 
border-radius: 20px 0 0 20px;
    background-color: var(--blanc);
    border: none;
    padding: .5rem 1rem;
    width: calc(100% - 95px);
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email::placeholder { 
color: var(--gris);
}
div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email:focus-visible { 
border: 2px solid var(--vert);
    outline: none;
}
div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 1rem 2rem;
    padding: 0;
    list-style: none;
}
div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste li span[class*="obf"] { 
display: block;
    margin: 0 auto;
    width: 300px;
    background-image: url(../images/picto-moyen-de-paiement.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    cursor: pointer;
    aspect-ratio: 450/113;
}
div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste li span.out { 
display: none;
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique { 
background-color: var(--grisTitre);
    color: var(--blanc);
    padding-bottom: 1rem;
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste { 
display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    margin: 0 auto;
    padding: 0 1rem;
    list-style: none;
    width: 300px;
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li a span.out, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li span.out { 
display: none;
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li span.off { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.facebook a, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.facebook span.off { 
background-image: url(../images/facebook-blanc.svg);
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.instagram a, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.instagram span.off { 
background-image: url(../images/instagram-blanc.svg);
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.linkedin a, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.linkedin span.off { 
background-image: url(../images/linkedin-blanc.svg);
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.pinterest a, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.pinterest span.off { 
background-image: url(../images/pinterest-blanc.svg);
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.youtube a, div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste li.youtube span.off { 
background-image: url(../images/youtube-blanc.svg);
}
div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.titrePortlet h3 { 
text-align: center;
    font-size: 1rem;
    padding-bottom: 1rem;
    margin: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous { 
background-color: var(--grisClair);
    padding: 5rem .5rem 1rem .5rem;
    position: relative;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous img { 
width: 150px;
    height: auto;
    max-width: 550px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 50%;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p { 
margin: 0 0 1rem;
    color: var(--gris);
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p a, div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p span.obf { 
color: inherit;
    text-decoration: inherit;
    font-weight: 800;
    cursor: pointer;
    color: var(--violetFonce);
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p:last-of-type { 
font-size: .8rem;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p:nth-of-type(2) { 
margin: 0;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires { 
display: flex;
    flex-direction: column;
    height: auto;
    margin-top: 1rem;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul { 
list-style: none;
    display: flex;
    margin: 0 0 1rem;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li { 
width: 50%;
    font-size: .8rem;
    text-align: center;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li img { 
width: auto;
    height: 30px;
}
div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li:nth-child(3) { 
display: none;
}
div#zoneBas div.IndeXysPortletPiedDePage div.titre { 
position: relative;
    border-bottom: 1px solid var(--violetFonce);
    margin: 0 0 5rem;
    color: var(--violetFonce);
}
div#zoneBas div.IndeXysPortletPiedDePage div.titre span.titre { 
display: inline-block;
    margin: 0;
    background-color: var(--blanc);
    position: relative;
    bottom: -.5rem;
    left: 1rem;
    padding: 0 1rem;
    color: var(--gris);
    font-weight: 700;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication .snp-mondrian-html-content span.surligne, div.detailPublication div.detail section.memento div.snp-mondrian-html-content p span.surligne { 
display: inline-block;
    background-color: var(--violetClair);
    color: var(--blanc);
    white-space: nowrap;
    padding: .25rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuPortlet { 
max-width: initial;
    margin: 0;
    padding: 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.choices { 
padding: 0 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p { 
margin: 1rem .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p img { 
/*width: 100%;
    height: auto;
    Images enormes sur les prises de mesures */
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section .colorVioletClair { 
color: var(--violetClair);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.bouton p a { 
color: var(--gris);
    border: 3px solid var(--gris);
    text-decoration: none;
    padding: .25rem .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit { 
background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 350px;
    position: relative;
    overflow: hidden;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover { 
position: absolute;
    top: 0;
    left: -105%;
    height: 100%;
    width: 100%;
    padding: 1rem 0;
    transition: all 200ms ease 0s;
    background-color: var(--noirTransparent);
    display: flex;
    flex-direction: column;
    color: var(--blanc);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more { 
padding: 0 .5rem;
    text-align: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more span.sr-categorieproduit-obfuscation { 
display: inline-flex;
    color: var(--blanc);
    border: 3px solid var(--blanc);
    text-decoration: inherit;
    height: 40px;
    justify-content: center;
    align-items: center;
    min-width: 240px;
    font-size: .9rem;
    font-weight: 700;
    padding: 0 .5rem;
    text-transform: capitalize;
    transition: all 200ms ease 0s;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more span.obf:hover { 
background-color: var(--blanc);
    color: var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.title { 
padding: 0 .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 { 
margin: 0;
    text-align: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 span.obf { 
color: inherit;
    text-decoration: inherit;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit { 
flex-grow: 1;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { 
margin: 0;
    padding: 0;
    list-style: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.retour-ligne, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*='obf'] span.retour-ligne { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*='obf'] { 
color: inherit;
    text-decoration: inherit;
    padding: .5rem;
    display: grid;
    grid-template-columns: 60px 1fr;
    font-weight: 800;
    background-repeat: no-repeat;
    background-position: 1rem center;
    background-size: 30px auto;
    font-size: 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*='obf']:hover { 
background-color: var(--violetFonce);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
grid-column: 1/2;
        grid-row: 1/3;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.menu { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.voilages-unis-non-feu-m1 a { 
background-image: url(../images/voilageBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie { 
flex-grow: 1;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit { 
margin: 0;
    padding: 0;
    list-style: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li { 
margin-top: .5rem
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span[class*='obf'] { 
color: inherit;
    text-decoration: inherit;
    padding: .5rem;
    display: grid;
    grid-template-columns: 60px 1fr;
    font-weight: 800;
    background-repeat: no-repeat;
    background-position: 1rem center;
    background-size: 30px auto;
    font-size: 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span[class*='obf']:hover { 
background-color: var(--violetFonce);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.icon { 
grid-column: 1/2;
        grid-row: 1/3;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.title { 
font-weight: 800;
    display: flex;
    align-items: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.anti-chaleur a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.anti-chaleur span.obf { 
min-height: 47px;
    line-height: 23px;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.anti-chaleur span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/pictoAntiChaleurBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.moustiquaires { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.panneaux-japonais span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/japonaisBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-exterieurs span.icon { 
background-image: url(../images/picto_rideaux_exterieurs_blanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-occultation-m1 span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/occultantBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-petite-enfance-m1 span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/motifBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-protection-solaire span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/pare-soleil-Blanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-velours-m1 span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/velourBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.store-banne-coffre-compacte span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/compactBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bannes-coffre-terrasse span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/terasseBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bannes-monobloc span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/monoblocBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bateaux span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/bateauBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-californiens span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/californienBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-enrouleurs span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/enrouleurBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-pour-velux-1 span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/veluxBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-sans-percage-ignifuges span.icon { 
grid-column: 1 / 2;
    grid-row: 1 / 3;
    background-image: url(../images/pictosspercage-blanc.svg);
    background-size: 24px auto;
background-repeat: no-repeat;
    background-position: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-trapezes-ignifuges span.icon { 
grid-column: 1 / 2;
    grid-row: 1 / 3;
    background-image: url(../images/trapezeBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-venitiens span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/venitienBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.tringles span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/tringleBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.voilages-m1 span.icon { 
grid-column: 1/2;
    grid-row: 1/3;
    background-image: url(../images/voilageBlanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover.hover { 
left: 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title { 
width: 100%;
    height: 100%;
    text-shadow: 0 0 3px var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.sr-categorieproduit-obfuscation { 
display: flex;
    width: 100%;
    height: 100%;
    color: var(--blanc);
    text-decoration: inherit;
    justify-content: center;
    cursor: pointer;
    transition: all 200ms ease 0s;
    align-items: center;
    flex-direction: column;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title { 
padding-left: 7rem;
    background-repeat: no-repeat;
    background-size: 5.5rem auto;
    background-position: 1rem 1.25rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title { 
background-image: url(../images/tringles.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 { 
margin: 0;
    font-size: 2rem;
    font-weight: 900;
    transition: all 200ms ease 0s;
    min-height: 111px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: initial;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 span.promo { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.models { 
text-align: center;
    margin-top: .75rem;
    font-weight: 700;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title.hover a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title.hover span.sr-categorieproduit-obfuscation { 
color: transparent;
    text-shadow: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title.hover div.title { 
background-image: initial !important;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { 
display: grid;
    grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { 
background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins div.sr-categorieProduit-title div.title { 
background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.title span.menu { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.title span.menu { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.embrases div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { 
background-image: url(../images/embraseBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.embrases div.sr-categorieProduit-title div.title { 
background-image: url(../images/embraseBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title span.obf { 
background: linear-gradient(90deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0) 60%);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title div.title { 
background-image: url(../images/filmBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title div.title h2 { 
width: 90%;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.lancement-pre-prod { 
height: 500px;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title { 
width: 100%;
    height: 100%;
    text-shadow: 0 0 3px var(--gris);
    background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title div.title h2 { 
font-size: 1.7rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux div.sr-categorieProduit-title { 
background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux div.sr-categorieProduit-title div.title { 
background-image: url(../images/occultantBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux-et-voilages div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.models { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux-et-voilages div.sr-categorieProduit-title { 
background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.models { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores div.sr-categorieProduit-title div.title { 
background-image: url(../images/venitienBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.models { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-interieurs div.sr-categorieProduit-title span.icon { 
background-image: url(../images/);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { 
background-image: url(../images/tringle-oeillet-blanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.tringle-1 a { 
background-image: url(../images/tringle-wave-blanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.tringle-chemin-de-fer a { 
background-image: url(../images/tringle-chemin-de-fer-blanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-1 div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { 
background-image: url(../images/tringleBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-1 div.sr-categorieProduit-title div.title { 
background-image: url(../images/tringleBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-title div.title h2 { 
width: 200px;
    margin: 0 auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.ventes-privees div.sr-categorieProduit-title span.models { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages-m1 div.sr-categorieProduit-title div.title { 
background-image: url(../images/voilageBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit:not(.stores, .coussins-et-banquettes-ignifuges) div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.title { 
min-height: 41px;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section p.essai { 
text-align: center;
    margin: 2rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column { 
margin: 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content p a { 
display: inline-flex;
    color: var(--blanc);
    background-color: var(--violetFonce);
    padding: 0 1.5rem;
    text-decoration: inherit;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    font-weight: 700;
    border: 3px solid var(--violetFonce);
    transition: all 200ms ease 0s;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content p a:hover { 
background-color: var(--blanc);
    color: var(--violetFonce);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content p img { 
max-width: 100px;
    height: auto;
    margin-top: .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content span.titre { 
color: var(--violetClair);
    font-weight: 800;
    margin: 1.5rem 0 0;
    display: block;
    padding: 0 1rem;
    font-size: 1.6rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama { 
flex-grow: 1;
    min-height: 200px;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama .swiper-button-next, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama .swiper-button-prev { 
color: var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama div.snp_diaporama { 
height: 100%;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { 
color: inherit;
    text-shadow: none;
    margin: 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-next, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-prev { 
color: var(--blanc);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-slide-clickable { 
cursor: pointer;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p { 
margin: .75rem 0;
    font-size: 1.25rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p:last-of-type { 
margin: 1rem 0 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama img { 
/*width: 100%;
    height: 100%;*/
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content { 
color: var(--blanc);
    text-shadow: 0 0 3px var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content a { 
display: inline-block;
    color: inherit;
    border: 2px solid var(--blanc);
    text-decoration: inherit;
    padding: .25rem .5rem;
    font-size: 1.25rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content span.titre-principal { 
margin: 0 0 .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content hr { 
color: var(--blanc);
    border: 1px solid var(--blanc);
    width: 200px;
    margin: 1.5rem auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento { 
padding: 2rem .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content h1 br { 
display: none;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento.mementoGris div.snp-mondrian-html-content p br { 
display: initial;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog { 
/*padding: 2rem 1rem 2rem 10rem;
    background-image: url(/data/IndeXysBibliothequeHTML/714d8a95-af15-4891-a882-d409bb687d8c/accueil/blogMobile.png);
    background-size: auto calc(100% - 7rem);
    background-repeat: no-repeat;
    background-position: left center;*/
    padding: 2rem 1rem;
    font-size: .8rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-column:first-of-type div.snp-mondrian-html-content { 
position: relative; height: 100%;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-column:first-of-type div.snp-mondrian-html-content p { 
position: absolute;
    top: 0;
    right: 1rem;
    height: 100%;
    aspect-ratio: 800/502;
    margin: 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p a { 
display: inline-flex;
    color: var(--violetFonce);
    border: 3px solid var(--violetFonce);
    text-decoration: inherit;
    text-transform: uppercase;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: initial;
    font-size: .9rem;
    font-weight: 700;
    padding: 0 .5rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p a:hover { 
background-color: var(--violetFonce);
    color: var(--blanc);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p:last-of-type a { 
display: inline-flex;
    color: var(--gris);
    border: none;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-transform: initial;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: initial;
    font-weight: 300;
    padding: 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p:last-of-type a:hover { 
background-color: initial;
    color: var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content span.titre { 
display: inline-block;
    margin: 1rem 0;
    background-image: url(../images/picto_blog.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 2.5rem;
    padding-left: 3rem;
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-row { 
flex-wrap: nowrap;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements { 
padding: 1rem 0;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-column #youtubePopup { 
cursor: pointer;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content h2 { 
color: var(--gris);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p iframe { 
width: 100%;
    height: 320px;
    padding: 0 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p img { 
padding: 0 1rem;
    width: 100%;
    height: auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p { 
text-align: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p > span { 
display: inline-flex;
    color: var(--violetFonce);
    border: 3px solid var(--violetFonce);
    text-decoration: inherit;
    text-transform: uppercase;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: 240px;
    font-size: .9rem;
    font-weight: 700;
    transition: all 200ms ease 0s;
cursor: pointer;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p > span:hover { 
background-color: var(--violetFonce);
    color: var(--blanc);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.titre { 
text-align: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.titre h3 { 
display: inline-block;
    margin: 1.5rem 1rem;
    padding-left: 2rem;
    color: var(--gris);
    text-align: center;
    font-weight: 900;
    font-size: 1.75rem;
    background-image: url(../images/fabrication_violet.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-column { 
flex-basis: 50% !important;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p { 
color: var(--gris);
    font-size: .85rem;
    margin: .5rem .25rem;
    font-weight: 350;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p img { 
width: auto;
    height: 40px;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits { 
margin: 0 0 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-column { 
width: 100%;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row { 
margin: 0 1rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store { 
background-image: url("../images/bandeau_repara.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-x: right;
    padding: 3rem 1rem 2rem;
    color: var(--blanc);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content { 
padding-left: 3rem;
    background-image: url(../images/picto_reparation.svg);
    background-repeat: no-repeat;
    background-size: auto 3rem;
    background-position: top left;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content h2 { 
margin: 0;
    font-size: 1.75rem;
    font-weight: 900;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p a { 
display: inline-flex;
    color: var(--blanc);
    border: 3px solid var(--blanc);
    text-decoration: inherit;
    text-transform: uppercase;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: 240px;
    font-size: .9rem;
    font-weight: 700;
    transition: all 200ms ease 0s;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p a:hover { 
background-color: var(--blanc);
    color: var(--violetFonce);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p:last-of-type { 
margin-top: 1.75rem;
    padding-right: 3rem;
    text-align: center;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique table { 
max-width: 1200px;
    margin: 1rem auto !important;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique table tr td { 
padding: .25rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique ul:not(.snp-dropdown-menu.toggle-active), div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique ol:not(.snp-dropdown-menu.toggle-active) { 
max-width: 1600px;
    margin: 1rem auto;
    padding: 0 1rem 0 2rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
    background-image: url(../images/f068.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    display: inline-block;
    margin-right: 0.2rem;
    font-weight: 400;
    font-size: 1rem;
    filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
    background-image: url(../images/2b.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    display: inline-block;
    margin-right: 0.2rem;
    font-weight: 400;
    font-size: 1rem;
    filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.deroulable div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
color: var(--gris);
    cursor: pointer;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento div.snp-mondrian-html-content h1 { 
font-size: 1.125rem;
    color: var(--gris);
    padding: 0 1rem;
    font-weight: 400;
    margin: 1rem auto;
    max-width: 1600px;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento.mementoGris div.snp-mondrian-html-content p { 
color: var(--gris);
    line-height: 2.75rem;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento.mementoGris div.snp-mondrian-html-content p span.titreCategorie, div.detailPublication div.detail section.memento div.snp-mondrian-html-content p span.titreCategorie { 
text-transform: uppercase;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.snp-mondrian-section.closed > div.snp-mondrian-row { 
display: block;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { 
display: none;
}
div#zoneCentre div#detailPublication.IndeXysPortletPublication div.detailPublication div.information.CategorieProduit.detail section.selectionProduits div.image { 
display: initial;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty { 
grid-column: 1/3;
    text-transform: lowercase;
    text-align: center;
    font-size: 1rem;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty.always-display { 
display: none;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty::before, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty::before { 
content: "Désolé, ";
    text-transform: capitalize;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire { 
padding: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee { 
display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    margin: 0 .5rem 1rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit { 
position: relative;
    overflow: hidden;
    height: 400px;
    color: var(--blanc);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover { 
position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    padding: .5rem;
    transition: all 200ms ease 0s;
    background-color: var(--noirTransparent);
    display: flex;
    flex-direction: column;
    color: var(--blanc);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.more { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title { 
margin-bottom: .5rem;
    padding-left: 4.5rem;
    background-repeat: no-repeat;
    background-size: 3rem auto;
    background-position: left top;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille { 
margin: 0 0 .5rem;
    font-size: 1rem;
    padding: 0 1rem;
    display: block;
    max-width: 1600px;
    font-weight: bold;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille a::after { 
content: " sur-mesure";
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 { 
margin: 0 0 .5rem;
    font-size: 1rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 a::after { 
content: " sur-mesure";
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 a:hover, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 span.obf:hover { 
text-decoration: underline;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { 
margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    font-weight: 700;
    padding-left: 4.5rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li { 
padding-right: .5rem;
    margin-bottom: .5rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.retour-ligne, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.obf span.retour-ligne { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.title br { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.title span.menu { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.title span.promo { 
display: inline-block;
    margin-left: 1ch;
    padding: 0 .1rem;
    background-color: var(--violetFonce);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.title span.promo:empty { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a span.title:before, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span span.title:before { 
content: "+ ";
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*='obf'] { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
    display: inline-block;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a:hover, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*='obf']:hover { 
background-color: var(--violetFonce);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie { 
flex-grow: 1;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul li a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul li span.obf { 
color: inherit;
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover.hover { 
left: 0;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title { 
width: 100%;
    height: 100%;
    text-shadow: 0 0 6px var(--gris);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf'] { 
display: grid;
    width: 100%;
    height: 100%;
    color: var(--blanc);
    text-decoration: inherit;
    grid-template-columns: 60px 1fr;
    cursor: pointer;
    transition: all 200ms ease 0s;
    background: linear-gradient(90deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0) 60%);
    padding: .5rem;
    column-gap: 1rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a::after, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf']::after { 
display: block;
    grid-column: 1/3;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title { 
align-self: flex-end;
    margin-right: 1rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title .titre-famille { 
padding: 0 1rem;
    display: block;
    max-width: 1600px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 900;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 { 
margin: 0;
    font-size: 1.6rem;
    font-weight: 900;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span.icon { 
grid-row: 1/3;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    transition: all 200ms ease 0s;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span.models { 
margin-right: 1rem;
    margin-top: .5rem;
    font-weight: 800;
    font-size: 1.25rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title.hover a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title.hover span[class*='obf'] { 
color: transparent !important;
    text-shadow: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title.hover span.icon { 
background-image: initial !important;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins div.sr-categorieProduit-hover div.title h2 a::after { 
content: "";
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { 
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover div.title { 
background-position: left .25rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.panneaux-japonais div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.panneaux-japonais div.sr-categorieProduit-hover div.title { 
background-image: url(../images/japonaisBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { 
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-hover div.title { 
background-image: url(../images/bateauBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens div.sr-categorieProduit-hover div.title { 
background-image: url(../images/californienBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-enrouleurs div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-enrouleurs div.sr-categorieProduit-hover div.title { 
background-image: url(../images/enrouleurBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux-1 div.sr-categorieProduit-hover div.title h2 a::after { 
content: "";
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux-1 div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux-1 div.sr-categorieProduit-hover div.title { 
background-image: url(../images/veluxBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-sans-percage-ignifuges div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-sans-percage-ignifuges div.sr-categorieProduit-hover div.title { 
background-image: url(../images/pictosspercage-blanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-trapezes-ignifuges div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-trapezes-ignifuges div.sr-categorieProduit-hover div.title { 
background-image: url(../images/trapezeBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-hover div.title { 
background-image: url(../images/venitienBlanc.svg);
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication { 
/*background-color: var(--fondFiltres);*/
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.contenuPortlet { 
max-width: 1200px;
    margin: 0 auto;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active { 
display: flex;
    flex-direction: column;
    align-items: flex-start;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle { 
position: relative;
    padding: .75rem 1.25rem;
    color: var(--gris);
    margin: 1rem;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a { 
position: absolute;
    top: 0;
    left: 0;
    transform: translate(-10%, 70%);
    color: var(--blanc);
    text-decoration: none;
    border: 1px solid var(--blanc);
    border-radius: 50%;
    background-color: var(--fondFiltres);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .75rem;
    height: .75rem;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a span { 
display: none;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a::before { 
content: "";
    background-image: url("../images/f00d.svg");
    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
    background-repeat: no-repeat;
    background-position : center;
    aspect-ratio: 1/1;
    width: 3ch;
    font-weight: 400;
    font-size: .5rem;
    display: block;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle span.title { 
font-size: .8rem;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle span.value { 
display: none;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle:first-of-type { 
margin-right: 0;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active:empty { 
display: none;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre { 
display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 1rem .5rem;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre div#boutonFiltreMobile span.titreBoutonFiltreMobile { 
display: block;
    width: 8rem;
    height: 2rem;
    font-size: 0;
    background-image: url(../images/bouton_filtre.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    cursor: pointer;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.resultats { 
display: none;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title { 
color: var(--gris);
    padding: 0 .5rem;
    display: flex;
    width: 100%;
    align-items: center;
}
div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title::before { 
content: "";
    border-top: 1px solid var(--gris);
    display: block;
    flex-grow: 1;
    margin-right: .5rem;
}
div#zoneCentre div#referencementPublication.IndeXysPortletPublication div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
    padding: 0 1rem;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication { 
/*background-color: var(--fondFiltres);*/
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.action p { 
margin: 0;
    padding: 1rem;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.contenuPortlet { 
max-width: 1200px;
    margin: 0 auto;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle { 
display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle { 
margin-right: 1rem;
    padding: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    background-color: var(--blanc);
    color: var(--gris);
    position: relative;
    border: 1px solid var(--violetFonce);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms ease 0s;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.radio { 
width: 100%;
    height: 100%;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.radio a.reset { 
display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.unique { 
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.unique a, div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.unique span.select { 
display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle.active { 
background-color: var(--violetFonce);
    color: var(--blanc);
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle:hover { 
background-color: var(--violetFonce);
    color: var(--blanc);
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle:last-of-type { 
margin-right: 0;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres { 
width: 100%;
    color: var(--blanc);
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content { 
display: flex;
    flex-wrap: wrap;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content div.filtre-cle div.filtre-contenu-cle.popup select { 
appearance: none;
    background-color: var(--blanc);
    border: 2px solid var(--gris);
    font-size: 1rem;
    font-family: 'Mulish', sans-serif;
    padding: .25rem .5rem;
    color: var(--gris);
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content div.filtre-cle div.filtre-contenu-cle.radio > div { 
display: flex;
    flex-direction: column;
    align-items: flex-start;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-title { 
text-transform: lowercase;
    width: 100%;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-title::before { 
content: "Afficher ";
    text-transform: capitalize;
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication.closed div.saisieFiltrePublication div.filtre-liste-cle { 
display: none;
}
div#zoneCentre div.IndeXysGlossaryPortletGlossary div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
    padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li a, div#zoneCentre div.IndeXysPortletFilAriane p.rubrique a { 
font-weight: 300;
    color: inherit;
    text-decoration: inherit;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li a:hover, div#zoneCentre div.IndeXysPortletFilAriane p.rubrique a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li br { 
display: none;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li span.masquer { 
/*display: none;*/
}
div#zoneCentre div.IndeXysPortletFilAriane ul li span.option { 
display: none;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li span.promo { 
display: none;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li::after { 
content: ">";
    margin: 0 1ch;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li:last-of-type::after { 
content: "";
}
div#zoneCentre div.IndeXysPortletFilAriane ul span.retour-ligne { 
display: none;
}
div#zoneCentre div.IndeXysPortletFilAriane ul, div#zoneCentre div.IndeXysPortletFilAriane p.rubrique { 
margin: .5rem 1rem;
    padding: 0;
    list-style: none;
    font-weight: 700;
    font-size: .8rem;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.25rem;
}
div#zoneCentre div.IndeXysPortletNewsletter div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
}
div#zoneCentre div.IndeXysPortletNewsletter form > p button { 
width: 95px;
    border-radius: 0 .7rem .7rem 0;
    background-color: var(--gris);
    border: 2px solid var(--gris);
    border-left: none;
    padding: .5rem;
    cursor: pointer;
}
div#zoneCentre div.IndeXysPortletNewsletter form > p button span { 
color: var(--blanc);
}
div#zoneCentre div.IndeXysPortletNewsletter form > p input.email { 
border-radius: 20px 0 0 20px;
    background-color: var(--grisRecap);
    border: 2px solid var(--gris);
    padding: .5rem 1rem;
    width: calc(100% - 95px);
    border-right: none;
}
div#zoneCentre div.IndeXysPortletNewsletter form > p input.email:focus { 
outline: none;
}
div#zoneCentre div.IndeXysPortletNewsletter form > p input.email:focus-within { 
border-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletNewsletter form > p:has(.email) { 
max-width: 480px;
    margin: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
}
div#zoneCentre div.IndeXysPortletNewsletter form > p:has(input.email:focus-within) button { 
border-color: var(--violetFonce);
    background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletNewsletter form > p:hover button { 
border-color: var(--violetFonce);
    background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletNewsletter form > p:hover input { 
border-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletNewsletter h4 { 
margin: 1rem 0;
    padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.iframe div.video-responsive { 
overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
div#zoneCentre div.IndeXysPortletPublication div.iframe div.video-responsive iframe { 
left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    max-width: initial;
    aspect-ratio: initial;
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
    padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { 
max-width: 1600px;
    margin: 0 auto;
    padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.obf, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.sr-categorieproduit-obfuscation { 
color: var(--violetFonce);
    text-decoration: inherit;
    cursor: pointer;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a:hover, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.obf:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire { 
padding: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p { 
display: flex;
    flex-direction: column;
    margin: 2rem 0;
    border: 1px solid var(--noir);
    position: relative;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p input:focus-visible { 
border: none;
    outline: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p input:not([type="color"]) { 
border: none;
    padding: .5rem .75rem;
    font-size: 1.25rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p input[type="color"] { 
border: none;
    margin-top: 0.5rem;
    padding: initial;
    font-size: 1.25rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p label { 
position: absolute;
    top: -.9rem;
    background-color: var(--blanc);
    left: 1rem;
    padding: 0 .5rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p label.champObligatoire::after { 
content: " - (Obligatoire)";
    font-size: .9rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p select { 
border: none;
    padding: .5rem .75rem;
    font-size: 1rem;
    background-color: var(--blanc);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p textarea { 
border: none;
    padding: .5rem .75rem;
    font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.adresse label::before, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.cp label::before, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.ville label::before { 

}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.cgu { 
flex-direction: row-reverse;
    border: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.cgu input { 
flex: 0 0 1.1rem;
    font-size: 1rem;
    height: 1.1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.cgu label { 
position: initial;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.civilite { 
border: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.civilite span.champObligatoire::after { 
content: " - (Obligatoire)";
    font-size: .9rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.civilite span::before { 
content: "";
    background-image: url(../images/f007.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    font-weight: 400;
    display: inline-block;
    margin-right: 1ch;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.civiliteChoix { 
border: none;
    flex-direction: row;
    margin-bottom: 2rem !important;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.civiliteChoix label { 
position: initial;
    flex-grow: 1;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.civiliteChoix label.champObligatoire::after { 
content: "";
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.demande label::before { 

}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.email label::before { 
content: "";
    background-image: url(../images/40.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    font-weight: 400;
    display: inline-block;
    margin-right: 1ch;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.envoyer { 
border: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.envoyer button { 
border: none;
    background-color: var(--violetFonce);
    color: var(--blanc);
    padding: .5rem .75rem;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.envoyer button:hover { 
background-color: var(--violetClair);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.fichier { 
border: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.identite label::before { 
content: "";
    background-image: url(../images/f007.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    font-weight: 400;
    display: inline-block;
    margin-right: 1ch;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.message label::before { 
content: "";
    background-image: url(../images/f036.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    font-weight: 400;
    display: inline-block;
    margin-right: 1ch;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-formulaire p.telephone label::before { 
content: "";
    background-image: url(../images/f3cf.svg);
    width: 1.5ch;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    font-weight: 400;
    display: inline-block;
    margin-right: 1ch;
    filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama .swiper-button-next::after, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama .swiper-button-prev::after { 
font-size: 12px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide img { 
width: 100%;
    height: 100%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content span.titre-principal, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1 { 
margin: 1rem 1rem 0;
    text-transform: uppercase;
    font-weight: 900;
    line-height: initial;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p { 
margin: 0;
    font-size: .9rem;
    font-weight: 700;
    font-size: 1.17rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { 
color: var(--blanc);
    text-shadow: 0 0 10px var(--noir);
    width: 100%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section#commandesImportantes table.delais-expedition tbody tr td p { 
margin: .25rem 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.sr-categorieproduit-obfuscation { 
text-decoration: inherit;
    cursor: pointer;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition { 
width: 100%; border-collapse: collapse;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td { 
color: var(--noir); padding: 7px; padding-left: 30px; padding-right: 30px; border: 1px solid #222; font-size: 1rem; text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td p { 
margin: 0; padding: 0; text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td p span.delai-exceptionnel { 
display: inline-block; margin-left: 5px; color: var(--rouge);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td:not(.quantite) br { 
display: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr:nth-of-type(even) { 
background-color: rgb(206, 212, 217);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition thead tr th { 
background-color: var(--gris); color: var(--blanc); padding: 12px; padding-left: 30px; padding-right: 30px; border: 0; border-bottom: 2px solid var(--grisClair); font-size: 1rem;  font-weight: bold;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.video-responsive { 
overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.video-responsive iframe { 
left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { 
display: block;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 1rem;
}
div#zoneCentre div.sr-categorie-produit-liens div.pose-facile { 
display: grid;
    grid-template-columns: 1fr 50%;
    grid-auto-rows: 1fr;
    grid-gap: .5rem;
    padding: 1rem;
    background: rgb(152,152,139);
    background: linear-gradient(0deg, rgba(152,152,139,0.468207351299895) 0%, rgba(255,255,255,0) 100%);
}
div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.telechargement-pose-facile a { 
display: flex;
    color: inherit;
    text-decoration: inherit;
    width: 100%;
    height: 100%;
    padding-left: 4rem;
    background-image: url(../images/telechargement.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 3.5rem auto;
    align-items: center;
    font-weight: 700;
    font-size: .9rem;
}
div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.titre-pose-facile { 
grid-column: 1/2;
    grid-row: 1/3;
    text-transform: uppercase;
    padding: .75rem 0 .75rem 2.25rem;
    background-image: url(../images/chrono.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2rem auto;
}
div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.titre-pose-facile span { 
color: var(--violetClair)
}
div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.video-pose-facile a { 
display: flex;
    color: inherit;
    text-decoration: inherit;
    width: 100%;
    height: 100%;
    padding-left: 4rem;
    background-image: url(../images/videoLiens.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 3.5rem auto;
    align-items: center;
    font-weight: 700;
    font-size: .9rem;
}
div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure { 
border-bottom: 1px solid var(--gris);
    display: grid;
    grid-template-columns: 1fr 50%;
    grid-auto-rows: 1fr;
    grid-gap: .5rem;
    padding: 1rem;
    background: rgb(152,152,139);
    background: linear-gradient(0deg, rgba(152,152,139,0.468207351299895) 0%, rgba(255,255,255,0) 100%);
}
div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.telechargement-prise-de-mesure a { 
display: flex;
    color: inherit;
    text-decoration: inherit;
    width: 100%;
    height: 100%;
    padding-left: 4rem;
    background-image: url(../images/telechargement.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 3.5rem auto;
    align-items: center;
    font-weight: 700;
    font-size: .9rem;
}
div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.titre-prise-de-mesure { 
grid-column: 1/2;
    grid-row: 1/3;
    text-transform: uppercase;
    padding: .75rem 0 .75rem 2.25rem;
    background-image: url(../images/mesure.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2rem auto;
}
div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.titre-prise-de-mesure span { 
color: var(--violetClair);
}
div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.video-prise-de-mesure a { 
display: flex;
    color: inherit;
    text-decoration: inherit;
    width: 100%;
    height: 100%;
    padding-left: 4rem;
    background-image: url(../images/videoLiens.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 3.5rem auto;
    align-items: center;
    font-weight: 700;
    font-size: .9rem;
}
div#zoneCentre h2, div#zoneCentre h3, div#zoneCentre h4, div#zoneCentre h5, div#zoneCentre h6 { 
padding: 0 1rem;
    display: block; /*titres décalés sur configurer et passer une commande*/
    max-width: 1600px;
    margin: 1rem auto;
}
div#zoneCentre section div.snp-mondrian-html-content.titreTrait { 
border-bottom: 1px solid var(--grisTitre);
    margin-bottom: 1.5rem;
}
div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2 { 
transform: translate(1rem, 40%);
    margin: 0;
    padding: 0 .5rem;
    background-color: var(--blanc);
    display: inline-block;
    text-transform: uppercase;
    color: var(--grisTitre);
    font-weight: 700;
}
div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2.ecritureGris { 
color: var(--gris);
}
div#zoneCentre section div.snp-mondrian-html-content.titreTrait.titreGris { 
border-bottom: 1px solid var(--gris);
}
div#zoneCentre section.diaporama div.snp-mondrian-column { 
width: 100%;
}
div#zoneCentre section.memento div.snp-mondrian-column { 
width: 100%;
}
div#zoneCentre section.pointsForts div.snp-mondrian-column { 
width: 25%;
}
div#zoneCentre section.selectionProduits { 
max-width: 1600px;
    margin: 0 auto;
}
div#zoneCentre section.selectionProduits .listeFavoriPublication { 
padding: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
div#zoneGauche div.StoresEtRideauxPortletAide { 
position: fixed;
    top: 0;
    left: 0;
    background-color: var(--blanc);
    z-index: 1000;
    height: 100vh;
    display: none;
    width: 100%;
}
div#zoneGauche div.StoresEtRideauxPortletAide div#aide-storesetrideaux { 
/* display: none; */
}
div#zoneGauche div.StoresEtRideauxPortletAide div.aideEnLigne { 
height: 100%;
}
div#zoneGauche div.StoresEtRideauxPortletAide div.aideEnLigne div.aide { 
height: 100%;
    min-width: 345px;
    max-width: 500px;
}
div#zoneGauche div.StoresEtRideauxPortletAide div.content { 
background-color: var(--blanc);
    height: 100%;
    overflow: auto;
    padding: 3rem 1rem 1rem;
}
div#zoneGauche div.StoresEtRideauxPortletAide div.contenuPortlet { 
height: 100%;
}
div#zoneGauche div.StoresEtRideauxPortletAide p.close { 
position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}
div#zoneGauche div.StoresEtRideauxPortletAide p.close a { 
margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    background-color: var(--violetFonce);
    color: var(--blanc);
    text-decoration: none;
}
div#zoneGauche div.StoresEtRideauxPortletAide p.close a span { 
display: none;
}
div#zoneGauche div.StoresEtRideauxPortletAide p.close a::after { 
content: "";
    filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%);
    background-image: url("../images/f00d.svg");
    background-repeat: no-repeat;
    background-position : center;
    aspect-ratio: 1/1;
    width: 2ch;
    font-weight: 400;
    font-size: 2rem;
}
div#zoneGauche div.StoresEtRideauxPortletAide p.close a:hover { 
background-color: var(--violetClair);
}
div#zoneGauche div.StoresEtRideauxPortletAide p.open { 
display: none;
}
div#zoneGauche div.StoresEtRideauxPortletAide.open { 
display: block;
}
div#zoneHaut { 
/*margin: 0 auto;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: var(--blanc);
    box-shadow: 0 0 0.4rem 0 rgba(50, 50, 51, 0.4);
}
div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive nav > ul > li:hover a, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive nav > ul > li:hover span[class*="obf"], div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive nav > ul > li:active a, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive nav > ul > li:active span[class*="obf"] { 
color: var(--blanc);
}
div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive nav > ul > li:hover, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive nav > ul > li:active { 
background-color: var(--violetFonce);
}
div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li span.obfusquer-MM:hover, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li a:hover { 
background-color: var(--violetFonce);
    color: var(--blanc);
}
div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#menu-mobile.IndeXysPortletNavigationPublication nav.menuDeroulantSurClic ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysPortletEnTete { 
/*background-color: var(--violetFonce);*/
    width: 100%;
    /*display: none;*/
}
div#zoneHaut div.IndeXysPortletEnTete a, div#zoneHaut div.IndeXysPortletEnTete span.obf { 
color: var(--blanc); text-decoration: none;
    cursor: pointer;
}
div#zoneHaut div.IndeXysPortletEnTete a:hover, div#zoneHaut div.IndeXysPortletEnTete span.obf:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysPortletEnTete p { 
margin: 0; padding: 5px; color: var(--blanc); font-size: .7rem;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p:hover button { 
border: 2px solid var(--violetFonce);
}
div.CategorieProduit.embrases div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.ventes-privees div#zoneCentre div.sr-categorie-produit-liens { 
display: none;
}
div.CategorieProduit.moustiquaires div#zoneCentre div.sr-categorie-produit-liens { 
display: none;
}
div.CategorieProduit.panneaux-acoustiques-non-feu-m1 div#zoneCentre div.sr-categorie-produit-liens { 
display: none;
}
div.CategorieProduit.stores-interieurs div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.rideaux-et-voilages div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.stores-exterieurs div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.tringles-a-rideaux div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.quel-coussin-choisir div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.films-vitrage-1 div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.accessoires div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.quelle-embrase-choisir div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.accessoires-de-pose-stores div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.anti-chaleur div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.ventes-privees div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.stores div#zoneCentre div.sr-categorie-produit-liens { 
display: none;
}
div.detailPublication div.detail section.memento div.snp-mondrian-html-content p span.smallEcriture { 
font-size: 1rem;
}
div.information.CategorieProduit.detail div.texte > p { 
display: none;
}
div.modal-footer { 
border-top: 0;
justify-content: center;
}
div.modal-header { 
background-color: var(--gris);
}
div.modal-header button.btn-close { 
filter: invert(100%) sepia(3%) saturate(12%) hue-rotate(103deg) brightness(105%) contrast(105%);
--bs-btn-close-opacity: initial;
cursor: pointer;
}
div.modal-header h4.modal-title { 
color: var(--blanc);
}
div.snp-mondrianelements-diaporama .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { 
opacity: .8;
background-color: var(--blanc);
}
div.snp-mondrianelements-diaporama .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { 
opacity: .8;
background-color: var(--blanc);
}
div.table-overflow { 
display:block;
    overflow-x: auto;
    padding-bottom: 1rem;
}
div.table-overflow table { 
min-width: 100%;
}
section.preprod div.snp-mondrian-row { 
display: none
}
body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a, body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.obf {
color: inherit;
text-decoration: inherit;
cursor: pointer;
}
body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a:hover, body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.obf:hover {
text-decoration: none;
font-weight: 700;
}@media screen and (min-width: 375px){
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento.normeNonFeu div.snp-mondrian-html-content p{
		   line-height: initial;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p.presNormeNF{
			font-size: 1rem;
			margin-top: 0;
		}
		div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2.normesFeu{
			transform: translate(1rem, 40%);
			font-size: 1.1em;
			max-width: 90%;
		}
		div.information.EnsembleCollection.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.EnsembleCollection div.remises-sur-volume h3{
			margin: 0 !important;
			padding: 0 !important;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateDroite{
			border-left: 2px solid var(--gris);
			margin: 1rem;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateGauche{
		   border-right: 2px solid var(--gris);
		   margin: 1rem;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.imageGauche{
		   order: 2;
		}
	}
@media screen and (min-width: 410px){
    div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2{
       transform: translate(2rem, 40%);
       padding: 0 1rem;
    }
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title h2{
       padding: 0 1rem;
    }
}
	@media screen and (min-width: 576px) {
div#zoneGauche div.StoresEtRideauxPortletAide {
width: initial;
}
		div#zoneHaut div#valeurs.IndeXysPortletUrl div.contenuPortlet {
			font-size: .875rem;
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique {
			margin-left: 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content span.titre {
			font-size: 2rem;
			margin: 1rem 0;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog {
			font-size: 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-title div.title h2 {
			width: initial;
			margin: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-row {
			flex-wrap: wrap;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-column {
			width: 100% !important;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-row {
			flex-wrap: wrap;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column {
			width: calc(50% - 2rem) !important;
		}
	
		div#zoneBas {
			padding-top: 1rem;
		}
	}
	
	/*---fin576px---*/
	
	
	
	
	@media screen and (min-width: 660px) {
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit {
			background-size: 100% auto;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires {
			flex-direction: row;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul {
			width: 100%;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit {
			background-size: auto 100%;
		}
	div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires {
		background-size: auto 100%;
	}
	}
	
	/*---fin660px---*/
	
	
	
	
	@media screen and (min-width: 768px) {

div.table-overflow table { 
min-width: 576px;
}

		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul{
		   flex-wrap: nowrap;
		}
	   div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li:nth-child(3){
		   display: initial;
	   }
	
		.masquerMobile {
			display: initial !important;
		}
	
		div#zoneHaut .masquerMobile {
			display: inherit !important;
		}
	
		.masquerDesktop {
			display: none !important;
		}
	
		div#zoneHaut div#menu-mobile.IndeXysPortletNavigationPublication {
			display: none;
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 a span.out {
			display: flex;
			flex-direction: column;
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 a span.out::after {
			content: "02 55 42 00 74";
			display: block;
			font-size: 1rem;
			color: var(--violetClair);
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 a span.out::before {
			content: "Contactez-nous";
			display: block;
			font-size: .8rem;
			color: var(--gris);
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 span.obf span.out {
			display: flex;
			flex-direction: column;
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 span.obf span.out::before {
			content: "Contactez-nous au";
			display: block;
			font-size: .8rem;
			color: var(--gris);
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 span.obf span.out::after {
			content: "02 55 42 00 74";
			display: block;
			font-size: 1rem;
			color: var(--violetClair);
			font-weight: 800;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique {
			width: 70px;
		}
	
		div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier {
			width: 70px;
		}
	
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande {
			display: initial;
			width: calc(100% - 125px);
			position: relative;
		}
	
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive {
			width: calc(100% + 125px);
		}
	
		div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique {
			display: block;
min-width: 125px;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row {
			flex-wrap: initial;
			margin: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-column {
			flex-basis: 25% !important;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p {
			margin: 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:first-of-type {
			margin-right: 0;
			width: 50% !important
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:last-of-type {
			margin-left: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:last-of-type div.snp-mondrian-html-content p {
			display: flex;
			margin: 0;
			height: 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content p img {
			width: 100%;
			height: auto;
			object-fit: cover;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog {
			padding: 2rem 1rem;
			background: none;
			font-size: 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p {
			margin: 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content.masquerMobile {
			width: 100%;
			height: 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content.masquerMobile p {
			margin: 0;
			display: block;
			width: 100%;
			height: 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	
		div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire {
grid-template-columns: repeat(3, 1fr);
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty {
grid-column: 1/4;
font-size: 1.25rem;
}
	
		div#conteneur.EnsembleCollection div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication {
			grid-template-columns: repeat(3, 1fr);
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-row {
			flex-wrap: nowrap;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p iframe {
			padding: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-row {
			flex-wrap: nowrap;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:last-of-type div.snp-mondrian-html-content p img {
			margin: 0;
			max-width: initial;
		}
	
		div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee {
			grid-template-columns: repeat(3, 1fr);
		}
	
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.avis {
			display: none;
		}
	div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.equipement {
		display: flex;
	}
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.equipement > span {
			background-image: url(/data/IndeXysBibliothequeHTML/11f79cb0-fb2c-497c-b962-d5afd5d0bb9c/accueil/equipement.svg);
			padding-left: 40px;
		}
	div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.fabrication > span, div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.livraison > span {
	width: initial;
	}
	div#zoneCentre section.selectionProduits .listeFavoriPublication {
		grid-template-columns: repeat(3, 1fr);
	}
	div#zoneHaut div.IndeXysPortletRecherche {
	/*margin: 0;*/
	}
div#zoneHaut div#valeurs.IndeXysPortletUrl div.contenuPortlet span.notMasquerMobile{
	display: none;
}
div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 a::after, div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 span.obf::after {
	content: "Lun au Ven : 9h-17h";
	white-space: pre;
	color: var(--gris);
	font-size: .7rem;
	height: 1rem;
	display: block;
}
	}
	
	/*---fin768px---*/
	
	
	
	
	@media screen and (min-width: 970px) {
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store {
			background-size: 100% auto;
		}
	}
	
	/*---fin970px---*/
	
	
	
	
	
	
	
	/*Passage en desktop*/
	@media screen and (min-width: 992px) {
body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.information.Produit.liste div.image p:not([class*="ekoo"]).titre-produit-liste {
    font-size: 1rem;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille {
        font-size: 1.5rem;
        line-height: 2.25rem;
    }

body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.maillage404 div.image h2 {
    font-size: 1rem;
}
	div#zoneBas .scroll-top-wrapper {
		right: 2rem;
		bottom: 6rem;
	}
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:last-of-type{
			display:flex;
		}
	div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:nth-of-type(3){
		 border-right: 1px solid var(--gris);
		}
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive {
			top: 36px;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul {
			display: flex;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li {
			width: 50%;
		}
	
	div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2.normesFeu{
			transform: translate(2rem, 40%);
			font-size: 3rem;
			max-width: 1600px;
		}
	
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant>li {
			border: none;
			flex-grow: 1;
			flex-shrink: 0;
			margin: 0 .5rem;
			padding: 0;
		}
	
		div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste {
			margin: 0 1rem;
		}
	
		div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li a,
		div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf {
			width: 100%;
			max-width: 300px;
			height: 70px;
		}
	
	div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite {
		left: 2.75rem;
		top: .1rem;
		z-index: 1000;
	}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf > span {
			background-size: auto 33px;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.livraison > span {
			padding-left: 80px;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.fabrication > span {
			padding-left: 50px;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.equipement > span {
			padding-left: 80px;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf {
			margin: 0 .5rem;
			padding: 0 1rem;
			flex-basis: 33%;
		}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique {
			margin-right: 0;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl {
			margin-bottom: .5rem;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li {
			text-align: right;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a,
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf {
			height: 3rem;
			width: 5rem;
			background-size: 2rem auto;
			position: relative;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in,
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf span.out span.in {
			display: block;
			font-size: .875rem;
			position: absolute;
			bottom: 0;
			left: 0;
			transform: translateY(70%);
			width: 85px;
			text-align: center;
			text-transform: capitalize;
		}
	
		div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a,
		div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 span.obf {
			width: 80px;
			background-size: 2rem auto;
			height: 3rem;
			position: relative;
		}
	
		div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a::after,
		div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 span.obf::after {
			content: "Mon Panier";
			display: initial;
			font-size: .875rem;
			position: absolute;
			bottom: -1rem;
			left: 0;
			transform: translateY(-15%);
			width: 85px;
			text-align: center;
			font-weight: 500;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique {
			width: 107px;
		}
	
		div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier {
			width: 107px;
			margin-right: 1rem;
		}
	
		div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li a,
		div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf {
			font-size: .8rem;
		}
	
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li a,
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM){
			font-size: .8rem;
			font-weight: 700;
		}
	
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande {
			width: calc(100% - 160px);
		}
	
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive {
			width: calc(100% + 160px);
		}
div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique {
	min-width: 160px;
}
	
		div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.nous-contacter-1 a span.out::after {
			font-size: .8rem;
		}
	
		div#zoneHaut div.IndeXysPortletEnTete p {
			font-size: 1rem;
		}
	
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique {
			display: initial;
			margin: 0 auto -1.5rem 1rem;
			padding: 0;
			width: 70px;
		}
	
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
	
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.avis-clients a,
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.avis-clients span.obf {
			display: block;
			background-image: url(../images/avis_clientsPSO-01-1.svg);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
			height: 70px;
			cursor: pointer;
		}
	
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.avis-clients a span.out,
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.avis-clients span.obf span.out {
			display: none;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content h1 br {
			display: initial;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-column-gap: 1rem;
			grid-row-gap: 1rem;
			padding: 0 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille>div.actions {
			position: absolute;
			top: 28px;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille div.snp-mondrian-column.grandeColonne {
			grid-column: 1/2;
			grid-row: 1/3;
			display: flex;
			height: 100%;
			width: auto;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateDroite{
			margin: 3rem;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateGauche{
			margin: 3rem;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.imageGauche{
			order: initial;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille div.snp-mondrian-column.grandeColonne_2 {
			grid-column: 2/2;
			grid-row: 1/3;
			display: flex;
			height: 100%;
			width: auto;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille div.snp-mondrian-column {
			grid-column: 2/3;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-next::after,
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-prev::after {
			font-size: var(--swiper-navigation-size);
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.sr-mondrian-accueil-categorieproduit {
			width: 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a,
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.sr-categorieproduit-obfuscation {
			background-size: 100% auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit {
			height: 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title {
			height: 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a,
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.obf {
			height: 100%;
			background-size: auto 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store {
			background-size: auto 100%;
			padding-left: 5%;
			background-color: var(--violetFonce);
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content {
			width: 60%;
			font-size: 1.5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p a {
			font-size: 1.5rem;
			width: initial;
			padding: 0 1.5rem;
			height: 60px;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p:last-of-type {
			text-align: initial;
			margin-top: 3rem;
		}
	
		div#zoneBas {
			display: grid;
			grid-template-columns: repeat(12, 1fr);
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage {
			grid-column: 1/13;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires {
			flex-direction: initial;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul {
			width: 100%;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.titre {
			margin: 0 0 7rem;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.titre br {
			display: none;
		}
	
    div#zoneBas div#newsletter.IndeXysPortletNewsletter {
        grid-column: 1/7;
    }

div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement h4 {
	margin: 1.5rem auto;
	padding: 0;
}

div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p {
	margin: 1rem auto 1.5rem;
	padding: 0 1rem;
}

    div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique {
        grid-column: 7/13;
        padding: 0;
    }

div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.titrePortlet h3 {
	padding-bottom: 0;
	margin: 1.5rem 0;
}

		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique {
			grid-column: 1/13;
		}
	
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
		}
	
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li.closed ul {
			display: inherit;
		}
	
		div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique {
			grid-column: 1/13;
			align-self: flex-end;
		}
	
		div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique {
			grid-column: 1/13;
		}
	
		div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste {
			margin: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit {
			background-size: auto 100%;
			margin: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit {
			background-size: 100% auto;
			margin: 0 1rem;
		}
	
		div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique .container {
			margin: 0 auto;
			max-width: 90%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p img {
			width: auto;
			height: 60px;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li img {
			width: auto;
			height: 50px;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 {
			font-size: 1.5rem;
	line-height: 2.25rem;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit {
			font-size: 1rem;
			grid-template-columns: repeat(3, 1fr);
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit {
			font-size: 1rem;
			grid-template-rows: repeat(7, 1fr);
			grid-auto-flow: column;
			grid-auto-columns: 1fr;
			grid-template-columns: repeat(3, 1fr);
		}
	
		div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire {
grid-template-columns: repeat(4, 1fr);
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty {
grid-column: 1/5;
}
	
		div#conteneur.EnsembleCollection div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication {
			grid-template-columns: repeat(4, 1fr);
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content h1 {
			font-size: 2rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p.presNormeNF{
			text-align: center;
			font-size: 1.25rem;
			margin-top: 0;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p {
			font-size: 1.5rem;
		}
	
		div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste {
			margin-top: 2.6rem;
		}
	
		div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2 {
			transform: translate(6rem, 40%);
			font-size: 3rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p {
			font-size: 1.5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content h2 {
			font-size: 2.5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.titre h3 {
			font-size: 2.5rem;
			padding-left: 4rem;
			background-position: 1rem center;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p {
			font-size: 1.5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p {
			text-align: left;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p > span {
			font-size: 1.5rem;
			width: initial;
			padding: 0 1.5rem;
			height: 60px;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content span.titre {
			font-size: 2.5rem;
		}
	
		div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee {
			grid-template-columns: repeat(4, 1fr);
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li {
			font-size: 1.25rem;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.titre span.titre {
			font-size: 3rem;
			bottom: -1.5rem;
			left: 4rem;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p {
			font-size: 1.5rem;
		}
	
	   div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p:nth-child(3) strong{
			color: var(--violetFonce);
	   }
	
		div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p:last-of-type {
			font-size: 1.25rem;
		}
	
		div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement h4 {
			font-size: 1.2rem;
		}
	
		div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.titrePortlet h3 {
			font-size: 1.2rem;
		}
	
		div#zoneCentre div.IndeXysPortletPublication div.row-50-left {
			width: 49%;
			float: left;
		}
	
		div#zoneCentre div.IndeXysPortletPublication div.row-50-left div.iframe {
			position: relative;
			padding-bottom: 51%;
			padding-top: 25px;
			height: 0;
		}
	
		div#zoneCentre div.IndeXysPortletPublication div.row-50-right {
			margin-left: 50%;
			width: 49%;
		}
	
		div#zoneCentre div.IndeXysPortletPublication div.row-50-right div.iframe {
			position: relative;
			padding-bottom: 51%;
			padding-top: 25px;
			height: 0;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique {
			margin-right: 1rem;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:last-of-type {
			justify-content: center;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title {
			max-width: 60%;
			padding-left: 8rem;
			background-position: left 1.25rem;
			background-size: 6.5rem auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover {
			width: 50%;
		}
	
		div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email {
			width: calc(100% - 135px);
			height: 40px;
			font-size: 1rem;
			border-radius: 20px 0 0 20px;
		}
	
		div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p button {
			width: 135px;
			font-size: 1.2rem;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a::after,
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf']::after {
			content: "";
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span.icon {
			background-size: 5rem auto;
		}
	
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant>li>a::before,
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant>li>span.obf::before {
			content: "";
background-image: url(../images/2b.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
filter: invert(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%);
		}
	
		div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre div.boutonFiltreMobile {
			display: none;
		}
	
		div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre::before {
			content: "";
			border-top: 1px solid var(--gris);
			display: block;
			flex-grow: 1;
		}
	
		div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title {
			width: initial;
		}
	
		div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title::before {
			display: none;
		}
	
		div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre::after {
			content: "";
			border-top: 1px solid var(--gris);
			display: block;
			flex-grow: 1;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a,
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.sr-categorieproduit-obfuscation {
			cursor: default;
		}
	
		div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a,
		div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf {
			width: 1.5rem;
		}
	
		div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: initial;
		}
	
		div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: initial;
			justify-content: center;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens {
			display: flex;
			justify-content: center;
			align-items: center;
			background: rgb(152, 152, 139);
			background: linear-gradient(0deg, rgba(152, 152, 139, 0.468207351299895) 0%, rgba(255, 255, 255, 0) 100%);
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure {
			max-width: calc(800px - 1rem);
			background: none;
			flex-grow: 1;
			border: none;
			border-right: 2px solid var(--blanc);
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.pose-facile {
			max-width: calc(800px - 1rem);
			background: none;
			flex-grow: 1;
			padding-left: 5rem;
		}
	
		div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content {
			width: initial;
		}
	
		div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content span.titre-principal {
			font-size: 3rem;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication {
			grid-template-columns: repeat(4, 1fr);
			display: grid;
			grid-gap: 1rem;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous {
			padding: 6rem .5rem 2rem .5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-column:first-of-type div.snp-mondrian-html-content p {
			position: initial;
			aspect-ratio: initial;
		}
	div#zoneCentre section.selectionProduits .listeFavoriPublication {
		grid-template-columns: repeat(4, 1fr);
	}
	body.profil div.ui-dialog {
		width: 800px !important;
		max-width: 920px !important;
	}
	div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf'] {
	grid-template-columns: 150px 1fr;
	}
	
	div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique {
		grid-column: 1/13;
		align-self: flex-end;
	}

	div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste {
		margin: 0 1rem;
	}

	div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste li a,
	div#zoneBas div#paiement-securise.IndeXysPortletNavigationRubrique div.liste ul.liste li span[class*="obf"] {
		width: 100%;
		max-width: 400px;
		position: absolute;
	}
	}
	
	/*---fin992px---*/
	
	@media screen and (min-width: 1045px) {
	div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM) {
		font-size: .875rem;
	}
	div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base {
		padding: 1rem 4rem;
	}
	div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf {
		font-size: .875rem;
	}
div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande {
			width: calc(100% - 175px);
		}
	
		div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive {
			width: calc(100% + 175px);
		}
div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique {
	min-width: 175px;
}
	}
	/*---fin1045px---*/
	
	@media screen and (min-width: 1100px) {
	div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs {
		background-size: 100% auto;
		margin: 0;
	}
	div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires {
		margin: 0;
	}
	}
	/*---fin1100px---*/
	
	
	@media screen and (min-width: 1200px) {
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store {
			padding-left: 15%;
		}
	
		div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique {
			margin: 0 auto -1.5rem 3rem;
		}
	
		div#zoneHaut div#profil.IndeXysPortletNavigationRubrique {
			margin-right: 3rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.titre-prise-de-mesure {
			font-size: 1.4rem;
			font-weight: 700;
			padding: .75rem 0 .75rem 5.25rem;
			background-size: 4rem auto;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.titre-pose-facile {
			font-size: 1.4rem;
			font-weight: 700;
			padding: .75rem 0 .75rem 5.25rem;
			background-size: 4rem auto;
		}
	
		div#zoneHaut div.IndeXysPortletRecherche div.contenuPortlet {
		max-width: 600px;
		}
	
		div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p input {
			height: 40px;
			width: calc(100% - 56px);
		}
	
		div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p button {
			height: 40px;
			width: 40px;
			background-size: auto 35px;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:last-of-type {
			width: initial;
		}
	
		div#zoneHaut div#valeurs.IndeXysPortletUrl div.contenuPortlet {
			padding: .5rem 0;
		}
	
	
	}
	
	/*---fin1200px---*/
	
	
	
	@media screen and (min-width: 1400px) {
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title .titre-famille {
        font-size: 3rem;
    }

    div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille {
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits {
			max-width: 1600px;
			margin: 0 auto 1rem;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneBas div#newsletter.IndeXysPortletNewsletter div.contenuPortlet {
			width: 100%;
			margin-left: auto;
			max-width: 800px;
		}
	
		div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.contenuPortlet {
			width: 100%;
			margin-right: auto;
			max-width: 800px;
		}
	
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.contenuPortlet {
			width: 100%;
			margin: 0 auto;
			max-width: 1600px;
		}
	
		div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.contenuPortlet {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.contenuPortlet {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique .container {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-row {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts {
			max-width: 1700px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.contenuPortlet {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.contenuPortlet, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.contenuPortlet {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#filtrePublication.IndeXysPortletPublication div.contenuPortlet {
			max-width: 1600px;
			margin: 0 auto;
		}
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.titreTrait {
			border-bottom: 1px solid var(--gris);
			margin-bottom: 3.5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento {
			padding: 3rem .5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts {
			margin: 2rem auto 4rem;
			letter-spacing: .1rem;
		}
	
		div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p a,
		div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p span.obf {
			font-size: 1.75rem;
		}
	
		div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.contenuPortlet {
			margin-top: 3rem;
		}
	
		div#conteneur.CategorieProduit div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication {
			grid-gap: 3rem;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.films-vitrage {
			background-size: 100% auto;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 {
			font-size: 2.25rem;
			margin-bottom: 1rem;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover {
			padding: 1.5rem 2.5rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 {
			font-size: 2rem;
			font-weight: 900;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 {
			font-size: 2.75rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title div.title h2 {
			font-size: 2.75rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie {
			margin-top: 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit {
			margin-top: 1rem;
		}
	
		div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 {
			font-size: 3rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content span.titre {
		font-size: 2.5rem;
		background-position: left center;
		background-size: auto 120%;
		padding-left: 3rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p a {
			font-size: 1.5rem;
			width: initial;
			padding: 0 1.5rem;
			height: 60px;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique ul {
			font-size: 1.25rem;
			line-height: 1.5rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.telechargement-prise-de-mesure a {
			font-size: .9rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.video-prise-de-mesure a {
			font-size: .9rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.telechargement-pose-facile a {
			font-size: .9rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.video-pose-facile a {
			font-size: .9rem;
		}
	
		div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content {
			margin-left: 10%
		}
	
		div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content {
			margin-left: 0;
		}
	
    div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td p {
        font-size: 1rem !important;
    }

	}
	
	/*--finDesktop--*/
	/*---fin1400px---*/
	
	@media screen and (min-width: 1455px) {
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages {
			background-size: auto 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.produitsGrille div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit {
			background-size: auto 100%;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p {
			max-width: 1600px;
			margin: 1rem auto;
			padding: 0 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.choices {
			max-width: 1600px;
			margin: 0 auto;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.models {
			padding: 0 1rem;
		}
	
		div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique table {
			max-width: 1600px;
			margin: 1rem auto !important;
		}
	
		div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee {
			max-width: 1600px;
			margin: 0 auto 1rem;
		}
	}
	
	/*---fin1455px---*/
	
	
	
	@media screen and (min-width: 1580px) {
		div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.telechargement-prise-de-mesure a {
			font-size: 1rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.video-prise-de-mesure a {
			font-size: 1rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.telechargement-pose-facile a {
			font-size: 1rem;
		}
	
		div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.video-pose-facile a {
			font-size: 1rem;
		}
	
		div#zoneHaut div.IndeXysPortletRecherche div.contenuPortlet {
		max-width: 700px;
		}
	
	}
	
	/*--fint1580px--*/#zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .sr-categorieProduit-title {
position: absolute;
top: 0;
}

div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.information.Produit.liste div.image span > img {
height: 100%;
}

#zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .bg-image {
display: block;
width: auto;
height: 100%;
}

#zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .bg-image img {
object-position: center;
object-fit: cover;
width: 100%;
height: 100%;
}
div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating span[data-lang*="SKEEPERS_AVIS"] {
    margin-left: 1ch;
}
div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.review__header {
    align-items: center;
    display: flex;
justify-content: center;
}
div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating {
    color: black;
    align-items: center;
    display: flex;
margin-right: initial;
}
div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating span {
    font-size: .5rem;
}
div.information.Produit.liste div.image div.avis-clients > div.skeepers_product__stars {
    width: 100%;
}
div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars > div.skeepers_product__stars {
    position: absolute;
    max-width: 95%;
    width: 250px;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-shadow: none;
    font-weight: 700;
}
.snp_maillage_produit div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars > div.skeepers_product__stars {
    bottom: -14px;
}
.snp_maillage_produit .information.Produit.liste .image .titre-produit-liste a:not(.glossary_term) {
margin-top: 1.3rem;
}
div.information.Produit.liste div.image div.avis-clients {
    z-index: 1;
}
div.information.Produit.liste div.image > span:not(.garantie, .fabrication-francaise)::after, div.information.Produit.liste div.image > span:not(.garantie, .fabrication-francaise)::after {
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0) 10%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.information.Produit.liste div.image a img {
    position: absolute;
    width: 220px;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    max-width: 100%;
}
div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.titre div.avis-clients .review__header {
    margin-bottom: 0;
}
div.information.CategorieProduit.detail div.image {
display: none;
}
div.information.CategorieProduit.detail div.listeProduitDetail.secondaire {
  max-width: 1600px;
  margin: 0 auto;
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition::after {
content: 'Envoi sous pli postal';
display: block;
margin-top: 1rem;
}
div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a {
font-size: 0;
}
div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a span, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a span {
font-size: 14px;
}
div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a span::after, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a span::after {
content: ' avis)';
}
div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a span::before, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a span::before {
content: '(';
}
.sr-mondrian-MaillageProduit .snp-actions + .snp_maillage_produit { 
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.sr-mondrian-MaillageProduit .swiper-button-next, .swiper-rtl .swiper-button-prev { 
right: -1rem;
display: block;
width: 2rem;
height: initial;
aspect-ratio: 1/1;
}
.sr-mondrian-MaillageProduit .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { 
content: '';
background-image: url(../images/circle-arrow-right-solid.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
display: block;
width: 100%;
aspect-ratio: 1/1;
}
.sr-mondrian-MaillageProduit .swiper-button-prev, .swiper-rtl .swiper-button-next { 
left: -1rem;
display: block;
width: 2rem;
height: initial;
aspect-ratio: 1/1;
}
.sr-mondrian-MaillageProduit .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { 
content: '';
background-image: url(../images/circle-arrow-left-solid.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
display: block;
width: 100%;
aspect-ratio: 1/1;
}
.sr-mondrian-MaillageProduit .swiper-group { 
position: relative;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste div.compare { 
display: none;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste div.image {
aspect-ratio: 600 / 394;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste div.image img { 
aspect-ratio: 600/394;
object-position: top;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste {
font-size: 0;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste div.modeles { 
margin-top: 7rem;
font-size: 1rem;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste div.texte { 
display: none;
}
.sr-mondrian-MaillageProduit div.information.Produit.liste p.enSavoirPlus span.obfusquer-cta-produit { 
/*display: inline-flex;
  color: var(--blanc);
background-color: var(--violet-fonce);
  text-decoration: inherit;
  text-transform: uppercase;
  height: 30px;
  justify-content: center;
  align-items: center;
  font-size: .6rem;
  font-weight: 700;
  padding: 0 .5rem;
  transition: all 250ms ease 0s;*/
}
.sr-mondrian-MaillageProduit div.information.Produit.liste p.enSavoirPlus span.obfusquer-cta-produit:hover { 
/*background-color: var(--violet-clair);*/
}
.sr-mondrian-MaillageProduit div.swiper-group div.swiper { 
padding: 1rem;
}
body.commande-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif + p.enSavoirPlus { 
display: none;
}
body.commande-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { 
display: none;
}
body.commande-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { 
display: none
}
body.nos-talents-recrutement .snp-mondrian-formulaire p button { 
margin: .5rem auto;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background-color: var(--violetFonce);
	border: none;
	text-transform: uppercase;
	color: var(--blanc);
	font-family: 'Mulish';
	font-weight: 600;
	font-size: .9rem;
}
body.offrir-un-cheque-cadeau div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { 
display: none;
}
body:not(.panier) .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 a, body:not(.panier) .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 span[class*='obf'] { 
color: var(--gris) !important;
}
div#conteneur.EnsembleCollection div.information.Produit.liste div.image { 
min-height: initial;
}
div#contenu-referencement section.snp-mondrian-section.closed > div.snp-mondrian-row { 
display: block;
}
div#contenu-referencement section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { 
display: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section + div.section { 
margin-top: 2rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { 
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste { 
margin: 0; border: 1px solid #cccccc; padding: 0; background-color: #fff; position: relative;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.image { 
margin: 0; padding: 0; width: 100%;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.image img { 
width: 100%;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos { 
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: .5rem 1rem;
padding-top: 0;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos div.listeCategorie { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
line-height: 20px;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos div.listeCategorie a { 
color: #999999; margin: 0; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos div.listeCategorie a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos p.date { 
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
color: #999;
width: initial;
display: flex;
align-items: center;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos p.date::before { 
content: "";
width: 1.5ch;
background-position: center;
background-image: url(../images/f111.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
font-weight: 900;
font-size: .25rem;
margin: 0 .25rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte { 
margin: 0; padding: 1rem; padding-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte h2 { 
margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; color: #333333; font-size: 18px; line-height: 20px; width: 100%; background:none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte h2 a { 
color: #666666; text-decoration: none; font-size: 18px;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte h2 a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte p { 
margin: 0; margin-top: 5px; padding: 0; color: #666666; font-size: 14px; line-height: 20px; text-align: justify; width: 100%;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus { 
margin: 0; margin-left: auto; padding: 0; text-align: right;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a { 
color: #797979; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a span { 
font-size: 0px; color: #ffffff;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +"; font-size: 12px; color: #797979;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysResultatRecherche.liste h2 { 
display: block;
width: 100%;
height: 100%;
margin: 0;
min-height: 4rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysResultatRecherche.liste h2 a { 
display: inline-flex;
color: var(--violetFonce);
border: 2px solid var(--violetFonce);
text-decoration: inherit;
text-transform: uppercase;
height: 100%;
justify-content: center;
align-items: center;
font-size: 1rem;
font-weight: 700;
padding: 0 .5rem;
transition: all 250ms ease 0s;
width: 100%;
text-align: center;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysResultatRecherche.liste h2 a:hover { 
color: var(--blanc);
border: 2px solid var(--violetFonce);
background-color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section p.reponses { 
font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section p.reponses span.quantite { 
display: inline-block;
margin: 0 .25rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section.displayNone { 
display: none;
}
div#zoneCentre div.information.CategorieProduit.detail div.titre h1, div#zoneCentre div.information.CategorieProduit.detail div.titre h2 { 
transform: translate(1rem, 40%);
margin: 0;
padding: 0 1rem;
background-color: var(--blanc);
display: inline-block;
text-transform: uppercase;
color: var(--grisTitre);
font-weight: 700;
font-size: 1.25rem;
}
div.CategorieProduit:not([class^=rideaux]):not(.stores-bateaux):not(.stores-pour-velux-1):not(.moustiquaires):not(.panneaux-acoustiques-non-feu-m1):not(.stores-exterieurs):not(.coussins) div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.CategorieProduit:not([class^=rideaux]):not(.stores-bateaux):not(.stores-pour-velux-1):not(.moustiquaires):not(.panneaux-acoustiques-non-feu-m1):not(.stores-exterieurs):not(.coussins) div.information.Produit.liste div.image span > img { 
aspect-ratio: 1.5 / 1;
}
div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity select.quantite:focus-visible { 
outline: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.pluriel,div.Echantillon div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.pluriel { 
display: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.singulier,div.Echantillon div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.singulier { 
display: initial !important;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.ecotaxes, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total span.ecotaxes { 
display: flex;
    justify-content: center;
    padding: 1rem 0rem 0.1rem;
    gap: 0.5rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.montant span.taxes, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total span.montant span.taxes { 
padding: 0 0.75rem 0 0.25ch;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.montant, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total span.montant { 
color: var(--blanc);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 0 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 700;
    background-color: var(--fondFiltres);
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total { 
margin: 1rem 0 0;
    padding: 0 0 1rem;
    text-align: center;
    position: relative;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total:after, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total:after { 
content: "";
    width: 60%;
    border-bottom: 1px solid var(--gris);
    position: absolute;
    bottom: 0;
    left: 20%;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter > span.prix, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter > span.prix { 
margin: 0 0 1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter button.ajouter span:after, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter span:after { 
content: " AU PANIER";
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter button.ajouter, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter { 
display: inline-flex;
    justify-content: center;
transition: .5s ease-in-out;
    align-items: center;
    height: 50px;
    width: 100%;
    background-color: var(--violetFonce);
    border: none;
    text-transform: uppercase;
    color: var(--blanc);
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 1rem;
    max-width: 300px;
    margin: 0 auto;
    background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 14.5rem center;
    background-size: auto 30%;
    padding-right: 3.5rem;
    cursor: pointer;
    text-decoration: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter button.ajouter:hover, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter:hover { 
background-color: var(--violetClair);
background-position: 15rem center;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.amount span.devise:after { 
content: ' HT ';
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.amount:before, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.amount:before { 
content: 'Prix unitaire : ';
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.unitPrice, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.devise, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.prix span.unit, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.unitPrice { 
font-weight: 700;
   font-size: 1.2rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity { 
display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity input.quantite, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity select.quantite { 
appearance: none;
    border: none;
    font-size: 3rem;
    color: var(--violetFonce);
    width: 7rem;
    text-align: center;
    padding: 0 0.5rem;
    background-color: var(--grisClair);
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity span.dec.quantity-button button { 
padding: 0;
    background: var(--blanc);
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--gris);
    border-radius: 100%;
    background-image: url(../images/minus-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity span.inc.quantity-button button { 
padding: 0;
    background: var(--blanc);
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--gris);
    border-radius: 100%;
    background-image: url(../images/plus-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity:before, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity:before { 
content: "";
    width: 30%;
    border-bottom: 1px solid var(--gris);
    position: absolute;
    top: 0;
    left: 35%;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter { 
display: flex;
   flex-direction: column;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif p.alerte-expedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity label.champObligatoire, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.montant-total span.ecotaxes span.taxe span.title, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config  div.tarif form p.ajouter span.quantity span.quantity-button button span, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity label.champObligatoire, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif p.alerte-expedition { 
display: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.actions { 
display: block;
margin: 0 .5rem;
background-color: var(--grisClair);
text-align: center;
padding: 1rem .5rem 2rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.actions button { 
display: inline-flex;
justify-content: center;
align-items: center;
height: 50px;
width: 100%;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 700;
font-size: 1rem;
max-width: 300px;
margin: 0 auto;
background-image: url(../images/picto_panierBlanc.svg);
background-repeat: no-repeat;
background-position: 2rem center;
background-size: auto 60%;
padding-left: 1.5rem;
cursor: pointer;
text-decoration: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p { 
margin: 0;
text-align: left;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition { 
margin: 0 .5rem;
padding: .1rem .1rem;
background-color: var(--grisClair);
text-align: center;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.informations p { 
margin: 0 0 1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.delai-expedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif div.delai-expedition { 
padding: 1.1rem 0.1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.offrir { 
display: inline-flex;
justify-content: center;
align-items: center;
height: 50px;
width: 100%;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 700;
font-size: 1rem;
max-width: 160px;
margin: 1rem auto 0;
cursor: pointer;
text-decoration: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.offrir:hover { 
background-color: var(--violetClair);
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif { 
margin: 0 .5rem;
padding: 1rem .5rem;
background-color: var(--grisClair);
text-align: center;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.ideal, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.générationBrute { 
display: none;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value { 
color: var(--violetFonce);
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition { 
font-weight: 700;
margin-bottom: 1rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.titre h1 span span.sizeInTitle { 
display: block;
font-weight: 400;
font-size: 1.2rem;
}
div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.titre h1, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.titre h1 { 
text-align: left;
}
div.anti-chaleur div.information.CategorieProduit.detail div.titre { 
display: none;
}
div.information.CategorieProduit.detail div.texte { 
padding: 0 0 1rem;
}
div.information.CategorieProduit.detail div.texte p:not([class*="ekoo"]) { 
margin: 1rem;
}
div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide img { 
/*width: 100%;
height: 100%;*/
}
div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { 
color: var(--blanc);
text-shadow: 0 0 10px var(--noir);
width: 100%;
}
div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1 { 
margin: 1rem 1rem 0;
text-transform: uppercase;
font-weight: 900;
}
div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p { 
margin: 0;
font-size: .9rem;
font-weight: 700;
font-size: 1.17rem;
}
div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p span.surligne { 
display: inline-block;
	background-color: var(--violetClair);
	color: var(--blanc);
	white-space: nowrap;
	padding: 0 .6rem;
	text-align: center;
	margin: 0 auto;
	font-size: 1.5rem;
	font-weight: 300;
	text-shadow: none;
}
div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p span.surligne strong { 
font-weight: 700;
}
div.information.CategorieProduit.detail div.texte section.filtres { 
display: none;
}
div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content p, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content p, div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content h1, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content h1 { 
font-weight: 300;
font-size: 1.1rem;
margin: 0 1rem;
line-height: 1.75rem;
max-width: initial;
color: var(--gris);
}
div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content span.surligne,div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content span.surligne,div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content span.surligne { 
display: inline-block;
background-color: var(--violetClair);
color: var(--blanc);
white-space: nowrap;
padding: 0 .6rem;
}
div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content span.titreCategorie, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content span.titreCategorie, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content span.titreCategorie { 
font-weight: 400;
text-transform: uppercase;
color: var(--grisNav);
}
div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content strong, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content strong, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content strong { 
font-weight: 700;
}
div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content { 
display: none;
}
div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-column { 
max-width: 50%!important;
}
div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content { 
display: none;
}
div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p { 
margin: 0;
font-size: 1rem;
}
div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p img { 
margin: 2rem 0 0;
height: 2rem;
}
div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre { 
color: var(--violetFonce);
font-size: 2.25rem;
font-weight: 700;
}
div.information.CategorieProduit.detail div.texte section.presentation { 
display: none;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content { 
display: none;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content a { 
color: var(--violetFonce);
text-decoration: inherit;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content a:hover { 
text-decoration: underline;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content p { 
margin: 1rem;
}
div.information.CategorieProduit.detail div.titre { 
display:none;
}
div.information.CategorieProduit.referencement div.texteReferencement { 
font-size: 1rem;
}
div.information.CategorieProduit.referencement div.texteReferencement a, div.information.CategorieProduit.referencement div.texteReferencement span.obf { 
color: var(--violetFonce);
text-decoration: inherit;
cursor: pointer;
}
div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-column-add span { 
display: none;
}
div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-element-add span { 
display: none;
}
div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-row-add span { 
display: none;
}
div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-section-add span { 
display: none;
}
div.information.CategorieProduit.referencement div.texteReferencement a:hover, div.information.CategorieProduit.referencement div.texteReferencement span.obf:hover { 
text-decoration: underline;
}
div.information.CategorieProduit.referencement div.texteReferencement section { 
border-top: 1px solid var(--gris);
padding: 2rem 0;
}
div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-html-content { 
padding: 0 1rem;
}
div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { 
color: var(--gris);
cursor: pointer;
text-transform: uppercase;
font-weight: 400;
margin: 0;
font-size: 1.25rem;
}
div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
color: var(--violetFonce);
}
div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
background-image: url(../images/f068.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
display: inline-block;
margin-right: .2rem;
font-weight: 400;
font-size: 1rem;
}
div.information.CategorieProduit.referencement div.texteReferencement section.avis div.snp-mondrian-column { 
width: 100%;
}
div.information.CategorieProduit.referencement div.texteReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
color: var(--gris);
}
div.information.CategorieProduit.referencement div.texteReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
background-image: url(../images/2b.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
margin-right: .2rem;
font-weight: 400;
font-size: 1rem;
}
div.information.CategorieProduit.referencement div.texteReferencement section.closed.videos { 
padding-bottom: 2rem;
}
div.information.CategorieProduit.referencement div.texteReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row { 
display: block;
}
div.information.CategorieProduit.referencement div.texteReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { 
display: none;
}
div.information.CategorieProduit.referencement div.texteReferencement section.videos { 
padding-bottom: 6rem;
}
div.information.CategorieProduit.referencement div.texteReferencement section.videos div.snp-mondrian-column { 
width: 100%;
}
div.information.EnsembleCollection.liste { 
border: 2px solid var(--grisBordure);
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
div.information.EnsembleCollection.liste:hover { 
border: 3px solid var(--violetFonce);
    scale: 1.02;
}
div.information.EnsembleCollection.liste div.coloris { 
padding: 0 .5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
grid-gap: .5rem;
}
div.information.EnsembleCollection.liste div.coloris div.produit p.image { 
margin: 0;
padding: 0;
}
div.information.EnsembleCollection.liste div.coloris div.produit p.image a img { 
width: 100%;
height: 100%;
object-fit: cover;
}
div.information.EnsembleCollection.liste div.coloris div.produit p.title { 
margin: 0;
padding: 0;
font-size: .7rem;
text-align: center;
min-height: 42px;
}
div.information.EnsembleCollection.liste div.compare { 
padding: 0 .25rem;
}
div.information.EnsembleCollection.liste div.compare div.row-compare { 
color: var(--gris);
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
margin-bottom: .5rem;
}
div.information.EnsembleCollection.liste div.compare div.row-compare span.label-compare { 
font-size: .6rem;
flex-grow: 1;
font-weight: 700;
display: inline-flex;
}
div.information.EnsembleCollection.liste div.compare div.row-compare span.label-compare::after { 
content: "";
border-bottom: 1px solid var(--gris);
flex-grow: 1;
margin-bottom: .2rem;
margin-left: .25rem;
}
div.information.EnsembleCollection.liste div.compare div.row-compare span.value-compare { 
display: inline-flex;
width: 25px;
height: 5px;
justify-content: space-between;
margin-left: .5rem;
flex-shrink: 0;
margin-bottom: .2rem;
}
div.information.EnsembleCollection.liste div.compare div.row-compare span.value-compare span { 
width: 7px;
background-color: var(--gris);
}
div.information.EnsembleCollection.liste div.compare div.row-compare span.value-compare span.on { 
background-color: var(--violetFonce);
}
div.information.EnsembleCollection.liste div.image { 
position: relative;
background-color: var(--violetFonce);
}
div.information.EnsembleCollection.liste div.image > a { 
display: flex;
cursor: pointer;
}
div.information.EnsembleCollection.liste div.image > a, div.information.EnsembleCollection.liste div.image > span, div.information.Produit.liste div.image > a, div.information.Produit.liste div.image > span[id*="image"] { 
display: flex;
cursor: pointer;
}
div.information.EnsembleCollection.liste div.image a img { 
width: 100%;
height: auto;
}
div.information.EnsembleCollection.liste div.image a img, div.information.EnsembleCollection.liste div.image span img, div.information.Produit.liste div.image a img, div.information.Produit.liste div.image > span[id*="image"] img { 
width: 100%;
height: auto;
}
div.information.EnsembleCollection.liste div.image div.avis-clients { 
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
div.information.EnsembleCollection.liste div.image div.avis-clients p { 
margin: 0;
}
div.information.EnsembleCollection.liste div.image div.promotion { 
display: none;
}
div.information.EnsembleCollection.liste div.image h2 { 
font-size: .68rem;
    margin: 0 0 .25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: var(--blanc);
    text-shadow: 0 0 3px var(--noir);
    font-weight: 900;
}
div.information.EnsembleCollection.liste div.image h2 a { 
color: var(--blanc);
    text-decoration: inherit;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
div.information.EnsembleCollection.liste div.image h2 a span.titre { 
font-size: 1rem;
font-weight: 800;
}
div.information.EnsembleCollection.liste div.image span.fabrication-francaise { 
display: none;
}
div.information.EnsembleCollection.liste div.image span.garantie { 
display: none;
}
div.information.EnsembleCollection.liste div.modeles { 
color: var(--violetFonce);
margin: .5rem 0;
text-align: center;
font-weight: 700;
}
div.information.EnsembleCollection.liste div.tarif { 
flex-grow: 1;
display: flex;
justify-content: center;
align-items: flex-end;
}
div.information.EnsembleCollection.liste div.tarif p.tarif { 
margin: 1rem .25rem;
text-align: center;
}
div.information.EnsembleCollection.liste div.tarif p.tarif span.montant { 
display: flex;
justify-content: center;
align-items: baseline;
font-weight: 700;
}
div.information.EnsembleCollection.liste div.texte { 
padding: 0 .5rem;
}
div.information.EnsembleCollection.liste div.texte p { 
margin: .5rem .25rem 0;
font-size: .6rem;
}
div.information.EnsembleCollection.liste div.texte ul { 
margin: 0;
padding: .5rem .25rem;
list-style: none;
}
div.information.EnsembleCollection.liste p.enSavoirPlus { 
text-align: center;
margin: 0 0 1rem;
}
div.information.EnsembleCollection.liste p.enSavoirPlus a, div.information.EnsembleCollection.liste p.enSavoirPlus > span { 
display: inline-flex;
    color: var(--blanc);
    background-color: var(--violet-fonce);
    text-decoration: inherit;
    text-transform: uppercase;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    font-weight: 700;
    padding: 0 .5rem;
    transition: all 250msease 0s;
    width: 130px;
    background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 6.4rem center;
    background-size: auto 30%;
    padding-right: 1.6rem;
    transition: .5sease-in-out;
}
div.information.EnsembleCollection.liste p.enSavoirPlus a:hover, div.information.EnsembleCollection.liste p.enSavoirPlus > span:hover { 
background-color: var(--violet-clair);
    background-position: 6.6rem center;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement a { 
color: var(--violetFonce);
text-decoration: inherit;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement a:hover { 
text-decoration: underline;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section { 
border-top: 1px solid var(--gris);
padding: 2rem 0;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-html-content { 
padding: 0 1rem;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { 
color: var(--gris);
cursor: pointer;
text-transform: uppercase;
font-weight: 400;
margin: 0;
font-size: 1.25rem;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
color: var(--violetFonce);
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
background-image: url(../images/f068.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
margin-right: .5rem;
font-weight: 400;
font-size: 1rem;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.avis div.snp-mondrian-column { 
width: 100%;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
color: var(--gris);
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
background-image: url(../images/2b.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
margin-right: .5rem;
font-weight: 400;
font-size: 1rem;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.closed.videos { 
padding-bottom: 2rem;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row { 
display: block;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { 
display: none;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.videos { 
padding-bottom: 6rem;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.videos div.snp-mondrian-column { 
width: 100%;
}
div.information.IndeXysCommerceArticle.detail { 
margin: 1.5rem auto 0; padding: 0 1rem;
max-width: 1600px;
}
div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande { 
grid-column: 1/3;
}
div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
grid-column: 1/3;
}
div.information.IndeXysCommerceArticle.detail div#detailArticle div.presentation, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.imageAccessoire, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config, div.Echantillon div#detailPublication div.detailPublication div.grille div.imageAccessoire { 
grid-column: 1/3;
}
div.information.IndeXysCommerceArticle.detail div#detailArticle, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille, div.Echantillon div#detailPublication div.detailPublication div.grille { 
display: grid; grid-template-columns: repeat(2, 1fr); align-items: center;
}
div.information.IndeXysCommerceArticle.detail div.commande { 
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.ajouter { 
margin: .5rem auto; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; 
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 600;
font-size: .9rem;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.ajouter:hover { 
background-color: var(--violetClair);
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.offrir { 
margin: .5rem auto; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; 
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 600;
font-size: .9rem;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.offrir:hover { 
background-color: var(--violetClair);
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter { 
text-align: center;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.prix { 
display: block;
margin-bottom: .5rem;
text-transform: Capitalize;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite { 
margin-left: 1ch;
border: 1px solid var(--violetFonce);
background-color: var(--blanc);
color: var(--violetFonce);
font-size: 1rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 30px;
padding: 0 .5rem;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: textfield;
max-width: 3rem;
text-align: center;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite:focus-visible { 
outline: none;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input[type="number"]::-webkit-outer-spin-button, div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input[type="number"]::-webkit-inner-spin-button { 
-webkit-appearance: none;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity select.quantite { 
border: 1px solid var(--violetFonce);
background-color: var(--blanc);
color: var(--violetFonce);
font-size: 1rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 30px;
padding: 0 .5rem;
cursor: pointer;
margin-left: 0.5rem; margin-right: 0.5rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.dec { 
margin-left: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.quantity-button { 
flex-shrink: 0; font-size: 13px; 
display: inline-block;
padding: 0;
background-color: #ffffff;
cursor: pointer;
width: 25px;
height: 25px;
border: 2px solid #999999;
border-radius: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 50% auto;
box-shadow: 0px 0px 4px #999;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.alerte-expedition { 
text-align: center;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.montant-total { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.commande p.enSavoirPlus { 
text-align: center;
margin: 0 0 1rem;
}
div.information.IndeXysCommerceArticle.detail div.commande p.enSavoirPlus a { 
display: inline-flex;
color: var(--violetFonce);
border: 2px solid var(--violetFonce);
text-decoration: inherit;
text-transform: uppercase;
height: 30px;
justify-content: center;
align-items: center;
font-size: .6rem;
font-weight: 700;
padding: 0 .5rem;
}
div.information.IndeXysCommerceArticle.detail div.image { 
position: sticky; top: 1rem; max-width: 400px; margin: 0 auto;
}
div.information.IndeXysCommerceArticle.detail div.image > a { 
display: flex;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.image a img { 
width: 100%;
height: auto;
}
div.information.IndeXysCommerceArticle.detail div.image a span, div.information.IndeXysCommerceArticle.detail div.image span span { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.image h1 a { 
display: inline-block;
text-decoration: inherit;
font-size: .68rem;
margin: 0 0 .25rem;
width: 100%;
text-align: center;
color: var(--gris);
}
div.information.IndeXysCommerceArticle.detail div.texte { 
display: none;
}
div.information.IndeXysCommerceArticle.detail h1 { 
margin: .5rem 0 1.5rem; font-size: 1rem; font-weight: 900; text-align: center;
}
div.information.IndeXysCommerceArticle.liste { 
border: 2px solid var(--gris);
position: relative;
display: flex;
flex-direction: column;
background-color: var(--blancCasse);
cursor: pointer;
}
div.information.IndeXysCommerceArticle.liste div.commande { 
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter { 
text-align: center;
margin-top: 0;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter .montant-total, div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter .delai-expedition { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { 
margin: .5rem auto;
padding: 0 .5rem;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 600;
font-size: .7rem;
cursor: pointer;
background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 7.7rem center;
    background-size: auto 17%;
    padding-right: 1.2rem;
    transition: .5s ease-in-out;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter::after { 
content: "au panier";
margin-left: .5ch;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter:hover { 
background-color: var(--violetClair);
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.offrir { 
margin: .5rem auto;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background-color: var(--violetFonce);
border: none;
text-transform: uppercase;
color: var(--blanc);
font-family: 'Mulish';
font-weight: 600;
font-size: .9rem;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.offrir:hover { 
background-color: var(--violetClair);
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix { 
display: block;
margin-bottom: .5rem;
text-transform: Capitalize;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix .gratis { 
text-transform: uppercase;
color: var(--violetFonce);
font-weight: 600;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity input.quantite { 
margin-left: 1ch;
border: 1px solid var(--violetFonce);
background-color: var(--blanc);
color: var(--violetFonce);
font-size: 1rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 30px;
padding: 0 .5rem;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: textfield;
max-width: 3rem;
text-align: center;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity input.quantite:focus-visible { 
outline: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity select.quantite { 
margin-left: 1ch;
border: 1px solid var(--violetFonce);
background-color: var(--blanc);
color: var(--violetFonce);
font-size: 1rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 30px;
padding: 0 .5rem;
cursor: default;
appearance: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { 
text-align: center;
margin: 0;
}
div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus { 
text-align: center;
margin: 1rem 0;
}
div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a, div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus > span { 
display: inline-flex;
color: var(--violetFonce);
border: 2px solid var(--violetFonce);
text-decoration: inherit;
text-transform: uppercase;
height: 30px;
justify-content: center;
align-items: center;
font-size: .6rem;
font-weight: 700;
padding: 0 .5rem;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a:hover, div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus > span:hover { 
color: var(--blanc);
background-color: var(--violetFonce);
}
div.information.IndeXysCommerceArticle.liste div.image { 
position: relative;
}
div.information.IndeXysCommerceArticle.liste div.image > a, div.information.IndeXysCommerceArticle.liste div.image > span[class*="obf"] { 
display: flex;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.liste div.image h2 { 
margin: 0 !important;
margin-top: .5rem !important;
text-align: center;
}
div.information.IndeXysCommerceArticle.liste div.image h2 a, div.information.IndeXysCommerceArticle.liste div.texte h2 a, div.information.IndeXysCommerceArticle.liste div.image h2 span[class*="obf"], div.information.IndeXysCommerceArticle.liste div.texte h2 span[class*="obf"] { 
display: inline-block;
text-decoration: inherit;
font-size: .68rem;
margin: 0 0 .25rem;
width: 100%;
text-align: center;
color: var(--gris);
}
div.information.IndeXysCommerceArticle.liste div.image img { 
width: 100%;
height: auto;
}
div.information.IndeXysCommerceArticle.liste div.texte { 
display: flex;
flex-direction: column;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 { 
order: 2;
}
div.information.IndeXysCommerceArticle.liste:hover { 
border: 3px solid var(--violetFonce);
scale: 1.02;
}
div.information.IndeXysCommerceRayon.detail { 
max-width: 1600px;
margin: 0 auto;
padding: 0 1rem;
}
div.information.IndeXysCommerceRayon.liste { 
border: 2px solid var(--grisBordure);
position: relative;
display: flex;
flex-direction: column;
}
div.information.IndeXysCommerceRayon.liste div.image { 
position: relative;
background-color: var(--violetFonce);
}
div.information.IndeXysCommerceRayon.liste div.image > a { 
display: flex;
cursor: pointer;
}
div.information.IndeXysCommerceRayon.liste div.image a img { 
width: 100%;
height: auto;
max-height: 200px;
object-fit: cover;
}
div.information.IndeXysCommerceRayon.liste div.image h2 { 
font-size: .68rem;
margin: 0 0 .25rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: var(--blanc);
text-shadow: 0 0 3px var(--noir);
font-weight: 900;
}
div.information.IndeXysCommerceRayon.liste div.image h2 a { 
color: var(--blanc);
text-decoration: inherit;
text-transform: uppercase;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}
div.information.IndeXysCommerceRayon.liste div.image h2 a span.titre { 
font-size: 1rem;
font-weight: 800;
}
div.information.IndeXysCommerceRayon.liste div.texte { 
flex-grow: 1;
padding: 0 .5rem;
}
div.information.IndeXysCommerceRayon.liste div.texte p { 
margin: .5rem .25rem 0;
font-size: .6rem;
}
div.information.IndeXysCommerceRayon.liste div.texte ul { 
margin: 0;
padding: .5rem .25rem;
list-style: none;
font-size: .7rem
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus { 
text-align: center;
margin: 0 0 1rem;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a { 
display: inline-flex;
color: var(--violetFonce);
border: 2px solid var(--violetFonce);
text-decoration: inherit;
text-transform: uppercase;
height: 30px;
justify-content: center;
align-items: center;
font-size: .6rem;
font-weight: 700;
padding: 0 .5rem;
transition: all 250ms ease 0s;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a:hover { 
color: var(--blanc);
border: 2px solid var(--violetFonce);
background-color: var(--violetFonce);
}
div.information.Produit.liste { 
border: 2px solid var(--grisBordure);
position: relative;
display: flex;
flex-direction: column;
cursor: pointer;
align-items: center;
}
div.information.Produit.liste div.coloris { 
display: none;
/*padding: 0 .5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
grid-gap: .5rem;*/
}
div.information.Produit.liste div.coloris div.produit p.image { 
margin: 0;
padding: 0;
}
div.information.Produit.liste div.coloris div.produit p.image a img { 
width: 100%;
height: 100%;
object-fit: cover;
}
div.information.Produit.liste div.coloris div.produit p.title { 
margin: 0;
padding: 0;
font-size: .7rem;
text-align: center;
min-height: 42px;
}
div.information.Produit.liste div.compare { 
padding: 0 .25rem;
}
div.information.Produit.liste div.compare div.row-compare { 
color: var(--gris);
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
margin-bottom: .5rem;
}
div.information.Produit.liste div.compare div.row-compare span.label-compare { 
font-size: .6rem;
flex-grow: 1;
font-weight: 700;
display: inline-flex;
}
div.information.Produit.liste div.compare div.row-compare span.label-compare::after { 
content: "";
border-bottom: 1px solid var(--gris);
flex-grow: 1;
margin-bottom: .2rem;
margin-left: .25rem;
}
div.information.Produit.liste div.compare div.row-compare span.value-compare { 
display: inline-flex;
width: 25px;
height: 5px;
justify-content: space-between;
margin-left: .5rem;
flex-shrink: 0;
margin-bottom: .2rem;
}
div.information.Produit.liste div.compare div.row-compare span.value-compare span { 
width: 7px;
background-color: var(--grisMoinsClair);
}
div.information.Produit.liste div.compare div.row-compare span.value-compare span.on { 
background-color: var(--violetFonce);
}
div.information.Produit.liste div.image { 
position: relative;
width: 100%;
display: block;
}
div.information.Produit.liste div.image > a { 
display: flex;
cursor: pointer;
}
div.information.Produit.liste div.image a img { 
width: 100%;
height: auto;
}
div.information.Produit.liste div.image div.avis-clients { 
display: none;
text-shadow: 0 0 3px var(--noir);
}
div.information.Produit.liste div.image div.avis-clients .ekomi-widget-container .pull-left { 
display: flex;
}
div.information.Produit.liste div.image div.avis-clients .stars-widget .total_reviews { 
white-space: nowrap;
}
div.information.Produit.liste div.image div.avis-clients p { 
margin: 0;
}
div.information.Produit.liste div.image div.promotion { 
position: absolute;
top: 0;
right: 0;
}
div.information.Produit.liste div.image div.promotion { 
position: absolute;
top: 0;
right: 0;
}
div.information.Produit.liste div.image div.promotion div.code-promo p { 
display: flex;
margin: 0;
background-color: var(--violetFonce);
color: var(--blanc);
padding: .5rem .25rem;
justify-content: center;
align-items: center;
flex-direction: column;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span { 
display: block;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-avec-le-code { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-code { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-date-fin-validite { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant { 
font-size: 1.25rem; font-weight: bold; line-height: 2rem;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant sup { 
font-size: 1.25rem; font-weight: normal;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant-mini { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-offerts { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-offerts sup { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { 
font-size: 1.25rem;
font-weight: bold;
line-height: 2rem;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-produit { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-remise { 
display: none;
}
div.information.Produit.liste div.image div.promotion div.texte-promo { 
display: none;
}
div.information.Produit.liste div.image h2 { 
font-size: .68rem;
margin: 0 0 .25rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: var(--blanc);
text-shadow: 0 0 3px var(--noir);
font-weight: 900;
}
div.information.Produit.liste div.image h2 a { 
color: var(--blanc);
text-decoration: inherit;
text-transform: uppercase;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}
div.information.Produit.liste div.image h2 span[class*='obf'] { 
color: var(--blanc);
text-decoration: inherit;
text-transform: uppercase;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}
div.information.Produit.liste div.image h2 a span.titre { 
font-size: 1rem;
font-weight: 800;
}
div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.information.Produit.liste div.image span > img { 
width: 100%;
    object-fit: cover;
    object-position: top;
/*aspect-ratio: 1.5 / 1;*/
}
div.information.Produit.liste div.image span.fabrication-francaise { 
display: none;
}
div.information.Produit.liste div.image span.garantie { 
display: none;
}
div.information.Produit.liste div.modeles { 
color: var(--violetFonce);
margin: .5rem 0;
text-align: center;
font-weight: 700;
}
div.information.Produit.liste div.tarif { 
display: flex;
justify-content: center;
align-items: flex-end;
}
div.information.Produit.liste div.tarif p.tarif { 
margin: 1rem .25rem;
text-align: center;
font-size: .9rem;
}
div.information.Produit.liste div.tarif p.tarif span.montant { 
display: flex;
justify-content: center;
align-items: flex-start;
font-weight: 700;
}
div.information.Produit.liste div.tarif p.tarif span.montant span.ttc { 
font-size: .8rem;
}
div.information.Produit.liste div.texte { 
padding: 0 .5rem;
flex-grow: 1;
}
div.information.Produit.liste div.texte p { 
margin: .5rem .25rem 0;
font-size: .6rem;
}
div.information.Produit.liste div.texte ul { 
margin: 0;
padding: .5rem .75rem;
padding-right: 0;
/*list-style: inside;*/
font-size: .7rem
}
div.information.Produit.liste p.enSavoirPlus { 
text-align: center;
margin: 0 0 1rem;
}
div.information.Produit.liste p.enSavoirPlus a, div.information.Produit.liste p.enSavoirPlus > span { 
display: inline-flex;
color: var(--blanc);
background-color: var(--violet-fonce);
text-decoration: inherit;
text-transform: uppercase;
height: 30px;
justify-content: center;
align-items: center;
font-size: .6rem;
font-weight: 700;
padding: 0 .5rem;
transition: all 250ms ease 0s;
width: 130px;
background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 6.4rem center;
    background-size: auto 30%;
    padding-right: 1.6rem;
    transition: .5s ease-in-out;
}
div.information.Produit.liste p.enSavoirPlus a:hover, div.information.Produit.liste p.enSavoirPlus > span:hover { 
background-color: var(--violet-clair);
background-position: 6.6rem center;
}
div.information.Produit.liste:hover { 
border: 3px solid var(--violetFonce);
scale: 1.02;
}
div.information.Produit.referencement { 
max-width: 1600px;
margin: 0 auto;
}
div.information.Produit.referencement div.referencement { 
padding: 0 1rem;
}
div.information.Produit.referencement div.referencement div.contenuReferencement .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 { 
position: absolute;
bottom: -1rem;
text-shadow: none;
font-weight: 500;
font-size: .7rem;
transform: translateY(100%);
top: initial;
}
div.information.Produit.referencement div.referencement div.contenuReferencement a, div.information.Produit.referencement div.referencement div.contenuReferencement span.obf { 
color: var(--violetFonce);
text-decoration: inherit;
}
div.information.Produit.referencement div.referencement div.contenuReferencement a.glossary_term { 
cursor: help;
}
div.information.Produit.referencement div.referencement div.contenuReferencement iframe:not(#AV_widget_iframe) { 
/*width: 100%;
min-height: 200px;
object-fit: cover;*/
width: 100%;
max-width: 760px;
object-fit: cover;
aspect-ratio: 560/315;
height: initial;
}
div.information.Produit.referencement div.referencement div.contenuReferencement img { 
max-width: 100%;
height: 100%;
min-width: 50px;
object-fit: cover;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section { 
border-top: 1px solid var(--gris);
padding: 2rem 0;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section div.snp-mondrian-row { 
max-width: 1600px;
margin: 0 auto;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
cursor: pointer;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
background-image: url(../images/f068.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
margin-right: .5rem;
font-weight: 400;
font-size: 1rem;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section h2 { 
color: var(--gris);
cursor: pointer;
text-transform: uppercase;
font-weight: 400;
margin: 0;
font-size: 1.25rem;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section.avis div.snp-mondrian-column { 
width: 100%;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { 
color: var(--gris);
}
div.information.Produit.referencement div.referencement div.contenuReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { 
content: "";
background-image: url(../images/2b.svg);
width: 1.5ch;
background-repeat: no-repeat;
aspect-ratio: 1/1;
display: inline-block;
margin-right: .5rem;
font-weight: 400;
font-size: 1rem;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section.closed.videos { 
padding-bottom: 2rem;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section.videos { 
padding-bottom: 6rem;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section.videos div.snp-mondrian-column { 
width: 100%;
}
div.information.Produit.referencement div.referencement div.contenuReferencement table { 
width: 100%;
}
div.information.Produit.referencement div.referencement div.contenuReferencement table.tableau-coloris thead img { 
display: block;
width: 100%;
}
div.plaquette-echantillons-rideaux-fleurs div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-rideaux-fleurs div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
display: none;
}
div.plaquette-echantillons-rideaux-geometriques div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-rideaux-geometriques div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
display: none;
}
div.plaquette-echantillons-rideaux-montagne div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-rideaux-montagne div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
display: none;
}
div.plaquette-echantillons-stores-bannes-toiles-rayures-fantaisie div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-stores-bannes-toiles-rayures-fantaisie div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
display: none;
}
div.plaquette-echantillons-toiles-bannes-unies div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-toiles-bannes-unies div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
display: none;
}
div.rideaux-classiques div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.rideaux-classiques div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { 
display: none;
}
div.sr-mondrian-MaillageLandingPage { 
margin: 1.5rem 0;
}
div.sr-mondrian-MaillageLandingPage ul { 
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 0 1rem;
margin: 0;
list-style: none;
}
div.sr-mondrian-MaillageLandingPage ul a br, div.sr-mondrian-MaillageLandingPage ul span.obf br, div.sr-mondrian-MaillageLandingPage ul a span, div.sr-mondrian-MaillageLandingPage ul span.obf span { 
display: none;
}
div.sr-mondrian-MaillageLandingPage ul a, div.sr-mondrian-MaillageLandingPage ul span.obf { 
color: var(--noir) !important;
    border: 1px solid var(--grisBordure);
    border-radius: .25rem;
    padding: .25rem .5rem;
}
div.sr-mondrian-MaillageLandingPage ul a:hover, div.sr-mondrian-MaillageLandingPage ul span.obf:hover { 
color: var(--blanc) !important;
    text-decoration: none !important;
    background-color: var(--violetFonce);
    border: 1px solid var(--violetFonce);
}
div.sr-mondrian-MaillageLandingPage ul li::marker { 
content: "";
}
section.presentation div.snp-mondrian-html-content { 
overflow: hidden;
    line-height: 1.5em;
    max-height: 6.5em;
    text-align: justify;
    transition: all 0.3s ease;
    display: block !important;
padding-bottom: 1rem;
}
section.presentation div.snp-mondrian-row { 
position: relative;
}
section.presentation span.out.closed { 
text-align: center;
    cursor: pointer;
    color: var(--violetFonce);
    text-decoration: underline;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    padding: 1rem 0 0;
}
section.presentation span.out.open { 
text-align: center;
    cursor: pointer;
    color: var(--violetFonce);
    text-decoration: underline;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste {
    font-size: .68rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: var(--blanc);
    text-shadow: 0 0 3px var(--noir);
    font-weight: 900;
    display: flex !important;
    justify-content: center;
    max-width: 1600px;
    margin: 1rem auto;
    padding: 0 1rem;
}

div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste a {
    color: var(--blanc);
    text-decoration: inherit;
    text-transform: uppercase;
    align-content: end;
}

div.information.Produit.liste div.image a img {
    position: absolute;
    width: 220px;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    max-width: 100%;
}

.see-more-wrap {
display: flex;
align-items: center;
flex-direction: column;
max-width: 270px;
margin: auto;
margin-bottom: 2rem;
}

.see-more-wrap .see-more-progress-bar {
width: 100%;
height: .4rem;
margin-bottom: 1.5rem;
background-color: var(--gris-moins-clair);
border-radius: .15rem;
}

.see-more-wrap .see-more-progress-bar .progress-value {
display: block;
height: .4rem;
border-radius: .15rem;
background-color: var(--gris444);
}

.see-more-wrap p {
font-size: 1.3rem;
font-weight: 600;
}

.see-more-wrap button {
display: inline-flex;
color: var(--noir);
border: 1px solid var(--noir);
text-decoration: inherit;
height: 30px;
justify-content: center;
align-items: center;
padding: 0 1rem;
cursor: pointer;
background-color: initial;
font-size: 1.3rem;
}

.see-more-wrap button:hover {
color: var(--blanc);
border: 1px solid var(--violetFonce);
background-color: var(--violetFonce);
}

div.information.Produit.liste.hideProductElement, .information.EnsembleCollection.liste.hideEnsembleCollectionElement {
display: none;
}

#detailPublication .see-more-wrap {
display: flex;
align-items: center;
flex-direction: column;
max-width: 270px;
margin: auto;
margin-bottom: 2rem;
}

#detailPublication .see-more-wrap .see-more-progress-bar {
width: 100%;
height: .4rem;
margin-bottom: 1.5rem;
background-color: var(--gris-moins-clair);
border-radius: .15rem;
}

#detailPublication .see-more-wrap .see-more-progress-bar .progress-value {
display: block;
height: .4rem;
border-radius: .15rem;
background-color: var(--gris444);
}

#detailPublication .see-more-wrap p {
font-size: 1.3rem;
font-weight: 600;
}

#detailPublication .see-more-wrap button {
display: inline-flex;
color: var(--noir);
border: 1px solid var(--noir);
text-decoration: inherit;
height: 30px;
justify-content: center;
align-items: center;
padding: 0 1rem;
cursor: pointer;
background-color: initial;
font-size: 1.3rem;
}

#detailPublication .see-more-wrap button:hover {
color: var(--blanc);
border: 1px solid var(--violetFonce);
background-color: var(--violetFonce);
}

#detailPublication div.information.Produit.liste.hideProductElement {
display: none;
}@media screen and (min-width: 480px) {
    div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation {
        grid-template-columns: repeat(2, 1fr);
    }

div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { 
    background-position: 7.8rem center;
    background-size: auto 21%;
    padding-right: 1.6rem;
}
}



@media screen and (min-width: 576px) {

    div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating span {
        font-size: .7rem;
    }

    div.information.Produit.liste div.image a img {
        bottom: -24px;
    }

div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p{
padding: 0 .5rem 0 3.5rem;
}

}

/*--fin576px---*/



@media screen and (min-width: 640px) {
 div.information.CategorieProduit.detail div.listeProduitDetail.secondaire {
    grid-template-columns: repeat(3, 1fr);
  }
    div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (min-width: 768px) {
div.information.CategorieProduit.detail div.listeProduitDetail.secondaire {
    grid-template-columns: repeat(4, 1fr);
  }
    div.information.IndeXysCommerceArticle.detail div#detailArticle div.image {
        grid-column: 1/2;
    }

    div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.imageAccessoire, div.Echantillon div#detailPublication div.detailPublication div.grille div.imageAccessoire{
        grid-column: 1/2;
        grid-row: 1/4;
        height: 100%;
    }

    div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config
 {
        grid-column: 2/3;
    }

    div.information.IndeXysCommerceArticle.detail h1 {
        font-size: 1.5rem;
    }

    div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation {
        grid-template-columns: repeat(4, 1fr);
    }
div.information.CategorieProduit.detail div.texte section.presentation {
	display: inherit;
}
div.information.Produit.liste div.image div.promotion div.code-promo p {
    padding: 1rem .25rem;
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant{
    font-size: 1.75rem;   
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage {
font-size: 1.75rem;
}
}

/*--fin768px---*/




@media screen and (min-width: 992px) {

    div.information.Produit.liste div.image a img {
        bottom: -22px;
    }

div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { 
    background-position: 7.8rem center;
    background-size: auto 26%;
    padding-right: 2.2rem;
}

div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter:hover { 
    background-position: 8rem center;
}

.sr-mondrian-MaillageProduit .swiper-button-prev, .swiper-rtl .swiper-button-next {
         left: -2rem;
    }

    .sr-mondrian-MaillageProduit .swiper-button-next, .swiper-rtl .swiper-button-prev {
         right: -2rem;
    }

    div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content {
        width: initial;
    }

    div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1 {
        font-size: 3rem;
    }

    div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p span.surligne {
        font-size: 3rem;
    }

    div.information.Produit.liste div.coloris div.produit p.title {
        font-size: 1rem;
    }

    div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content {
        display: initial;
    }

    div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content {
        display: initial;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content {
        display: initial;
    }

    div.information.Produit.liste div.texte p {
        font-size: 1rem;
    }

    div.information.EnsembleCollection.liste div.texte p {
        font-size: 1rem;
    }

    div.information.Produit.liste div.texte ul {
        font-size: 1rem;
    }

    div.information.Produit.liste div.image div.avis-clients {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 30%);
        color: var(--blanc);
        width: 100%;
display: block;
    }

    div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content p, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content p, div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content h1, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content h1 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p {
        font-size: 1.17rem;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p img {
        height: 4rem;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre {
        font-size: 3rem;
    }

    div.information.Produit.liste p.enSavoirPlus a, div.information.Produit.liste p.enSavoirPlus > span {
        font-size: .8rem;
width: 155px;
background-position: 8rem center;
    }

div.information.Produit.liste p.enSavoirPlus a:hover, div.information.Produit.liste p.enSavoirPlus > span:hover { 
background-color: var(--violetClair);
    background-position: 8.2rem center;
}

    div.information.Produit.liste div.tarif p.tarif span.apartirde {
        font-size: 1.25rem;
    }

    div.information.Produit.liste div.tarif p.tarif {
        font-size: 1.25rem;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre {
        font-size: 3rem;
    }

    div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 {
        font-size: 1.5rem;
    }

    div.information.Produit.referencement div.referencement div.contenuReferencement section h2 {
        font-size: 1.5rem;
    }

    div.information.IndeXysCommerceRayon.liste div.texte p {
        font-size: 1rem;
    }

    div.information.IndeXysCommerceRayon.liste div.texte ul {
        font-size: 1rem;
    }

    div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a {
        font-size: .8rem;
    }

    div.information.IndeXysCommerceArticle.liste div.image h2 a, div.information.IndeXysCommerceArticle.liste div.texte h2 a, div.information.IndeXysCommerceArticle.liste div.image h2 span[class*="obf"], div.information.IndeXysCommerceArticle.liste div.texte h2 span[class*="obf"] {
        font-size: 1rem;
    }

    div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 {
        font-size: 1.5rem;
    }

div.information.Produit.referencement div.referencement div.contenuReferencement .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 {
font-size: 1rem;
}

div.information.Produit.liste div.image h2 {
	font-size: .8rem;
}

div.information.EnsembleCollection.liste p.enSavoirPlus a, div.information.EnsembleCollection.liste p.enSavoirPlus > span {
        font-size: .8rem;
width: 155px;
        background-position: 8rem center;
    }

div.information.EnsembleCollection.liste p.enSavoirPlus a:hover, div.information.EnsembleCollection.liste p.enSavoirPlus > span:hover {
        background-color: var(--violetClair);
        background-position: 8.2rem center;
    }

div.information.EnsembleCollection.liste div.tarif p.tarif {
font-size: 1.25rem;
}

    div.information.EnsembleCollection.liste div.image h2 {
        font-size: .8rem;
    }

div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste {
        font-size: .8rem;
    }
}

/*--fin992px---*/




@media screen and (min-width: 1200px) {

div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars > div.skeepers_product__stars {
        width: 250px;
        bottom: -26px;
        max-width: initial;
    }

    div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.actions, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.actions{
        max-width: 80%;
        margin: 0 auto 1rem;
    }

    div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition{
        max-width: 80%;
        margin: 0 auto;
    }

    div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a,
    div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf'] {
        grid-template-columns: 150px 1fr;
    }

    div.information.CategorieProduit.referencement div.texteReferencement {
        font-size: 1.25rem;
    }

    div.information.CategorieProduit.referencement div.texteReferencement span {
        font-size: 1.25rem !important;
    }

    div.information.Produit.liste div.image h2 {
        font-size: .9rem;
        bottom: 1.5rem;
        transform: none;
    }

    div.information.EnsembleCollection.liste div.image h2 {
                font-size: .9rem;
        bottom: 1.5rem;
        transform: none;
    }

    div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 {
        font-size: 1.5rem;
    }

    div.information.IndeXysCommerceRayon.liste div.image h2 {
        font-size: 1.5rem;
        bottom: 1.5rem;
        transform: none;
    }

    div.information.Produit.liste div.compare div.row-compare span.label-compare {
        font-size: .8rem;
    }
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-date-fin-validite {
    display: initial; font-size: .65rem; text-transform: uppercase; margin-top: .5rem;   
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant{
    font-size: 2.5rem;   
}
div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage {
font-size: 2.5rem;
}
div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste {
        font-size: .9rem;
        bottom: 1.5rem;
        transform: none;
    }

}

/*--fin1200px---*/




@media screen and (min-width: 1400px) {
    div#zoneCentre div.information.CategorieProduit.detail div.titre h1, div#zoneCentre div.information.CategorieProduit.detail div.titre h2 {
        transform: translate(8rem, 40%);
        font-size: 3rem;
    }

    div.information.CategorieProduit.detail div.titre {
        max-width: calc(1600px - 2rem);
    }

    div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content {
        /*margin-left: 10%*/
    }

    div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content p, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content p, div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content h1, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content h1 {
        margin: 0 1rem;
    }

    div.information.CategorieProduit.detail div.texte section.presentation {
        max-width: 1600px;
        margin: 0 auto;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts {
        max-width: 1600px;
        margin: 0 auto;
    }

    div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content p {
        font-size: 1rem;
    }

    div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content ul, div.information.configuration-dimension-proposee.detail section.presentation div.snp-mondrian-html-content ul {
        font-size: 1rem;
    }

    div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre {
        font-size: 4rem;
    }

    div.information.Produit.liste div.texte {
        padding: 1rem 1.5rem 0;
    }

    div.information.Produit.liste div.compare {
        padding: 0 1.5rem;
    }

    div.information.Produit.liste div.tarif p.tarif span.apartirde {
        font-size: .8rem;
        font-weight: 700;
    }

    div.information.EnsembleCollection.liste div.texte {
        padding: 1rem 1.5rem 0;
    }

    div.information.EnsembleCollection.liste div.texte {
        padding: 1rem 1.5rem 0;
    }

    div.information.EnsembleCollection.liste div.compare {
        padding: 0 1.5rem;
    }

    div.information.EnsembleCollection.liste div.compare div.row-compare span.label-compare {
        font-size: 1rem;
    }

    div.information.EnsembleCollection.liste div.tarif p.tarif span.apartirde {
        font-size: .8rem;
        font-weight: 700;
    }

    div.information.IndeXysCommerceRayon.liste div.texte {
        padding: 1rem 1.5rem 0;
    }

    div.information.Produit.liste div.image h2 {
        font-size: 1rem;
    }

div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste {
        font-size: 1rem;
    }

}

/*--fin1400px---*/
@media screen and (min-width: 1580px) {
    div.information.CategorieProduit.detail div.titre {
        margin: 1rem auto 3.5rem;
    }

    div.information.Produit.liste div.compare div.row-compare span.label-compare {
        font-size: 1rem;
    }
}body.contact-sav div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { 
padding: 0;
}
body.sondage-echantillon div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { 
margin-bottom: 0;
}
body.sondage-echantillon div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { 
padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { 
margin: 0 auto;
padding-bottom: 1rem;
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { 
padding: .5rem 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p { 
font-size: 1rem !important;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu span { 
font-size: 1rem !important;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section p a.glossary_term { 
text-decoration: underline; cursor: help; color: inherit;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section p a.glossary_term:hover { 
color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section ul li a.glossary_term { 
text-decoration: underline; cursor: help; color: inherit;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section ul li a.glossary_term:hover { 
color: var(--violetFonce);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.alignementHaut { 
display: flex;
flex-direction: column;
justify-content: flex-start;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.alignementVertical { 
display: flex;
flex-direction: column;
justify-content: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { 
grid-column: auto / span 12;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur16 { 
grid-column: auto / span 2;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 { 
grid-column: auto / span 3;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur33 { 
grid-column: auto / span 4;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { 
grid-column: auto / span 6;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50.savoir-faire div.contenu p img { 
margin-top: 1rem;
object-position: bottom;
object-fit: cover;
height: 300px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur66 { 
grid-column: auto / span 8;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur68 { 
grid-column: auto / span 8;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur75 { 
grid-column: auto / span 9;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur8 { 
grid-column: auto / span 1;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur84 { 
grid-column: auto / span 10;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset16 { 
grid-column-start: 3;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset25 { 
grid-column-start: 4;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset33 { 
grid-column-start: 5;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset50 { 
grid-column-start: 6;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset66 { 
grid-column-start: 7;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset68 { 
grid-column-start: 8;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset75 { 
grid-column-start: 9;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset8 { 
grid-column-start: 2;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset84 { 
grid-column-start: 10;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset84 { 
grid-column-start: 10;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { 
background-color: #eceded;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu { 
margin: 1rem;
border: 1px solid var(--blanc);
position: relative;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu *:first-child { 
margin-top: 4.5rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu *:last-child { 
margin-bottom: 4.5rem;
}

div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir p { 
color: var(--blanc);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir p strong { 
color: var(--blanc)!important;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir ul li { 
color: var(--blanc);
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu a, div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu span.obf { 
text-decoration: none;
color: var(--violetFonce);
cursor: pointer;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu a:hover, div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu span.obf:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu div img { 
width: 100%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu h1 { 
margin: 0;
margin-bottom: 1rem;
padding: 0;
width: 100%;
color: var(--violetFonce);
display: inline-flex;
align-items: flex-start;
text-transform: uppercase;
font-size: 2rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu h1::after { 
content: "";
border-bottom: 1px solid var(--violetFonce);
flex-grow: 1;
align-self: flex-end;
margin-left: .5rem;
margin-bottom: .4rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu h1::before { 
content: "";
width: 1.5ch;
background-position: center;
filter: invert(15%) sepia(40%) saturate(3710%) hue-rotate(284deg) brightness(91%) contrast(92%);
background-image: url(../images/f45c.svg);
background-repeat: no-repeat;
aspect-ratio: 1/1;
font-weight: 900;
font-size: 1rem;
margin-top: .6rem;
margin-right: .75rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu h2 { 
margin: 0;
padding: 0;
padding-top: 20px;
padding-bottom: 10px;
color: #666666;
text-align: left;
text-transform: uppercase;
font-size: 1.5em;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu h3 { 
font-size: x-large;
color: #9A9A9A;
font-family: arial, helvetica, sans-serif;
font-weight: initial;
border-bottom: #9A9A9A 1px solid;
padding-bottom: 9px;
text-transform: uppercase;
height: auto;
width: 99%;
float: none;
background-image: none;
background-color: transparent;
line-height: normal;
text-indent: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu h4 { 
margin: 1rem 0;
padding: 0;
text-transform: uppercase;
color: #666666;
margin-bottom: 1.25rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu p { 
margin: 1rem 0;
padding: 0;
line-height: 1.5rem;
color: #515151;
text-align: left;
font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu p em { 
font-style: italic;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu p img { 
width: 100%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu table { 
border: 1px solid #666666;
border-collapse: collapse;
width: 100%;
margin: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu table tr td { 
border: 1px solid #666666;
padding: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu table tr:nth-child(odd) { 
background-color: #DDDDDD;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu ul { 
margin: 0;
margin-left: .5rem;
padding: 0;
padding-left: 2rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication section div.contenu ul li { 
margin-top:.25rem;
font-size: 1rem;
}
div#zoneCentre div.listeSections div.questionnaire { 
background-color: #f5f5f5;
margin: 0;
padding: 1rem;
display: flex;
align-items: center;
}
div#zoneCentre div.listeSections div.questionnaire div.texteQuestionnaire { 
padding-left: 1rem;
}
div#zoneCentre div.listeSections div.questionnaire div.texteQuestionnaire div.trait { 
border: 1px solid #0c9758;
width: 100px;
font-size: 0;
margin: .5rem 0;
}
div#zoneCentre div.listeSections div.questionnaire div.texteQuestionnaire h2 { 
font-size: 20px; color: #515151; text-transform: uppercase;
}
div#zoneCentre div.listeSections div.questionnaire div.texteQuestionnaire h2 img { 
max-width: 17px;
}
div#zoneCentre div.listeSections div.questionnaire div.texteQuestionnaire p { 
font-size: 14px;
}
div#zoneCentre div.listeSections div.questionnaire img.imageQuestionnaire { 
max-width: 150px;
}
div#zoneCentre div.listeSections div.remerciements { 
margin: 1rem 0; padding: 1rem; background-color: #f5f5f5;
}
div#zoneCentre div.listeSections div.remerciements div.social { 
display: flex; justify-content: center; margin-top: 1rem;
}
div#zoneCentre div.listeSections div.remerciements div.social a { 
margin: 0 .25rem;
}
div#zoneCentre div.listeSections div.remerciements h2 { 
text-align: center; font-size: 20px; color: #515151; text-transform: uppercase;
}
div#zoneCentre div.listeSections div.remerciements p { 
text-align: center; font-size: 16px; color: #515151; text-transform: uppercase;
}
@media screen and (max-width: 1200px) {}

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


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

@media screen and (max-width: 576px) {
    div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 {
        grid-column: auto / span 12;
    }

    div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur66 {
        grid-column: auto / span 12;
    }

    div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur33 {
        grid-column: auto / span 12;
    }
}

/* Gestion pour Image Gauche*/
div.listeSections div[class*="imageGauche"] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column: auto / span 12;
}

@media (max-width: 640px) {

    div.listeSections div[class*="imageGauche"] section.imageApresTexte {
        order: 2;
    }

    div.listeSections div[class*="imageGauche"] section.imageAvantTexte {
        order: -1;
    }

}



/* Gestion pour Image Droite */
div.listeSections div[class*="imageDroite"] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column: auto / span 12;
}

@media (max-width: 640px) {

    div.listeSections div[class*="imageDroite"] section.imageApresTexte {
        order: 2;
    }

    div.listeSections div[class*="imageDroite"] section.imageAvantTexte {
        order: -1;
    }

}[class*=suivre-une-commande] .suiviCommande h1 {
display: none;
}
[class*=suivre-une-commande] div#zoneCentre .suiviCommande .creation-compte h4 {
    text-transform: uppercase;
    order: 0;
    font-weight: 600;
    margin: 0;
    margin: 0;
    font-weight: 400;
    font-size: 1.1rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister {
    position: relative;
    padding-top: 2rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister p.navigation.select button.valider {
    background-color: var(--violetFonce);
    color: #fff;
    border: 2px solid var(--violetFonce);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister p.sauvegarde {
    margin: 0;
    margin-top: 1rem;
    padding: 1rem;
    line-height: 1.5rem;
    order: 5;
    background-color: var(--blanc);
    box-shadow: var(--boxShadow);
    display: flex;
    align-items: center;
}

[class*=suivre-une-commande] .suiviCommande p.navigation.back {
display: flex;
flex-direction: column;
gap: 1rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister p.sauvegarde input[type=checkbox] {
    appearance: none;
    border-radius: 0;
    border: 1px solid var(--violetFonce);
    outline: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    flex-shrink: 0;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister p.sauvegarde input:checked {
    background-image: url(../images/check-carre.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister p.navigation.select {
    margin: 0;
    padding: 1rem;
    background-color: var(--blanc);
    box-shadow: var(--boxShadowCollerHaut);
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.pays select {
    border: 1px solid var(--gris);
    background-color: var(--blanc);
    font-size: 1rem;
    padding: .5rem 1rem;
    color: var(--gris);
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.code-postal input {
    max-width: 130px;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p input[type="tel"] {
    background-color: var(--creme);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid var(--creme);
    color: var(--gris);
    width: 100%;
    font-size: .9rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.accepte-emailing {
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: row;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.accepte-emailing span.form-input {
    flex-grow: 0;
    flex-shrink: 0;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.accepte-emailing input[type=checkbox] {
    appearance: none;
    border-radius: 0;
    border: 1px solid var(--violetFonce);
    outline: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    flex-shrink: 0;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister p.accepte-emailing span.form-input input.boolean:checked {
    background-image: url(../images/check-carre.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p label.boolean {
    width: auto;
    margin-bottom: .25rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.accepte-emailing label {
    display: inline-block;
    margin-left: .5ch;
}
[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.civilite {
    display: flex;
    flex-wrap: nowrap;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.civilite label {
    display: initial;
    width: auto;
    min-width: 80px;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.nature-compte {
    display: flex;
    flex-wrap: nowrap;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.nature-compte label {
    display: initial;
    width: auto;
    min-width: 80px;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p span.form-input > span {
    display: flex;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p span.form-input > span span.indeXys-nowrap {
    width: 50%;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p.nature-compte label {
    display: initial;
    width: auto;
    min-width: 80px;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset {
    padding: 1rem;
    padding-top: 3rem;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--blanc);
    border: 0;
    position: relative;
    box-shadow: var(--boxShadow);
}


[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset legend {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 1rem;
    left: 1rem;
}


[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset.accesClient legend {
    font-size: 0;
}

[class*=suivre-une-commande] div#zoneCentre .suiviCommande .creation-compte p.navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset.accesClient legend::after {
    content: "Adresse de connexion";
    font-size: 1.1rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    flex-direction: column;
    max-width: 600px;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p input[type="text"] {
    background-color: var(--creme);
    margin: 0;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid var(--creme);
    color: var(--gris);
    width: 100%;
    font-size: .9rem;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p span.form-input {
    display: inline-block;
    min-height: 1.5rem;
    flex-grow: 1;
}

[class*=suivre-une-commande] .suiviCommande .register .contenuRegister fieldset p span.separator {
    display: none;
}

[class*=suivre-une-commande] div#zoneCentre .suiviCommande .creation-compte p.navigation input[type=button] {
    background-color: var(--violetFonce);
    color: var(--blanc);
    margin: 0;
    border: 0;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
    height: 40px;
    min-width: 240px;
}

[class*=suivre-une-commande] div#zoneCentre .suiviCommande .creation-compte p:not(.navigation) input {
    background-color: var(--creme);
    margin: 0;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 0;
    color: var(--gris);
    width: calc(100% - 80px);
}

[class*=suivre-une-commande] div#zoneCentre .suiviCommande .creation-compte p:not(.navigation) input:focus-visible {
outline: 2px solid var(--violetFonce);
}

[class*=suivre-une-commande] .suiviCommande:not(:has( form.register )) { 
    display: flex;
        padding: 1rem;
        margin-left: auto;
        margin-right: auto;
        background-color: var(--blanc);
        height: 100%;
        flex-direction: column;
        box-shadow: var(--boxShadow);
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande a { 
    color: var(--violetFonce);
        text-decoration: none;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande table tr th {
        background-color: var(--blanc);
        color: var(--gris);
        border: 1px solid var(--gris);
        font-size: 1rem;
        text-align: center;
        padding: .5rem;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande table { 
    margin: 0px;
        padding: 0px;
        border-collapse: collapse;
        width: 100%;
        border: 0;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande table tbody tr td { 
    background-color: var(--grisClair);
        color: var(--gris);
        border: 1px solid var(--gris);
        font-size: 1rem;
        text-align: center;
        padding: 50px;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { 
    max-width: 1600px;
        margin: 0 auto;
    }
    [class*=suivre-une-commande] div.table-overflow { 
    display: block;
        overflow-x: auto;
        padding-bottom: 1rem;
    }
    [class*=suivre-une-commande] div.table-overflow table { 
    min-width: 576px;
    }
    [class*=suivre-une-commande] ol.steps { 
    display: none;
    }

    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking { 
    display: flex;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        flex-direction: column;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking h4 { 
    text-transform: uppercase;
        order: 0;
        font-weight: 600;
        margin: 0;
        margin: 0;
        font-weight: 400;
        font-size: 1.1rem;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking p.email input { 
    background-color: var(--creme);
            margin: 0;
            padding: 0.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
            border: 0;
            color: var(--gris);
            width: calc(100% - 80px);
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking p.email label { 
    display: none;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking p.navigation { 
    display: flex;
            justify-content: center;
            align-items: center;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking p.navigation button { 
    background-color: var(--violetFonce);
            color: var(--blanc);
            margin: 0;
            border: 0;
            padding: 0.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
            font-size: 1rem;
            height: 40px;
            min-width: 240px;
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking p.numeroDeCommande input { 
    background-color: var(--creme);
            margin: 0;
            padding: 0.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
            border: 0;
            color: var(--gris);
            width: calc(100% - 80px);
    }
    [class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande div.order-tracking p.numeroDeCommande label { 
    display: block;
    }@media screen and (min-width: 992px) {

[class*=suivre-une-commande] div#zoneCentre div.IndeXysCommercePortletCompteClient div.suiviCommande table tbody tr td {
        padding: 20px;
    }

}