@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/9f9e4bbb-0022-4c00-b06e-abea22a6ffce/optimisation-202401/fonts/Mulish-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/9f9e4bbb-0022-4c00-b06e-abea22a6ffce/optimisation-202401/fonts/Mulish-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/9f9e4bbb-0022-4c00-b06e-abea22a6ffce/optimisation-202401/fonts/Mulish-Regular.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/9f9e4bbb-0022-4c00-b06e-abea22a6ffce/optimisation-202401/fonts/Mulish-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
@font-face { 
font-family: 'Mulish';
src: url('/data/IndeXysBibliothequeHTML/9f9e4bbb-0022-4c00-b06e-abea22a6ffce/optimisation-202401/fonts/Mulish-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}#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(--vert);
}
.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;
--vert-clair: #C5D659;
--vert-glossaire: #717A38;
--rouge: #C21010;
--rougeCompteClient: #fc5f5f;
--rouge-automne: #b52407;
--rouge-promo: #ff3017;
--gris-clair: #F3F3F4;
--gris-moyen: #E0E0E0;
--gris-moins-clair: #e6e6e6;
--gris: #222;
--gris-v2: #98988B;
--gris444: #333;
--gris999: #888;
--gris-nav: #444;
--gris-place-holder: #666;
--gris-titre: #333;
--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;
--or: #efbf04;
}
:root { 
--vertClair: #C5D659;
--grisClair: #F3F3F4;
--grisMoyen: #E0E0E0;
--grisMoinsClair: #e6e6e6;
--grisV2: #98988B;
--grisNav: #444;
--grisPlaceHolder: #666;
--grisTitre: #333;
--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;
}
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#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.stores-venitiens-bois, .stores-venitiens div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens-bois, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie:has(.stores-venitiens-bois) {
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.rideau-rouge, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-rouge {
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.rideau-dressing, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-dressing {
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.store-electrique, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.store-electrique {
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.rideau-blanc, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-blanc {
    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.rideau-vert, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-vert {
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.rideau-chambre, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-chambre { 
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.rideau-beige, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-beige {
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.rideau-cuisine, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-cuisine { 
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.rideau-fenetre-salle-de-bains, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-fenetre-salle-de-bains { 
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.rideau-salon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-salon { 
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.rideau-veranda, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-veranda { 
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.rideaux-baie-vitree, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-baie-vitree { 
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.store-cuisine, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.store-cuisine { 
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.stores-baie-vitree, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-baie-vitree { 
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.stores-jour-nuit, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-jour-nuit { 
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.stores-occultants, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-occultants { 
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.stores-veranda, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-veranda { 
display: none;
}
div#zoneCentre div#detailPublication.IndeXysPortletPublication div.detailPublication div.information.CategorieProduit.detail div.texte > p { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-veranda { 
display: none;
}

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;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-hover div.title h2 a br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-hover div.title h2 span.obf br {
    display: none;
    }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-hover div.title h2 a br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-hover div.title h2 span.obf br {
    display: none;
    }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-hover div.title h2 a br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-hover div.title h2 span.obf br {
    display: none;
    }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-hover div.title h2 a br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-hover div.title h2 span.obf br {
    display: none;
    }:root {  
--fond-aide-au-choix: #EFF0E6;
--vert: #A9B65F;
--vert-clair: #C5D659;
--blanc: #FFFFFF;
--noir: #000000;
--vertClair: #C5D659;
}

div#modalAideAuChoix div.modal-content {
  height: 100%;
}

div#modalAideAuChoix div.modal-dialog {
  height: 90%;
}

div#modalAideAuChoix div.modal-header h4.modal-title {
  display: none;
}

html.aideAuChoix {
height: 90%;
}

html.aideAuChoix:has(div.aide-au-choix div.question div.presentation-reponses div.listeEtapes.open) {
height: auto;
}

html.aideAuChoix:has(div.aide-au-choix.questionResult) {
height: auto;
}

html.aideAuChoix body {
height: 100%;
}

html.aideAuChoix div#root {
height: 100%;
}

html.aideAuChoix div#root > div {
height: 100%;
}

div#modalAideAuChoix .modal-content {
border: 0;
border-radius: 0.3rem;
background-color: initial;
}

div#modalAideAuChoix .modal-dialog {
width: 97% !important;
max-width: 97% !important;
}

html.aideAuChoix 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;
}
html.aideAuChoix div.aide-au-choix div.historique span.separator { 
display: none;
}
html.aideAuChoix div.aide-au-choix div.historique span.votreSelection { 
padding: 0 1rem;
background-color: #fff;
text-decoration: none;
}
html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix a:hover { 
text-decoration: underline;
}
html.aideAuChoix 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;
}
html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement a:hover { 
text-decoration: underline;
}
html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.question { 
flex: 0 0 220px;
}
html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.separator { 
display: none;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste a div.image { 
text-align: center; position: relative; top: 0px; left: 0px;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste a div.image img { 
width: 100% !important;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste a div.titre { 
text-align: center;
}
html.aideAuChoix 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;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus { 
margin-top: 10px;
}
html.aideAuChoix 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;
}
html.aideAuChoix 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;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte { 
display: none;
}
html.aideAuChoix 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;
}
html.aideAuChoix 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;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte ul { 
margin: 0px; margin-top: 10px; list-style-type: none;
}
html.aideAuChoix 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;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:hover a { 
text-decoration: underline;
}
html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:hover div.enSavoirPlus a { 
text-decoration: underline;
}
html.aideAuChoix div.aide-au-choix.question01 div.presentation-aide-au-choix { 
display: block;
width: 90%;
margin: 1rem auto;
}
html.aideAuChoix div.loadingScreen { 
height: 50vh;
display: flex;
justify-content: center;
align-items: center;
}
html.aideAuChoix div.loadingScreen span { 
translate: -50%;
}

html.aideAuChoix div.aide-au-choix {
border: 1.2rem solid var(--blanc);
padding: .7rem;
position: relative;
background-color: var(--fond-aide-au-choix);
border-radius: 0.3rem;
display: flex;
flex-direction: column;
height: 100%;
}

html.aideAuChoix div.aide-au-choix div.titre-aide-au-choix {
display: inline-block;
padding: 0 1rem;
top: -1.3rem;
left: 1rem;
position: absolute;
font-size: 1.6rem;
font-weight: 700;
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.titre-question > span {
    font-size: 1.2rem;
    font-weight: 800;
}

html.aideAuChoix div.aide-au-choix div.question div.titre-question {
margin-top: .5rem;
margin-bottom: 1rem;
text-align: center;
}

html.aideAuChoix div.aide-au-choix div.historique {
width: 100%;
max-width: 500px;
margin-top: 1.5rem;
margin: 2rem auto;
padding: 0 1rem;
margin-bottom: 1rem;
}

html.aideAuChoix div.aide-au-choix div.historique span.question {
    padding: 6px 9%;
    background-image: initial;
    background-size: 0;
    background-color: var(--blanc);
    font-size: 0;
}

html.aideAuChoix div.aide-au-choix div.historique span.question.on {
    background-color: var(--vert);
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question {
margin: 0 auto; /* 1rem 0 */
display: flex;
flex-direction: column;
gap: .5rem;
max-width: 500px;
flex-wrap: wrap;
width: 100%;
flex-grow: 1;
align-content: center;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix {
width: 100%;
background-color: var(--blanc);
border-radius: 0.3rem;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix a {
display: flex;
padding: .5rem 1rem;
text-decoration: none;
gap: 1rem;
color: var(--noir);
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix a:hover {
text-decoration: none;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.presentation-choix {
align-content: center;
flex-grow: 1;
}

html.aideAuChoix div.aide-au-choix * {
    box-sizing: border-box;
}

html.aideAuChoix div.aide-au-choix div.historique > span {
    display: flex;
    transform: translate(0, -50%);
    justify-content: space-between;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-question {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix {
height: 60px;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix img {
width: 60px !important;
height: 100%;
filter: invert(67%) sepia(10%) saturate(308%) hue-rotate(21deg) brightness(88%) contrast(86%);
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement img {
filter: invert(67%) sepia(10%) saturate(308%) hue-rotate(21deg) brightness(88%) contrast(86%);
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix:hover div.image-choix img {
filter: invert(97%) sepia(5%) saturate(267%) hue-rotate(359deg) brightness(116%) contrast(100%);
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses a:hover div.reponseElement img {
/*filter: invert(97%) sepia(5%) saturate(267%) hue-rotate(359deg) brightness(116%) contrast(100%);*/
}

html.aideAuChoix div.aide-au-choix div.question {
flex-grow: 1;
display: flex;
flex-direction: column;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.titre-choix {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.presentation-choix p {
margin: 0;
}

html.aideAuChoix div.aide-au-choix div.navigation a::before {
content: '';
display: block;
width: 1.5rem;
height: 1.5rem;
background-image: url('https://stores2023-copiesr.deroyer.fr/data/IndeXysTheme/8b689140-cead-4368-9d08-5bfabc0d5249/images/chevron-up.svg');
background-repeat: no-repeat;
rotate: 270deg;
}

html.aideAuChoix div.aide-au-choix div.navigation a { 
text-decoration: none;
color: var(--noir);
display: inline-block;
padding: .5rem .8rem;
border-radius: 0.3rem;
background-color: var(--blanc);
font-weight: 700;
display: flex;
width: fit-content;
gap: .5rem;
flex-direction: row;
font-size: 1.1rem;
margin-top: 1rem;
}

html.aideAuChoix div.aide-au-choix div.navigation a:hover { 
color: var(--blanc);
background-color: var(--vert);
}

html.aideAuChoix div.aide-au-choix div.navigation a:hover::before {
filter: invert(93%) sepia(35%) saturate(0%) hue-rotate(137deg) brightness(101%) contrast(105%);
}

html.aideAuChoix div.aide-au-choix.questionResult div.historique {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.titre-selection {
margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
}

html.aideAuChoix div.aide-au-choix div.question div.titre-resultat span {
    font-weight: 700;
}

html.aideAuChoix div.aide-au-choix div.question div.titre-resultat {
    margin-bottom: .75rem;
margin-top: 1rem;
    text-align: center;
}

html.aideAuChoix div.aide-au-choix div.presentation-aide-au-choix {
display: none;
}

html.aideAuChoix div.aide-au-choix div.presentation-aide-au-choix {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.openCloseEtapes {
font-size: 0;
background-color: var(--blanc);
padding: .5rem;
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
cursor: pointer;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.openCloseEtapes::before {
content: '';
width: 1rem;
height: 1rem;
display: block;
background-repeat: no-repeat;
margin-left: .5rem;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.openCloseEtapes.close::before {
background-image: url('https://stores2023-copiesr.deroyer.fr/data/IndeXysTheme/8b689140-cead-4368-9d08-5bfabc0d5249/images/2b.svg');
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.openCloseEtapes.open::before {
background-image: url('https://stores2023-copiesr.deroyer.fr/data/IndeXysTheme/8b689140-cead-4368-9d08-5bfabc0d5249/images/f068.svg');
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.openCloseEtapes::after {
content: 'Vos critères';
font-size: 1rem;
font-weight: 500;
color: var(--noir);
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.listeEtapes.close {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.listeEtapes {
background-color: var(--blanc);
padding: 0 3rem;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.listeEtapes a {
padding-bottom: 1rem;
display: block;
text-decoration: none;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.listeEtapes img {
width: 30px;
height: auto;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement {
display: flex;
align-items: center;
gap: .5rem;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value {
    flex-grow: 1;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value span.description {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value span.title {
color: var(--noir);
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix:hover {
background-color: var(--vert);
}

html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix:hover a {
color: var(--blanc);
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image div.promotion { 
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image span.garantie { 
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image span.fabrication-francaise { 
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image div.avis-clients { 
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.content {
background-color: var(--blanc);
border-radius: .3rem;
padding: .6rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.content:hover {
border: 2px solid var(--vert);
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits > span {
display: flex;
flex-direction: column;
gap: 1rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image .titre-produit-liste {
margin: 0;
text-align: center;
line-height: 1rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.zoneDroiteMobile {
width: 50%;
order: 1;
display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image span:has(img) {
order: 0;
width: 40%;
align-content: center;
text-align: center;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image img {
height: 100%;
width: 100%;
aspect-ratio: 1/1;
max-height: 150px;
object-position: top right;
    object-fit: cover;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image {
display: flex;
flex-direction: row;
justify-content: space-around;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image .titre-produit-liste a, html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image .titre-produit-liste span.obfusquer {
color: var(--noir);
font-size: .9rem;
font-weight: 500;
text-decoration: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.modeles {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif {
display: flex;
flex-direction: column;
text-align: center;
margin: .4rem 0;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.compare {
display: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste p.enSavoirPlus {
margin: 0;
background-color: var(--vert);
color: var(--blanc);
text-transform: uppercase;
text-decoration: none;
padding: .25rem .5rem;
width: 100%;
display: inline-block;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste p.enSavoirPlus a {
color: var(--blanc);
text-decoration: none;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.montant {
font-weight: 500;
font-size: 1.1rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.devise span.ttc {
font-weight: initial;
font-size: 1rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:first-child {
background-color: var(--vert);
padding: 0.7rem;
    border-radius: .3rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:first-child::after {
content: 'Notre sélection pour vous';
    font-size: 1.1rem;
    color: var(--blanc);
    text-align: center;
    width: 100%;
    display: block;
font-weight: 500;
    padding-top: .4rem;
}

div#modalAideAuChoix div.modal-body {
padding: 0;
}

div#modalAideAuChoix div.modal-body iframe {
border: 0;
}

div#modalAideAuChoix div.modal-header {
padding: 0;
border: 0;
}

div#modalAideAuChoix {
--bs-modal-margin: 1.75rem;
}

div#modalAideAuChoix div.modal-header button {
position: absolute;
filter: initial;
    border: 1px solid var(--noir);
    border-radius: 1rem;
top: 12px;
    right: 12px;
    z-index: 10;
}

html.aideAuChoix div.aide-au-choix.questionResult div.question div.titre-resultat {
order: 1;
margin-top: 0;
}

html.aideAuChoix div.aide-au-choix.questionResult div.question div.resultat-produits {
order: 2;
}

html.aideAuChoix div.aide-au-choix.questionResult div.question div.titre-selection {
order: 3;
}

html.aideAuChoix div.aide-au-choix.questionResult div.question div.presentation-reponses {
order: 4;
}@media screen and (min-width: 992px) {

html.aideAuChoix:has(div.aide-au-choix.questionResult) {
height: 90%;
}

html.aideAuChoix div.aide-au-choix div.navigation a {
margin-bottom: 1rem;
}

html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:hover p.enSavoirPlus {
  background-position: 8.6rem center;
background-color: var(--vertClair);
}

    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste p.enSavoirPlus {
    display: flex;
    width: 165px;
    margin: auto;
    justify-content: center;
    background-image: url(../images/fleche-ajout-panier.svg);
    background-repeat: no-repeat;
    background-position: 8.4rem center;
    background-size: auto 30%;
    padding-right: 2rem;
    transition: .5s ease-in-out;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image .titre-produit-liste {
    width: 100%;
    color: var(--gris);
    cursor: pointer;
    text-transform: uppercase;
    transform: translateY(100%);
    top: initial;
    position: absolute;
    bottom: -1rem;
    text-shadow: none;
    font-weight: 400 !important;
    font-size: 1rem;
    padding: 0 1rem;
    display: block;
    max-width: 1600px;
    margin: 1rem auto;
    line-height: initial;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste {
    padding: .7rem;
    cursor: pointer;
    width: 33%;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:first-child div.content {
    height: auto;
    }

    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.content {
    padding: 0;
    padding-bottom: 1rem;
    border: 2px solid var(--fond-aide-au-choix);
    }

    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste:first-child div.content {
    border: 2px solid var(--vert);
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image img {
    width: 100%;
    border-radius: .3rem .3rem 0 0;
        object-position: top;
        display: block;
        max-width: 100%;
        height: 100%;
        aspect-ratio: 600 / 394;
        max-height: 190px;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image span:has(img) {
    width: initial;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.modeles {
    display: block;
    color: var(--vert);
    text-align: center;
    font-weight: 700;
    margin-top: 3.2rem;
    padding: 0 1rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif {
    margin: 1rem .25rem;
    margin-top: .4rem;
        text-align: center;
        font-size: 1.25rem;
    padding: 0 1rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif::after {
        content: 'Livraison gratuite';
        margin: auto;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 1rem;
        display: block;
        flex-grow: 0;
        padding: 0.2rem .5rem;
    text-align: center;
    font-size: .8rem;
    width: calc(155px - calc(2* .5rem));
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image div.avis-clients {
    display: block;
    text-shadow: 0 0 3px var(--noir);
        color: var(--blanc) !important;
        position: absolute;
        bottom: -34px;
        left: 50%;
    z-index: 1;
        text-align: center;
    transform: translate(-50%, -50%);
            min-width: 240px;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image div.avis-clients .ekomi-widget-container a {
color: var(--blanc);
}

    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.zoneDroiteMobile {
    width: initial;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits div.information.liste div.image {
    flex-direction: column;
    position: relative;
    width: 100%;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.resultat-produits > span {
    margin: auto;
    flex-direction: row;
    max-width: 1000px;
    justify-content: space-around;
    }
    
    html.aideAuChoix div.aide-au-choix.questionResult div.question div.titre-selection {
    margin: 1rem;
    }
    
    html.aideAuChoix div.aide-au-choix.questionResult div.question div.titre-resultat {
    margin: 0;
    margin-bottom: 1rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value span.title {
    text-align: center;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses a:hover div.reponseElement span.value span.title {
        /*color: var(--blanc);*/
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses a:hover {
        /*background-color: var(--vert);*/
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses a {
    text-decoration: none;
        background-color: var(--blanc);
        border-radius: .3rem;
        /*padding: 1rem;*/
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses {
    margin: 1rem auto;
max-width: 300px;
        width: 100%;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses span {
        /*display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 1rem;*/
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement img {
    width: 50px; /* 70px */
    height: 50px; /* 70px */
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.presentation-reponses div.reponseElement {
    /*flex-direction: column;*/
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.titre-selection span {
    font-size: 1.4rem;
        font-weight: 800;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.titre-resultat span {
    font-size: 1.4rem;
        font-weight: 800;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix {
    height: 300px;
    max-width: 170px;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question {
    max-width: 1500px;
    flex-direction: row;
    justify-content: center;
    gap: .75rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.titre-question > span {
    font-size: 1.8rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.titre-question {
    margin-bottom: 1rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix a {
    flex-direction: column;
    min-height: 20rem;
    padding: .5rem 1rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.presentation-choix {
    flex-grow: 0;
    margin-top: 1rem;
    padding: 0 .5rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.presentation-choix p {
    text-align: center;
    font-size: 1.2rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix {
    text-align: center;
    height: 100px;
    margin-top: 2rem;
    }
    
    html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix img {
    width: 100px !important;
    }
    
    }
    
    /*fin 992px*/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;
text-align: center;
}
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(--vert);
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(--vert);
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(--vert-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(--vert);
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;
}

}.swiper-lazy-preloader { 
display:none
}
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;
    }
}#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 */#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;
}
#Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a:not(:first-child) {
display: none;
}
#Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a#video_galerie {
display: none;
}

#Configurateur_Configuration .configurateur .liste-galons .galon .image a img {
height: 100%;
}

#Configurateur_Configuration .configurateur .options .option .option-values .option .image a img {
    height: 100%;
}
#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%;
}

.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 .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_Configuration .liste-accessoires .presentation {
    margin: 0;
    display: flex;
    flex-direction: column;
}
#Configurateur_Configuration .description .tarif .prix-final .htTtc {
    margin-left: .25ch;
    }
#Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .titre-largeur-effective:not(:has(.souligne)) {
    text-decoration: underline;
}
    #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(--vert); 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(--vert); 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(--vert); 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(--vert); 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(--vert) !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.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur::after, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur::after, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur::after, #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur::after, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur::after, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur::after { 
            content: " du store"
            }
            #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*="moustiquaire"] #Configurateur_Configuration .choix-coloris .titre-off { 
                & .selection {
                    display: none;
                }
                &::after { 
                    content: "Choisissez votre toile";
                }
            }
            #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(--vert);
                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(--vert);
                border-radius: .25rem;
                padding: .5rem;
                cursor: pointer;
                text-align: center;
                &::after {
                    content: " Où 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-vert.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(--vertClair);
                }
            }
            #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(--vert);
                display: flex;
                flex-direction: column;
                align-items: center;
                &::before { 
                    content: "";
                    background-image: url(../images/f00c-vert.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(--vert);
                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(--vertClair);
                    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(--vert)
            }
            .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(--vert);
            }
            .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(--grisV2);
            color: var(--blanc);
            }
            .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection::first-letter { 
            text-transform: capitalize;
            }
            .information.EnsembleCollection.detail .texteAffichageDetail a { 
                color: var(--vert);
                text-decoration: inherit;
                &:hover { 
                    text-decoration: underline;
                }
            }
            .information.EnsembleCollection.detail .texteAffichageDetail p { 
            margin: 1rem 0;
            padding: 0 1rem;
            }
            .information.Produit.detail .configuration { 
            margin: 2.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(--vert);
            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(--vert);
            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(--vert);
                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 > .options { 
            position: relative;
            margin-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur > .options .options { 
            padding-bottom: 1rem;
            }
            #Configurateur_Configuration .configurateur a { 
            color: var(--vert);
            }
            #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(--vert);
                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(--vert);
            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(--vert);
            }
            #Configurateur_Configuration .configurateur .choix-accessoires .titre-off .numero { 
                margin-right: .25rem;
                &::after { 
                   content: ".";
                }
            }
            #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(--vert);
                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(--vert);
                & a::before { 
                    content: "";
                    background-image: url(../images/checkBordBlanc.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(--vert);
            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(--vert);
            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(--vert);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: .5rem;
            z-index: 100;
            }
            #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris .des { 
            margin: 0 .5ch;
            }
            #Configurateur_Configuration .configurateur .coloris .image a:focus-visible { 
            outline: 2px solid var(--vert);
            }
            #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(--vert);
                    scale: 1.01;
                    background-color: var(--vert);
                    color: var(--blanc)!important;
                    position: relative;
                }
                &:checked + a::before { 
                    content: "";
                    background-image: url(../images/checkBordBlanc.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(--vert);
            }
            #Configurateur_Configuration .configurateur .aide { 
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1.75rem;
                height: 1.75rem;
                border-radius: 50%;
                background-color: var(--vert);
                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(--vert);
                    scale: 1.01;
                    background-color: var(--vert);
                    color: var(--blanc) !important;
                    position: relative;
                }
                &:checked + a::before { 
                    content: "";
                    background-image: url(../images/checkBordBlanc.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(--grisV2);
            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(--vert);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteurComplementaire { 
            width: 100%;
            border: 3px solid var(--grisV2);
            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(--vert);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteurComplementaire:focus-visible { 
            outline: none;
            border: 3px solid var(--vert);
            }
            #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(--grisV2);
            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(--vert);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeurRail { 
            width: 100%;
            border: 3px solid var(--grisV2);
            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(--vert);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span a { 
            display: inline-block;
            color: var(--vert);
            }
            #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(--vert);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.largeur { 
            border: 3px solid var(--vert);
            }
            #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.largeurRail { 
            border: 3px solid var(--vert);
            }
            #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(--vert);
            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(--vert);
            }
            #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(--vert);
            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 .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(--vert);
            }
            #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: flex;
            width: 100%;
            height: 100%;
            padding: 1.5rem 40px 1rem .75rem;
            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(--grisV2);
            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(--vert);
            }
            #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(--vert);
                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(--vert);
            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(--vert);
            }
            #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur:has(input.active) { 
            outline: none;
            border-color: var(--vert);
            }
            #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(--vert);
            }
            #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/checkBordBlanc.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/checkBordBlanc.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(--vert);
                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(--vert);
                }
                & .active::before { 
                    content: "";
                    background-image: url(../images/checkBordBlanc.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(--vert);
                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(--vertClair);
            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(/data/IndeXysBibliothequeHTML/11f79cb0-fb2c-497c-b962-d5afd5d0bb9c/accueil/livraison.svg);
                    background-position: 1rem center;
                    background-repeat: no-repeat;
                    background-size: auto 3rem;
                    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: flex;
                    font-size: .6rem;
                    font-weight: 200;
                    justify-content: center;
                }
                & .ecotaxes .dont { 
                    display: none;
                }
                & .ecotaxes .libelle { 
                    order: 3;
                    margin-left: .5ch;
                }
                & .ecotaxes .prix { 
                    order: 1;
                }
                & .ecotaxes .taxes { 
                    order: 2;
                }
                & .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(--vert);
            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(--vert);
            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(--vert);
            color: var(--blanc);
            }
            #Configurateur_Configuration .description .tarif .remise-sur-volume-euro { 
            padding: 0 1rem;
            background-color: var(--vert);
            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(--vert);
            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(--vert);
                }
                & 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(--vert)
            }
            #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(--vert);
            }
            #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(--vert);
                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(--vert);
            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(--vert);
            }
            #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);
            width: 30px;
            background: hsla(0, 0%, 100%, .3);
            border-radius: 50%;
            height: 30px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 4;
            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(--rouge);
            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;
                height: 1.5rem;
                & p { 
                    margin: 0;
                }
                &::before { 
                    content: "Avis clients";
                    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(--vert);
            background-image: url(../images/echantilllonBlanc.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(--vert);
            }
            #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(--vert);
                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(--vert);
                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(--vert);
                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(--vert);
            }
            
            #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;
        }#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;
    }@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_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 .description .content-after-add .pointsForts p br {
    display: none;
}

    #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: -1.55rem;
}

#Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next {
    bottom: -2.15rem;
top: initial;
}

    #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;
        }
    }

    .moustiquaires-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 .liste-accessoires .presentation {
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    #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);
    }

    .moustiquaires-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--*/#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(--vert);
}
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group { 
margin: 0;
margin-right: .5rem;
}
#cc-main .cm__btn { 
background: var(--vert);
position: relative;
border-color: var(--vert);
min-height: 32px;
}
#cc-main .cm__btn:hover { 
background: var(--vertClair);
border-color: var(--vertClair);
}
#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/logoStoresEtRideaux202301.png);
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(--vert);
border-color: var(--vert);
}
#cc-main .pm__btn--secondary { 
color: var(--blanc);
}
#cc-main .pm__btn--secondary:hover { 
background-color: var(--vertClair);
border-color: var(--vertClair);
color: var(--blanc);
}
#cc-main .pm__btn:hover { 
background-color: var(--vertClair);
border-color: var(--vertClair);
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(--vert);
box-shadow: none;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on { 
filter: invert(72%) sepia(22%) saturate(759%) hue-rotate(29deg) brightness(92%) contrast(90%);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon { 
background-color: rgba(169, 182, 95, .4);
}
#cc-main .toggle__icon-off { 
filter: invert(17%) sepia(56%) saturate(5338%) hue-rotate(357deg) brightness(86%) contrast(93%);
}
div:not(.ProduitConfigurationDimensionProposee) div#zoneCentre div#listePublicationLiee div.listePublicationLiee div.configuration-dimension-proposee { 
display: flex;
}
div:not(.ProduitConfigurationDimensionProposee) div#zoneCentre div#listePublicationLiee div.listePublicationLiee div.configuration-dimension-proposee a { 
color: var(--gris);
  text-decoration: inherit;
  border: 1px solid var(--gris);
  padding: 0.5rem;
  position: relative;
  flex-grow: 1;
  text-align: center;
  border-radius: 0.25rem;
  font-size: 1.2em;
}
div:not(.ProduitConfigurationDimensionProposee) div#zoneCentre div#listePublicationLiee div.listePublicationLiee div.configuration-dimension-proposee a:hover { 
box-shadow: var(--boxShadow);
background-color: var(--vert);
color: var(--blanc);
}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-vert.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(--vert);
padding-top: .5rem;
}
body[class*="echantillons"] div#listePublicationLiee.IndeXysPortletRubriquePublication .filtrePublication .filtre-liste-cle .filtre-cle .seeMore::after { 
content: "";
background-image: url(../images/chevron-down-vert.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-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 .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: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;
}
body[class*="echantillons"] div.information.IndeXysCommerceArticle.detail div.commande p.montant-total { 
display: none;
}
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(--vert);
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(--vert);
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.close-exit-intent-popup::before { 

}
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(--vert);
    background-color: var(--vert);
    color: var(--blanc);
    font-size: 1rem;
    padding: .25rem 1rem;
    border-radius: 5px;
    cursor: pointer;
}
.modal-footer button.btn-primary:hover {
    background-color: var(--vertClair);
    border: 1px solid var(--vertClair);
}
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(--vert);
display: flex;
flex-direction: column;
align-items: center;
}
div#MStoresEtRideauxConfigurateur_DisplayPanier p.message::before { 
content: "";
background-image: url(../images/f00c-vert.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(--vert);
	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: 13.5rem 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(--vertClair);
}
div#IndeXysCommerceMCompteClient_EnvoyerCodeParrainAmiModalDialog_Dialog input.sendEmail_button {
    background-image: none;
    border: 1px solid var(--vert);
    background-color: var(--vert);
    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(--vertClair);
    border: 1px solid var(--vertClair);
    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(--vert);
}
.polipop_layout_panel.polipop_theme_default .polipop__notification_type_success{
border-color:var(--vert);
}: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(/data/IndeXysBibliothequeHTML/8b8e7135-fc38-494e-86af-b92578a7e127/accueil/logoStoresEtRideaux201802.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110% auto;
    cursor: pointer;
}
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(--vert);
}
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(--vert);
background-color: var(--vert);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:hover button { 
border-color: var(--vert);
background-color: var(--vert);
}
div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:hover input { 
border-color: var(--vert);
}
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-between;
    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(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%);
}
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(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%);
}
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: 100%;
max-width: 300px;
background-image: url(../images/picto_paiement-V2.png);
/*background-image: url(../images/picto_paiement.svg);*/
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
cursor: pointer;
aspect-ratio: 400 / 100;
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: 992px) {

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 {
        max-width: 400px;
        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(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%);
    }

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

    div#zoneBas section div#delaisInformationsConseils nav > div > ul {
        display: grid;
        grid-template-columns: repeat(4, 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: 430px;
        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#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(--vert);
    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(--vert);
    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#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.anti-chaleur a span.menu, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.anti-chaleur span.obf span.menu {
display: initial;
margin-right: 0;
}

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

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

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 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;
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;
}

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);
}

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(--vert);
    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;
}

.avis-client { 
display: none;
}
.avisClient, div#menuBurger div.menuMobileFooter > p { 
margin: 0;
}
.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-sur-mesure) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.code-promo:hover { 
background-color: var(--rouge-promo);
}
body:not(.choisir-vos-stores-et-rideaux-sur-mesure) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-echantillons { 
background-color: var(--vert);
}
body:not(.choisir-vos-stores-et-rideaux-sur-mesure) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-echantillons a, body:not(.choisir-vos-stores-et-rideaux-sur-mesure) div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-echantillons span.obf { 
color: var(--blanc);
}
div#menuBurger div.menuMobile .avis-clients a span.out, div#menuBurger div.menuMobile .avis-clients span.obf span.out { 
display: none;
}
div#menuBurger div.menuMobile .avis-clients a, div#menuBurger div.menuMobile .avis-clients span.obf { 
display: inline-flex;
align-items: center;
height: 2rem;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1rem;
background-image: url(../images/etoiles-avis-cleint.svg);
aspect-ratio: 364/18;
cursor: pointer;
}
div#menuBurger div.menuMobile .avis-clients a, div#menuBurger div.menuMobile .avis-clients span.value { 
margin-left: 6rem;
font-size: 1.1rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > * { 
margin-bottom: .5rem;
}
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#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/picto_banne_compact.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 > * { 
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;
width: 320px;
margin: 0 auto;
display: block;
}
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/tel.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter h3 a, div#menuBurger div.menuMobileFooter h3 span.obf { 
text-decoration: none;
}
div#menuBurger div.menuMobileFooter h3 a::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(--vert);
}
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(--vert);
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.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-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-exterieurs { 
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.coussins-banquettes-exterieurs { 
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.coussins-banquettes-interieurs { 
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-interieurs { 
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-unis { 
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.embrasses { 
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.parois-japonaises { 
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.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.rideau-occultants { 
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-a-motifs { 
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-decoration { 
background-image: url(../images/picto_tamisant.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-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 { 
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-a-enrouleur { 
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-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-trapezes { 
background-image: url(../images/picto_trapeze.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 { 
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 { 
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.tetes-de-lit { 
background-image: url(../images/tete-lit-classique.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tetes-de-lit-capitonnees { 
background-image: url(../images/tete-lit-capitons.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tetes-de-lit-cloutees { 
background-image: url(../images/tete-lit-clous.svg);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.voilages { 
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 { 
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 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 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.banne-coffre-compacte-unies { 
background-image: url(../images/new-store-banne-demi-coffre.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*="banne"] ul li.store-banne-coffre-terrasse-toile-unis { 
background-image: url(../images/new-Store-banne-avec-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*="banne"] 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"] { 
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*="moustiquaire"] 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 span > span, 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 > 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.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-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 { 
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*="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 { 
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*="banne"] ul li a.obfusquer-MM > 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 a.obfusquer-MM > 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.cortina { 
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*="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:has(li.moustiquaires) { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has(li.stores-exterieurs) { 
display: none;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has(li.stores-exterieurs) { 
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; 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.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);
margin-left: .25rem;
background-color: var(--vert);
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);
margin-left: .25rem;
background-color: var(--vert);
padding: 0 .1rem;
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 div.contentMenuDeroulantResponsive ul li ul li span.obfusquer-MM:hover { 
background-color: var(--vert);
color: var(--blanc);
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li:not([class*="moustiquaire"], [class*="banne"], [class*="tringle"], [class*="cortina"]) 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 { 
content: "+";
margin-right: 1ch;
}
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 li[class*="banne"] 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 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, 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 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 div.mm-content-base { 
display: none !important;
}
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 ul.categorie li.anti-chaleur ul { 
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 div.contentMenuDeroulantResponsive div.mm-content-base { 
display: none !important;
}
div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-sans-percage 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):not(.anti-chaleur) div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.menu { 
display: none;
}
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.code-promo a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.code-promo span.obf { 
color: var(--rouge-promo);
}
div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.code-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(--vert);
}
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.identite p.titre { 
display: none;
}
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 div.titreRubrique h3 { /*afac*/
margin: 0;
padding: 0;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil div.titreRubrique .titre-compte-client { /*afac*/
margin: 0;
padding: 0;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil div.titreRubrique h3 a span, div#zoneHaut div.IndeXysPortletEnTete div.profil div.titreRubrique h3 span[class*="obf"] span { /*afac*/ 
display: none;
}
div#zoneHaut div.IndeXysPortletEnTete div.profil div.titreRubrique .titre-compte-client a span, div#zoneHaut div.IndeXysPortletEnTete div.profil div.titreRubrique .titre-compte-client span[class*="obf"] span { 
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/compteVert.svg);
background-repeat: no-repeat;
background-size: 2rem auto;
background-position: center;
cursor: pointer;
padding: 1rem;
position: relative;
cursor: pointer;
}
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/compteVert.svg);
background-repeat: no-repeat;
background-size: 2rem auto;
background-position: center;
cursor: pointer;
padding: 1rem;
position: relative;
cursor: pointer;
}
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: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: .5rem;
}
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-SR-Tet.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/telVert.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;
height: 60px;
width: 180px;
}
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: -.5rem;
right: -.5rem;
background-color: var(--vert);
border-radius: 50%;
}
div#zoneHaut div.panier div.quantite p.vide { 
display: none;
}
div#zoneHaut div.panier div.titreRubrique h3 { 
margin: 0;
padding: 0;
}
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/panierVert.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.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);
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 br { 
display: none;
}
div#zoneHaut div.valeurs span.obf.avis > span { 
background-image: url(../images/etoile.svg);
padding-left: 30px;
}
div#zoneHaut div.valeurs span.obf.avis > span strong { 
display: block;
}
div#zoneHaut div.valeurs span.obf.fabrication > span { 
background-image: url(/data/IndeXysBibliothequeHTML/11f79cb0-fb2c-497c-b962-d5afd5d0bb9c/accueil/fabrication.svg);
padding-left: 30px;
width: 100px;
}
div#zoneHaut div.valeurs span.obf.livraison > span { 
background-image: url(/data/IndeXysBibliothequeHTML/11f79cb0-fb2c-497c-b962-d5afd5d0bb9c/accueil/livraison.svg);
padding-left: 40px;
width: 100px;
}
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.IndeXysPortletEnTete .snp-mondrian-actions { 
top: 0;
}
div:not(.IndeXysPortletEnTete) > .snp-mondrian-actions { 
top: calc(calc(211px - 3rem) + 23px);
}

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;
    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;
border-left: 0;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    font-size: .75rem;
width: auto;
}

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

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul.categorie li span > a > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul.categorie > li > a span.obfusquer-MM {
font-size: initial;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.aide-au-choix-container {
background-image: url(../images/aide-au-choix-vert.svg);
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.aide-au-choix-container > p a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.aide-au-choix-container > p span.obf {
    display: inline-block;
    line-height: 22px;
    font-size: 1.25rem;
    width: 100%;
    margin-bottom: .75rem;
    border: 0;
}

div#menuBurger div.menuMobileFooter > p a.aideauchoix_link, div#menuBurger div.menuMobileFooter > p span.obf.aideauchoix_link {
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/aide-au-choix-rouge.svg);
cursor: pointer;
    color: var(--gris);
    text-decoration: none;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix {
display: none;
margin: 0 .5rem 0 auto;
width: 0;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix > div {
margin: 0 .5rem 0 auto;
width: 107px;
height: 100%;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p a {
display: inline-block;
white-space: nowrap;
    width: 80px;
    text-decoration: none;
    color: var(--gris);
    background-image: url(../images/aide-au-choix-vert.svg);
    background-repeat: no-repeat;
    background-size: 2.4rem auto;
    background-position: center;
    text-align: center;
    font-size: 0;
    height: 2.25rem;
    cursor: pointer;
position: absolute;
bottom: -2.6rem;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p {
padding: 0;
position: relative;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p a::after {
content: "Aide au choix";
        display: initial;
        font-size: .875rem;
        position: absolute;
        bottom: -1.4rem;
        left: 0;
        transform: translateY(-25%);
        width: 85px;
        text-align: center;
        font-weight: 500;
}

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/panierVert.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/panier.svg);
    cursor: pointer;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p a::before {
content: "NOUVEAUTÉ !";
    display: initial;
    font-size: 0.675rem;
    position: absolute;
    bottom: -2.7rem;
    left: -0.175rem;
    transform: translateY(-25%);
    width: 80px;
    text-align: center;
    font-weight: 600;
    background-color: var(--vert);
    color: var(--blanc);
    padding: .2rem 0.3rem;
}

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf::before {
content: "NOUVEAUTÉ !";
    display: initial;
    font-size: 0.675rem;
    position: absolute;
    bottom: -2.7rem;
    left: -0.175rem;
    transform: translateY(-25%);
    width: 80px;
    text-align: center;
    font-weight: 600;
    background-color: var(--vert);
    color: var(--blanc);
    padding: .2rem 0.3rem;
}

div#menuBurger div.menuMobileFooter > p:not(.titre-panier) a, div#menuBurger div.menuMobileFooter > p:not(.titre-panier) span.obf:not(.telephone) {
    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/aide-au-choix-rouge.svg);
    cursor: pointer;
    color: var(--gris);
    text-decoration: none;
}


div#menuBurger div.menuMobileFooter > p a.aideauchoix_link::after, div#menuBurger div.menuMobileFooter > p:not(.titre-panier) span.obf:not(.telephone)::after {
content: "NOUVEAUTÉ !";
    font-size: 0.8rem;
    display: block;
    margin-left: 0.5rem;
    width: auto;
    text-align: center;
    font-weight: 600;
    background-color: var(--vert);
    color: var(--blanc);
    padding: .2rem 0.3rem;
}
div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf {
    display: inline-block;
    white-space: nowrap;
    width: 80px;
    text-decoration: none;
    color: var(--gris);
    background-image: url(../images/aide-au-choix-vert.svg);
    background-repeat: no-repeat;
    background-size: 2.4rem auto;
    background-position: center;
    text-align: center;
    font-size: 0;
    height: 2.25rem;
    cursor: pointer;
    position: absolute;
    bottom: -2.6rem;
}
div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf::before {
    content: "NOUVEAUTÉ !";
    display: initial;
    font-size: 0.675rem;
    position: absolute;
    bottom: -2.7rem;
    left: -0.175rem;
    transform: translateY(-25%);
    width: 80px;
    text-align: center;
    font-weight: 600;
    background-color: var(--vert);
    color: var(--blanc);
    padding: 0.2rem 0.3rem;
}
div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf::after {
    content: "Aide au choix";
    display: initial;
    font-size: .875rem;
    position: absolute;
    bottom: -1.4rem;
    left: 0;
    transform: translateY(-25%);
    width: 85px;
    text-align: center;
    font-weight: 500;
}
div#menuBurger div.menuMobileFooter p:not(.titre-panier) span.obf:not(.telephone)::before {
    content: '';
}

/* NEW */

 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-verte-SR.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.code-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(--vert);
  }
  
   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.demande-d-echantillons {
  background-color: initial !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-echantillons a,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-echantillons span.obf {
  color: var(--vert) !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-echantillons:hover a,  div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.demande-d-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(--vert);
  color: var(--gris) !important;
  }
  
   div#zoneHaut div.IndeXysPortletEnTete div.recherche input:focus-visible,  .menuMobile input:focus-visible {
      border: 2px solid var(--vert);
      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(--vert);
      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: 450px;
      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;
  }@media screen and (min-width: 576px) {

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

div#zoneHaut div.logo p img { 
    width: 500px;
}

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#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(--vert);
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.avis>span {
		padding-left: 40px;
	}

	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;
    }
    
     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);
        background-image: url(../images/new-Contact.svg);
        background-repeat: no-repeat;
        background-size: 3rem;
        cursor: pointer;
        background-position: center;
    }

}

/*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 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;
        font-size: .875rem;
        position: absolute;
        bottom: -1rem;
        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 {
        top: 0px;
    }

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: initial;
}

div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil h3 a {
top: 0;
}

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

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

    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 Compte";
        display: initial;
        font-size: .875rem;
        position: absolute;
        bottom: -1rem;
        left: 0;
        transform: translateY(-25%);
        width: 85px;
        text-align: center;
        font-weight: 500;
    }
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;
        font-size: .875rem;
        position: absolute;
        bottom: -1rem;
        left: 0;
        transform: translateY(-25%);
        width: 85px;
        text-align: center;
        font-weight: 500;
    }

	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.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.obf::after {
		content: "Mon Panier";
		display: initial;
		font-size: .875rem;
		position: absolute;
		bottom: -1rem;
		left: 0;
		transform: translateY(-25%);
		width: 85px;
		text-align: center;
		font-weight: 500;
	}

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

	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.logo p img {
    width: 340px;
    height: 70px;
    object-position: center -45px;
    }
    
     div#zoneHaut div.logo {
    max-width: 340px;
    }
    
     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 .5rem 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;
    }

}

@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 div.snp-mondrian-element {
        max-width: 600px;
    }

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

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

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

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

div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix {
display: block;
}

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

    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: 360px;
    object-position: center -50px;
    }
    
     div#zoneHaut div.logo {
    max-width: 360px;
    }

}

@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: 390px;
    object-position: center -60px;
    }
    
     div#zoneHaut div.logo {
    max-width: 390px;
    }
}


@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.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 div.sr-categorieProduit-title div.title {
    background-image: url(../images/tete-lit-classique-BLC.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/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.moustiquaire 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.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 div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.moustiquaires-velux span.icon { 
background-image: url(../images/moustiquaire-veluxblanc-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-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.coussins-banquettes-exterieurs 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 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-unis 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.embrasses 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-a-motifs 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-decoration 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-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-thermiques span.icon { 
background-image: url(../images/Thermique-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-velours 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-sans-percage span.icon { 
background-image: url(../images/pictosspercage-blanc.svg);
background-size: auto 100%;
}
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.tetes-de-lit span.icon { 
background-image: url(../images/tete-lit-classique-BLC.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.tetes-de-lit-capitonnees span.icon { 
background-image: url(../images/tete-lit-capitons-BLC.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.tetes-de-lit-cloutees span.icon { 
background-image: url(../images/tete-lit-clous-BLC.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-a-rideaux 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 span.icon { 
background-image: url(../images/voilageBlanc.svg)
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/chemindelitBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-title div.title, 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.icon { 
background-image: url(../images/coussinMotifBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-banquettes-exterieurs div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-banquettes-exterieurs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li 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.coussins-banquettes-interieurs div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-banquettes-interieurs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li 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.coussins-unis div.sr-categorieProduit-title div.title, 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.icon { 
background-image: url(../images/coussinBlanc.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, 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.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/demi-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/venitienBlanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/tete-lit-classique-BLC.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/tete-lit-capitons-BLC.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/tete-lit-clous-BLC.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.tringle-chemin-de-fer-1 span.icon { 
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-rideaux-et-embrases div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.tringle-wave span.icon { 
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-rideaux-et-embrases div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/tringle-oeillet-blanc.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { 
background-image: url(../images/voilages.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.accessoires-de-pose-stores div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.accessoires-de-pose-stores div.sr-categorieProduit-title span.icon { 
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, 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.chemin-de-lit div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-title span.icon { 
background-image: url(../images/chemindelitBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover div.title, 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.coussins-banquettes-exterieurs div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-exterieurs div.sr-categorieProduit-title span.icon { 
background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-22.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-interieurs div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-banquettes-interieurs 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-unis div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-title span.icon { 
background-image: url(../images/coussinBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.embrasses div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.embrasses div.sr-categorieProduit-title span.icon { 
background-image: url(../images/embraseBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-hover div.title, 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, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title span.icon { 
background-image: url(../images/moustiquaire-verticaleFinalblanc-01.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-hover div.title, 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.quelle-embrase-choisir div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.quelle-embrase-choisir div.sr-categorieProduit-title span.icon { 
background-image: url(../images/embraseBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-occultants div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-occultants div.sr-categorieProduit-title span.icon { 
background-image: url(../images/occultantBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-a-motifs div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-a-motifs div.sr-categorieProduit-title span.icon { 
background-image: url(../images/motifBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-decoration div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-decoration div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tamisantBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-exterieurs div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-exterieurs div.sr-categorieProduit-title span.icon { 
background-image: url(../images/picto_rideaux_exterieurs_blanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-lins div.sr-categorieProduit-hover div.title, 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-thermiques div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-thermiques div.sr-categorieProduit-title span.icon { 
background-image: url(../images/Thermique-blanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-velours div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-velours 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, 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, 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, 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, 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, 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, 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, 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, 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-sans-percage div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-sans-percage div.sr-categorieProduit-title span.icon { 
background-image: url(../images/pictosspercage-blanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-hover div.title, 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.tetes-de-lit div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tete-lit-classique-BLC.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tete-lit-capitons-BLC.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tete-lit-clous-BLC.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tringles-a-rideaux div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tringles-a-rideaux div.sr-categorieProduit-title span.icon { 
background-image: url(../images/tringleBlanc.svg);
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.voilages div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.voilages div.sr-categorieProduit-title span.icon { 
background-image: url(../images/voilageBlanc.svg);
}
body.choisir-langue div.bouton {
padding-top: 2rem;
}

body.choisir-langue div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique li.italie a span.in {
    padding: 0.6rem 1rem;
font-size: 1.2rem;
}

body.choisir-langue div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique li.italie a span.out {
display: flex;
align-items: center;
}

body.choisir-langue div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique li.italie a span.out::before {
content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/italie.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

body.choisir-langue div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.bouton p a {
    color: var(--blanc);
    padding: .5rem 1.25rem;
border-radius: .5ch;
background-color: var(--noir);
}

body.choisir-langue div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.bouton p a:hover {
    color: var(--noir);
    background-color: var(--blanc);
}

body.choisir-langue div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.texte p {
    font-size: 1rem;
}

body.choisir-langue div.langues button span {
display: flex;
align-items: center;
}

body.choisir-langue div.langues button span::after {
  content: 'France';
    padding: 0.6rem 1rem;
  font-size: 1.2rem;
  font-weight: 100;
}

body.choisir-langue div.langues button span::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('../images/france.svg');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

body.choisir-langue div.langues {
display: flex;
justify-content: center;
}

body.choisir-langue div.langues nav {
display: flex;
flex-direction: column;
    width: 10rem;
justify-content: center;
position: relative;
}

body.choisir-langue div.langues button.snp-navigation-toggler {
display: flex;
border: 0;
    align-items: center;
    justify-content: space-around;
cursor: pointer;
border: 1px solid var(--noir);
    border-radius: .5ch;
height: 60px;
}

body.choisir-langue div.langues:has(div.snp-navigation-content.show) button {
border-bottom: 0;
border-radius: .5ch .5ch 0 0;
}

body.choisir-langue div.langues button svg{
  display: none;
}

body.choisir-langue div.langues nav:has(div.snp-navigation-content.show) button::after {
transform: rotate(180deg);
}

body.choisir-langue div.langues button::after {
  content: '';
  display: block;
  width: 1.2rem;
  height: .8rem;
transform: rotate(90deg);
  background-image: url('../images/chevron-up.svg');
  background-size: 100%;
  background-repeat: no-repeat;
}

body.choisir-langue div.langues div.snp-navigation-content {
display: none;
}

body.choisir-langue div.langues div.snp-navigation-content.show {
display: block;
    position: absolute;
    bottom: -60px;
    height: 60px;
    border: 1px solid var(--noir);
    width: 100%;
background-color: var(--blanc);
    z-index: 2;
    border-radius: 0 0 .5ch .5ch;
    border-top: none;
}

body.choisir-langue div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.langues ul:not(.snp-dropdown-menu.toggle-active) {
margin: 0;
padding: 0;
}

body.choisir-langue li.italie {
    padding: 0;
}

body.choisir-langue div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique li.italie a {
    color: var(--noir);
font-weight: 100;
}

body.choisir-langue div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique li.italie a:hover {
text-decoration: none;
}

div#zoneBas section div#liensFooter div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content ul {
margin: 0;
}

div#zoneBas div.langues button.snp-navigation-toggler {
  min-width: 8.5rem;
  max-width: 8.5rem;
  padding-top: 2rem;
  display: flex;
  border: 0;
  gap: .5rem;
  cursor: pointer;
  align-items: center;
}

div#zoneBas section div#liensFooter div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content ul li a, div#zoneBas section div#liensFooter div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content ul li span.obf {
text-align: left;
}

div#zoneBas div.snp-mondrian-column:has(div.langues) {
  position: relative;
}

div#zoneBas div.langues button span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
}

div#zoneBas div.langues button::after {
  content: '';
  display: block;
  width: .8rem;
  height: .8rem;
  background-image: url('../images/chevron-up.svg');
  background-size: 100%;
  margin-top: .2rem;
  background-repeat: no-repeat;
}

div#zoneBas div.langues button span::after {
  content: '';
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('../images/france.svg');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

div#zoneBas section div#liensFooter div.langues nav {
display: flex;
justify-content: center;
}

div#zoneBas section div#liensFooter div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content ul li a span.in::after, div#zoneBas section div#liensFooter div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content ul li span.obf span.in::after {
  content: '';
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('../images/italie.svg');
  background-size: 100%;
  margin-right: 27px;
  background-repeat: no-repeat;
  background-position: center;
}

div#zoneBas div.langues button span::before {
  content: 'France';
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 510;
  font-family: 'Mulish', sans-serif;
}

div#zoneBas section div#liensFooter div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content ul li {
margin: 0;
width: 100%;
padding: 0;
font-weight: initial;
}

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content span.in {
font-size: 1rem;
display: flex;
align-items: center;
text-transform: uppercase;
gap: 1.2rem;
font-weight: 510;
justify-content: space-between;
}

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content.show {
display: block;
position: absolute;
border: 1px solid transparent;
border-radius: .3rem;
min-width: 8.5rem;
max-width: 8.5rem;
}

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content.show:hover {
border-color: var(--grisBordure);
}

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content:not(.show) {
display: none;
}

div#zoneBas div.langues button svg {
  display: none;
}@media screen and (min-width: 992px) {

div#zoneBas div.langues {
  position: absolute;
  right: 0;
  top: -40px;
  padding-right: 5rem;
}

div#zoneBas div.langues button.snp-navigation-toggler {
  padding-top: .5rem;
}

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content.show {
top: -35px;
}

}


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

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content span.in {
gap: 0;
}

div#zoneBas div.langues nav.snp-navigation-nav-with-toggler div.snp-navigation-content.show {
width: 100%;
}

div#zoneBas div.langues {
  padding-right: 0;
}

}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 .promo {
    display: inline-block;
    color: var(--blanc);
    margin-left: .25rem;
    background-color: var(--vert);
    padding: 0 .1rem;
    width: initial;
}
div#menuBurger div.menuMobile .masquerMenu {
display: none;
}
div#menuBurger { 
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 1000;
}
div#menuBurger div.closeBurger { 
position: absolute;
top: .5rem;
left: .5rem;
background-color: var(--vert);
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/logoSR.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 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 > 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;
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 > div.listeCategorie { 
display: none;
padding: 1rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > * { 
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(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%);
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:last-child { 
/*margin-bottom: 0;*/
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive > li:not(:last-child) { 
margin-bottom: 1.5rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .accessoires-de-pose-stores > * { 
background-image: url(../images/picto_acces.svg);
}
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 .chemin-de-lit > * { 
background-image: url(../images/picto-chemindelit.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-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 .films-vitrage > * { 
background-image: url(../images/picto_film.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .moustiquaire > * { 
background-image: url(../images/moustiquaire-verticaleFinal2-01.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .moustiquaires-laterales > * { 
background-image: url(../images/moustiquaire-late-raleV2-01.svg)
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .moustiquaires-velux > * { 
background-image: url(../images/moustiquaire-veluxV2-01.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .parois-japonaises > * { 
background-image: url(../images/picto_japonais.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .quelle-embrase-choisir > *, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .embrasses > * { 
background-image: url(../images/picto_embrasses.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .rideau-occultants > * { 
background-image: url(../images/picto_occultant.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .rideaux-a-motifs > * { 
background-image: url(../images/picto_motifs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .rideaux-decoration > * { 
background-image: url(../images/picto_tamisant.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .rideaux-exterieurs > * { 
background-image: url(../images/picto_rideaux_exterieurs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .rideaux-lins > * { 
background-image: url(../images/picto_lin.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 .rideaux-velours > * { 
background-image: url(../images/picto_velour.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .store-banne-coffre-terrasse-toile-unis > * { 
background-image: url(../images/new-Store-banne-avec-coffre-1.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .store-banne-monobloc-toiles-unies > * { 
background-image: url(../images/new-Store-banne-sans-coffre-1.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-a-enrouleur > * { 
background-image: url(../images/picto_enrouleurs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-a-enrouleur > * { 
background-image: url(../images/picto_enrouleurs.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-bateaux > * { 
background-image: url(../images/picto_bateau.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-californiens-trapezes > * { 
background-image: url(../images/picto_trapeze.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-lames-verticales > * { 
background-image: url(../images/picto_californien.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-sans-percage > * { 
background-image: url(../images/pictosspercage.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-venitiens > * { 
background-image: url(../images/picto_venitien.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tetes-de-lit > * { 
background-image: url(../images/tete-lit-classique.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tetes-de-lit-capitonnees > * { 
background-image: url(../images/tete-lit-capitons.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tetes-de-lit-cloutees > * { 
background-image: url(../images/tete-lit-clous.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 div.menuDeroulantResponsive li div.listeCategorie .tringles-rideaux-et-embrases > * { 
background-image: url(../images/picto_tringle.svg);
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .voilages > * { 
background-image: url(../images/picto_voilage.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;
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 .coussins-banquettes-exterieurs a, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .coussins-banquettes-exterieurs 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.stores-interieurs div.listeCategorie [title*="Moustiquaires"] { 
display: none;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li:not(.moustiquaires) div.listeCategorie *[title*="Velux"] { 
background-image: url(../images/picto_velux.svg);
}
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(--vert); 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(--vert);
outline: none;
}
div#menuBurger div.menuMobile div.rechercheGenerale p:hover button { 
border: 2px solid var(--vert);
}
div#menuBurger div.menuMobile li.avis-clients span.out span.in { 
display: none;
}
div#menuBurger div.menuMobile li.code-promo a, div#menuBurger div.menuMobile li.code-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;
color: var(--bleu-flocon);
}
div#menuBurger div.menuMobile li.code-promo a::after, div#menuBurger div.menuMobile li.code-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 li.demande-d-echantillons a, div#menuBurger div.menuMobile li.demande-d-echantillons 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/echantillon.svg);
text-transform: uppercase;
cursor: pointer;
}
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/panier.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.contact-sav a, div#menuBurger div.menuMobileFooter li.contact-sav 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/tel.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter li.notre-adn a, div#menuBurger div.menuMobileFooter li.notre-adn 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_mobile.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter li.profil a, div#menuBurger div.menuMobileFooter li.profil 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/compte.svg);
cursor: pointer;
}
div#menuBurger div.menuMobileFooter li.suivre-une-commande a, div#menuBurger div.menuMobileFooter li.suivre-une-commande 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/suivi_mobile.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__items { 
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
overflow-y: scroll;
overflow-x: clip;
}
@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;*/
}
#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 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;
}
#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 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-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 { 
min-height: 55px;
visibility:visible;
padding: .5rem 0;
position: fixed;
bottom: 0;
background-color: var(--vert);
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(--vert);
    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 .openAlmaModal { 
margin-top: 1rem;
margin-bottom: -.5rem;
z-index: 1;
}
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 .2rem .5rem var(--grisV2);
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: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: 70px;
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 #outputAdresseClient { 
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(--vert); 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(--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);
}
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(--vert); background-color: var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.on::before { 
border-color: var(--vert);
}
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-vert.svg);
display: flex;
align-items: center;
background-repeat: no-repeat;
background-size: 2ch;
aspect-ratio: 1/1;
background-position: center;
border: 1px solid var(--vert);
background-color: var(--blanc);
font-weight: 400;
color: var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#EtapesCommande ol li.over::before { 
border-color: var(--vert);
}
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/telVert.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(--vert);
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 { 
padding-top: 1rem; padding-left: 4rem; padding-bottom: 1rem; background: url(/data/IndeXysBibliothequeHTML/11f79cb0-fb2c-497c-b962-d5afd5d0bb9c/accueil/livraison.svg) center left no-repeat; background-position: left 1.6rem; background-size: 4rem auto; background-color: transparent;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.delaiExp > div.delai-expedition span.date { 
font-weight: bold; color: var(--vert);
}
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(--vert);
}
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.total { 
border-top: 1px solid var(--gris); padding-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.recapCommande div.total div.total-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-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.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;
margin: 0;
display: flex;
justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.validerCommande p.navigation button.valider { 
text-transform: uppercase;
transition: .5s ease-in-out;
border: none;
background-color: var(--vert);
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(--vertClair);
background-position: 93% 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(--vert);
  color: white;
  padding: 22px;
    padding-right: 22px;
  font-size: 1rem;
  width: 100%;
  cursor: pointer;
  font-weight: 700;
  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#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(--vert);
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;
background-color: var(--vert);
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;
transition: .5s ease-in-out;
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(--vertClair);
background-position: 93% 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.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(--vert);
}
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 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(--vert);
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 { 
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(--vert); 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(--vert);
}
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(--vert);
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: 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.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 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: 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 span.indeXys-nowrap { 
/*width: 50%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.adresseClient fieldset p span.form-input > span button.cancel_button {
display: none;
}
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 { 
display: flex;
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(--vert);
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;*/
}
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.nature-compte { 
/*display: flex; flex-wrap: nowrap;*/
}
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.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.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.form-input { 
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 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 div.methods-of-delivery { 
padding: 0 1rem; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison div.methods-of-delivery p + p { 
margin: 0;
margin-bottom: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison div.methods-of-delivery p a { 
color: inherit;
text-decoration: inherit;
}
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.form-input { 
display: flex;
padding-bottom: 1rem;
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: 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.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 { 
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 fieldset legend { 
display: blockk; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; position: absolute; top: 1rem; left: 1rem;
color: var(--grisTitre);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p { 
/*display: flex; flex-wrap: wrap;*/
margin-top: 0.5rem;
max-width: 600px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p label.boolean { 
width: auto; margin-bottom: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p span.form-input { 
display: block; min-height: 1.5rem;
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.civilite { 
/*display: flex; flex-wrap: nowrap; justify-content: space-between;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.civilite > span { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.civilite > span span.indeXys-nowrap { 
/*width: 50%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.civilite label { 
display: initial;
width: auto;
min-width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.code-postal input { 
max-width: 120px;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.nature { 
display: flex; flex-wrap: nowrap; justify-content: space-between;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.nature label { 
width: auto;
}
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;
max-width: initial;
}
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(--vert);
}
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(--vert);
}
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); color: var(--gris999); width: 100%;
font-size: .9rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="text"]::placeholder { 
color: var(--gris-place-holder);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p input[type="text"]:focus-visible { 
outline: none;
border: 2px solid var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.error input[type="email"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.error input[type="tel"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.error input[type="text"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.error span.form-input { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.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.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(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
font-weight: 400;
font-size: 1rem;
position: absolute;
bottom: 18px;
left: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.valid input[type="email"] { 
border: 2px solid var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.valid input[type="tel"] { 
border: 2px solid var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande p.valid input[type="text"] { 
border: 2px solid var(--vert);
}
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;
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: block; min-height: 1.5rem; flex-grow: 1;
}
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(--vert);
}
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(--vert);
}
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.navigation.select button.valider:not(.commanderSansCompte) { 
background-color: var(--vert); 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(--vertClair);
}
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(--vert)'><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(--vert);
}
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(--vert);
}
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(--vert); 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(--vertClair);
}
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(--vert);
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(--vert); color: #ffffff; border: 2px solid var(--vert); 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(--vert);
}
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(--vert);
}
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(--vert);
}
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(--vert);
}
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.form-input  > span span.indeXys-nowrap { 
/*width: 50%;*/
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.form-input  > span button.cancel_button { 
display: none;
}
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 { 
display: flex;
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(--vert);
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;*/
}
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.error input[type="email"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.error input[type="tel"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.error input[type="text"] { 
border: 2px solid var(--rouge);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.error span.form-input { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.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.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(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%);
font-weight: 400;
font-size: 1rem;
position: absolute;
bottom: 18px;
left: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.nature-compte { 
/*display: flex; flex-wrap: nowrap;*/
}
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.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(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.valid input[type="tel"] { 
border: 2px solid var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p.valid input[type="text"] { 
border: 2px solid var(--vert);
}
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(--vert); color: #ffffff; border: 2px solid var(--vert); 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(--vert);
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(--vert)'><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.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: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(--vert);
}

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

div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.payment-in-installments p.method:has( input:checked ) a.img::before {
    content: "";
    background-image: url(../images/checkBordBlanc.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/checkBordBlanc.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#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 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 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 p.method a { 
color: var(--gris); text-decoration: none;
}
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 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;
    min-height: 52.78px;
}
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 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(--vert);
    border-color: var(--vert) !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.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#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;
order: -1;
}
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(--vert);
}
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(--vert);
    border-color: var(--vert) !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 p.method:not(.PaymentMethod_210) a.label span::after { 
content: " - sans frais";
font-weight: 700;
}
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(--vert);
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(--vert);
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;
display: flex;
justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande p.navigation button.valider { 
text-transform: uppercase; border: none; background-color:var(--vert); color:white; padding:22px; width: 100%; cursor: pointer; font-size: 1rem;
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#recapitulatifAvantPaiementCommande div.snp-webco-elements-recapitulatif-valider-devis p.navigation button.valider:hover {
background-color:var(--vertClair);    
background-position: 97% center;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#recapitulatifAvantPaiementCommande div.snp-webco-elements-recapitulatif-valider-devis p.navigation button.valider {
    background-position: 95% center;
transition: .5s ease-in-out;
}
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#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 { 
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 {
    border: 2px solid var(--gris444);
}
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;
    height: 100%;
    min-height: 52.78px;
    align-content: center;
    padding-left: 3.3rem;
order: 1;
}
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(--vert);
    border-color: var(--vert) !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.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_PayplugApplepay { 
order: 0;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_PayplugBancontact { 
order: 4;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.cash-payment p.method.PaymentMethod_PayplugBancontact a.label span::after { 
content: ' (Belgique uniquement)';
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.fermeture-usine { 
margin: 1rem 0;
padding: 1rem;
padding-top: 100px;
background-image: url(https://www.stores-et-rideaux.com/data/IndeXysTheme/a670e081-7c12-44ae-8325-d569825de015/images/informationvertamande.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(--vert);
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(--vertClair);
}
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 span::after { 
content: " mes coordonnées";
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.snp-webco-elements-coordonnees-valider p.navigation button.valider, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.sticky div.card-payment div.payment a.payment-button { 
text-transform: uppercase; border: none; background-color:var(--vert); color:white !important; 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;
text-decoration: none;
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:hover, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#RecapitulatifCommande div.sticky div.card-payment div.payment a.payment-button:hover { 
background-color: var(--vertClair);
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(--vert);
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 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::before { 
content: "Retour à l'accueil"
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.startNewOrder p.navigation button.creer:hover { 
background-color: var(--vertClair);
}
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(--vert);
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(--vert);
border: 2px solid var(--vert);
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(--vert);
background-color: var(--vert);
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande 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 fieldset p.pays select:focus-visible { 
outline: none;
}
div#zoneCentre div.IndeXysCommercePortletTunnelCommande p span.indeXys-nowrap + span { 
margin-top: .5rem;
}
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/panier.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(--vert);
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(--vertClair);
}
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.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(--grisTitre);
}
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(--vert);
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(--vert) !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(--vertClair) !important;
}
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[class*="facility-pay"] a.payment-button { 
text-transform: uppercase;
background-color: var(--vert) !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(--vertClair) !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-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.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(--vert);
    }
    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(--vert);
    color: var(--vert);
    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(--vertClair);
    border: 1px solid var(--vertClair);
    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'
}@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 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---*/#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: -6px;
}
#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: .5rem 0;
}
.mon_compte ul { 
padding-left: 0;
    margin: .5rem;
}
.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: 2.5rem;
    background-image: url(../images/commande.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mon_compte ul li span.img_panier { 
display: inline-block;
    height: 1.7rem;
    width: 2.5rem;
    background-image: url(../images/compte.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(--noir);
  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(--vert);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: .5rem;
  z-index: 100;
color: var(--blanc);
font-weight: 500;
}

.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(--vert);
  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;
}

#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;
    }
}#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(--vert);
}
#surveyElement .sv-root-modern .sv-container-modern { 
color: var(--gris);
}
#surveyElement .sv-root-modern .sv-footer__complete-btn { 
background-color: var(--vert);
}
#surveyElement .sv-root-modern .sv-question__title--answer { 
background-color: var(--vert);
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(--vert);
fill: var(--vert);
}
#surveyElement .sv-root-modern .sv-text:focus { 
border-color: var(--vert);
}
#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='Aides et conseils techniques'] ) { 
display: none;
}
.IndeXysPortletFilAriane li:has( a[title='Délais 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);
}
.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-sur-mesure div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-of-type(2) { 
display: none;
}
body.comment-prendre-les-mesures-de-votre-store-banne div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-child(3) { 
/*display: none;*/
}
body.message-pris-en-compte div#zoneCentre a.s1 { 
display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--vert);
    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(--vertClair);
}
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.obfusquer { 
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(--vert);
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(--vertClair);
}
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(/data/IndeXysBibliothequeHTML/11f79cb0-fb2c-497c-b962-d5afd5d0bb9c/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(--grisV2);
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: var(--grisTitre);
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(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%);
}
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(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%);
}
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: var(--grisTitre);
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;
transform: translateY(-50%);
}
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(/data/IndeXysBibliothequeHTML/8b8e7135-fc38-494e-86af-b92578a7e127/accueil/logoStoresEtRideaux201802.png);
background-repeat: no-repeat;
background-position: center;
background-size: 110% 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: space-between;
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 .5rem;
position: relative;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous img { 
width: 100%;
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;
}
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;
}
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%;
}
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.titre { 
position: relative;
border-bottom: 1px solid var(--gris);
margin: 0 0 5rem;
}
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 { 
display: inline-block;
background-color: var(--vert);
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 iframe { 
width: 100%;
max-width: 760px;
object-fit: cover;
aspect-ratio: 560/315;
height: initial;
}
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 p:not([class*="ekoo"]) { 
margin: 1rem .5rem;
}
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: -100%;
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[class*='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 div.title h2 span.promo { 
margin-left: .5ch;
}
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.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-size: 1rem;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 1rem center;
        background-size: 30px auto;
font-weight: 800;
}
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(--vert);
}
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.promo { 
margin-left: .5ch;
}
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 .models { 
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 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-size: 1rem;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 1rem center;
        background-size: 30px auto;

/*
color: inherit;
text-decoration: inherit;
padding: .5rem;
display: grid;
grid-template-columns: 60px 1fr;
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(--vert);
}
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.models { 
font-size: 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.anti-chaleur span.models::before { 
content: "5 modèles disponibles";
font-size: initial;
}
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.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.tringles-rideaux-et-embrases span.icon { 
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-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 h2 { 
margin: 0;
font-size: 2.1rem;
font-weight: 900;
transition: all 200ms ease 0s;
min-height: 111px;
display: flex;
justify-content: flex-start;
align-items: center;
}
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;
}
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.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 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-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-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.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:not(.stores-interieurs):not(.quel-coussin-choisir) div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.title { 
min-height: 41px;
}
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(--vert);
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(--vert);
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(--vert);
}
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(--vert);
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 [class*="swiper-button-next"], div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama [class*="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.bandeau-aide-au-choix { 
background-image: url("../images/image-aide-au-choixB.png");
background-repeat: no-repeat;
background-size: auto 100%;
background-position-x: right;
padding: 3rem 1rem 2rem;
color: var(--noir);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content { 
padding-left: 4rem;
background-image: url(../images/aide-au-choix.svg);
background-repeat: no-repeat;
background-size: auto 4rem;
background-position: top left;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content h2 { 
margin: 0;
font-size: 1.75rem;
font-weight: 900;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content p a { 
display: inline-flex;
color: var(--blanc);
border: 3px solid var(--vert);
background-color: var(--vert);
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.bandeau-aide-au-choix div.snp-mondrian-html-content p a:hover { 
background-color: var(--blanc);
color: var(--vert);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content p span.obf { 
display: inline-flex;
color: var(--blanc);
border: 3px solid var(--vert);
background-color: var(--vert);
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.bandeau-aide-au-choix div.snp-mondrian-html-content p span.obf:hover { 
background-color: var(--blanc);
color: var(--vert);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix 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 section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-slide-clickable { 
cursor: pointer;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama [class*="swiper-button-next"], div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama [class*="swiper-button-prev"] { 
color: var(--blanc);
}
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.miseEnAvantBlog { 
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(--gris);
border: 3px solid var(--gris);
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(--gris);
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(/data/IndeXysBibliothequeHTML/714d8a95-af15-4891-a882-d409bb687d8c/accueil/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;
}
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-html-content h2 { 
color: var(--gris);
}
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(--gris);
border: 3px solid var(--gris);
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.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(--gris);
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(/data/IndeXysTheme/a670e081-7c12-44ae-8325-d569825de015/images/fabrication.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_reparation-1600.webp");
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(/data/IndeXysTheme/a670e081-7c12-44ae-8325-d569825de015/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(--gris);
}
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.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 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(--vert);
}
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(--vert);
}
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.obf { 
color: transparent;
text-shadow: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title.hover span.icon { 
background-image: initial;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs 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.coussins-banquettes-exterieurs div.sr-categorieProduit-title span.models { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-hover div.title h2 a::after { 
content: '';
}
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.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-pour-velux div.sr-categorieProduit-hover div.title h2 a::after { 
content: '';
}
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 { 
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 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(--vert);
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 { 
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 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(--vert);
color: var(--blanc);
}
div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle:hover { 
background-color: rgba(169, 182, 95, 1);
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 { 
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.IndeXysPortletFilAriane ul li a, div#zoneCentre div.IndeXysPortletFilAriane ul li span[class*="obf"] { 
font-weight: 300;
color: inherit;
text-decoration: inherit;
cursor: pointer;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li a:hover, div#zoneCentre div.IndeXysPortletFilAriane ul li span[class*="obf"]: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.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(--vert);
}
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(--vert);
background-color: var(--vert);
}
div#zoneCentre div.IndeXysPortletNewsletter form > p:hover button { 
border-color: var(--vert);
background-color: var(--vert);
}
div#zoneCentre div.IndeXysPortletNewsletter form > p:hover input { 
border-color: var(--vert);
}
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 { 
color: var(--vert);
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(67%) sepia(47%) saturate(374%) hue-rotate(29deg) brightness(95%) contrast(88%);
}
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(67%) sepia(47%) saturate(374%) hue-rotate(29deg) brightness(95%) contrast(88%);
}
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(--vert);
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(--vertClair);
}
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(67%) sepia(47%) saturate(374%) hue-rotate(29deg) brightness(95%) contrast(88%);
}
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(67%) sepia(47%) saturate(374%) hue-rotate(29deg) brightness(95%) contrast(88%);
}
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(67%) sepia(47%) saturate(374%) hue-rotate(29deg) brightness(95%) contrast(88%);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama [class*="swiper-button-next"]::after, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama [class*="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 { 
color: var(--blanc);
text-shadow: 0 0 10px var(--noir);
width: 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 { 
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 { 
margin: 0;
font-size: .9rem;
font-weight: 700;
font-size: 1.17rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section#commandesImportantes table.delais-expedition tbody tr td p { 
margin: .25rem 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section#diaporama-media div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide img { 
object-fit: contain;
}
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 { 
display: none;
}
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(--vert)
}
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(--vert);
}
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/video.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(2rem, 40%);
margin: 0;
padding: 0 1rem;
background-color: var(--blanc);
display: inline-block;
text-transform: uppercase;
color: var(--grisTitre);
font-weight: 700;
}
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.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.content a, div#zoneGauche div.StoresEtRideauxPortletAide div.content span[class*="obf"] { 
cursor: pointer;
text-decoration: inherit;
color: var(--vert);
}
div#zoneGauche div.StoresEtRideauxPortletAide div.content a:hover, div#zoneGauche div.StoresEtRideauxPortletAide div.content span[class*="obf"]:hover { 
text-decoration: underline;
}
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(--vert);
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(--vertClair);
}
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(--vert);
}
div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li span.obfusquer-MM:hover { 
background-color: var(--vert);
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(--vert);*/
width: 100%;
/*display: none;*/
}
div#zoneHaut div.IndeXysPortletEnTete a, div#zoneHaut div.IndeXysPortletEnTete span.obf { 
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: .6rem;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p:hover button { 
border: 2px solid var(--vert);
}
div.CategorieProduit.coussins-unis div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.coussins-a-motifs div#zoneCentre div.sr-categorie-produit-liens { 
display: none;
}
div.CategorieProduit.moustiquaires 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 { 
display: none;
}
div.IndeXysPortletRubriquePublication .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.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
}
span.check { 
display: inline-block;
aspect-ratio: 208/150;
background-image: url("../images/checkBordBlanc.svg");
width: 2ch;
background-position: center;
background-repeat: no-repeat;
}
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;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-chambre, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-cuisine, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-salon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-baie-vitree { 
display: none;
}
div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-occultants, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-veranda, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.store-cuisine, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-baie-vitree, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-jour-nuit { 
display: none;
}
@media screen and (min-width: 576px) {

div#zoneGauche div.StoresEtRideauxPortletAide {
width: initial;
}
    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: 50%;
    }

    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;
}

    .masquerMobile {
        display: inherit !important;
    }

    .masquerDesktop {
        display: none !important;
    }

    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#zoneCentre section.selectionProduits .listeFavoriPublication {
	grid-template-columns: repeat(3, 1fr);
}

}

/*---fin768px---*/




@media screen and (min-width: 970px) {
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store {
        background-size: 100% auto;
    }

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix {
        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;
    }
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix {
        background-size: auto 100%;
        padding-left: 5%;
        background-color: var(--blanc);
    }

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content {
        width: 60%;
        font-size: 1.5rem;
    }

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix 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.bandeau-aide-au-choix div.snp-mondrian-html-content p span.obf {
        font-size: 1.5rem;
        width: initial;
        padding: 0 1.5rem;
        height: 60px;
    }

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content p:last-of-type {
        text-align: initial;
        margin-top: 3rem;
    }

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix div.snp-mondrian-html-content h2 {
        font-size: 2.5rem;
    }

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

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#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul {
        display: flex;
    }

    div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li {
        width: 50%;
    }

    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: 430px;
        height: 70px;
    }

    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.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(--grisV2);
    }

    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: 50%;
    }

    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(4, 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: 102% auto;
        margin: 0 1rem;
        min-height: 375px;
    }

    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#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit {
        grid-template-rows: repeat(8, 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.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: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#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: none;/*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 .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.chemin-de-lit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit,
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit {
	display: grid;
	grid-template-columns: repeat(3, 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.stores-bannes-monobloc div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div.store-banne-coffre-compacte div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div.stores-bannes-coffre-terrasse div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee {
	grid-template-columns: repeat(1, 1fr);
	max-width: 412px;
	margin: 0 auto;
}
	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;
	}

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.chemin-de-lit {
        background-size: 115% auto;
        margin: 0 1rem;
        min-height: 375px;
    }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit {
        background-size: 115% auto;
        margin: 0 1rem;
        min-height: 375px;
    }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees {
        background-size: 115% auto;
        margin: 0 1rem;
        min-height: 375px;
    }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees {
        background-size: 115% auto;
        margin: 0 1rem;
        min-height: 375px;
    }

div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.chemin-de-lit div.sr-categorieProduit-hover {
            width: 75%;
        }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit div.sr-categorieProduit-hover {
            width: 75%;
        }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-cloutees div.sr-categorieProduit-hover {
            width: 75%;
        }
    
    div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tetes-de-lit-capitonnees div.sr-categorieProduit-hover {
            width: 75%;
        }
}

/*---fin992px---*/
 
@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#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.bandeau-aide-au-choix {
        padding-left: 15%;
    }

    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;
    }

}

/*---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 150%;
	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:not([class*="ekoo"]), 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 {
        background-size: 100% auto;
    }

    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:not([class*="ekoo"]) {
        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;
    }

}

/*--fint1580px--*/.sr-mondrian-MaillageProduit div.information.Produit.liste div.image {
aspect-ratio: 600 / 394;
}
#zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .sr-categorieProduit-title {
position: absolute;
top: 0;
}

#zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .bg-image {
display: block;
width: auto;
height: 100%;
}
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 img {
object-position: center;
object-fit: cover;
width: 100%;
height: 100%;
}
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: '(';
}
div.information.EnsembleCollection.liste:hover {
    border: 3px solid var(--vert);
    scale: 1.02;
}

div.information.EnsembleCollection.liste div.tarif::after {
    content: 'Livraison gratuite';
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
    flex-grow: 0;
    /* background-color: var(--gris-moins-clair); */
    padding: 0.2rem .5rem;
    width: calc(120px - calc(2* .5rem));
    text-align: center;
}

.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 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: 5rem;
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(--vert);
  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(--vert-clair);*/
}
.sr-mondrian-MaillageProduit div.swiper-group div.swiper { 
padding: 1rem;
}
.stores-sans-percage div.information.Produit.liste div.image span > img.image-survol-mode-liste, .stores-sans-percage div.information.Produit.liste div.image span > img { 
aspect-ratio: 600/395;
}
body.choisir-vos-stores-et-rideaux-sur-mesure div.information.CategorieProduit.detail div.titre { 
display: none;
color: var(--grisTitre);
}
body.demande-d-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif + p.enSavoirPlus { 
display: none;
}
body.demande-d-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { 
display: none;
}
body.demande-d-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(--vert);
	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.ajouter span.prix, body.offrir-un-cheque-cadeau div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { 
display: none;
}
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;
}
body[class*=echantillons] div.information.IndeXysCommerceArticle.liste div.commande div.tarif + p.enSavoirPlus { 
display: none;
}
body[class*=echantillons] div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { 
display: none;
}
body[class*=echantillons] div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { 
display: none
}
div#conteneur.EnsembleCollection div.information.Produit.liste div.image { 
min-height: initial;
}
div#conteneur.anti-chaleur div.information.Produit.liste div.image img { 
aspect-ratio: 460/300;
object-fit: cover;
object-position: top;
}
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(--vert);
border: 2px solid var(--vert);
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(--vert);
background-color: var(--vert);
}
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.moustiquaires div.information.Produit.liste div.compare { 
display: none;
}
div.CategorieProduit:not(.stores-pour-velux):not(.stores-bateaux):not(.rideaux-exterieurs):not(.embrasses):not(.moustiquaires):not([class*="coussins"]):not(.chemin-de-lit):not([class*="tetes"]):not(.stores-exterieurs) div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.CategorieProduit:not(.stores-pour-velux):not(.stores-bateaux):not(.rideaux-exterieurs):not(.embrasses):not(.moustiquaires):not([class*="coussins"]):not(.chemin-de-lit):not([class*="tetes"]):not(.stores-exterieurs) div.information.Produit.liste div.image span > img { 
aspect-ratio: 1.5 / 1;
}
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.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.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 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 > 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(--vert);
  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(--vertClair);
  background-position: 15rem center;
}
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(--vert);
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(--vertClair);
}
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(--vert);
  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, div.Echantillon 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::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.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.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.config div.tarif, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif { 
text-align: center;
}
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(--vert);
}
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;
}
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, 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.coussins-banquettes-interieurs div.information.CategorieProduit.referencement div.texteReferencement section, div.quel-coussin-choisir div.information.CategorieProduit.referencement div.texteReferencement section { 
border-top: 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.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(--vert);
	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;
}
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(--vert);
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;
}
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(--vert);
font-size: 2.25rem;
font-weight: 700;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content a, div.information.configuration-dimension-proposee.detail section.presentation div.snp-mondrian-html-content a { 
color: var(--vert);
text-decoration: inherit;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content a:hover, div.information.configuration-dimension-proposee.detail 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, div.information.configuration-dimension-proposee.detail section.presentation div.snp-mondrian-html-content p { 
margin: 1rem;
}
div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content, div.information.configuration-dimension-proposee.detail section.presentation div.snp-mondrian-html-content { 
display: none;
}
div.information.CategorieProduit.detail div.texte section.presentation, div.information.configuration-dimension-proposee.detail section.presentation { 
display: none;
}
div.information.CategorieProduit.detail div.titre { 
border-bottom: 1px solid var(--gris);
margin: 1rem 1rem 3.5rem;
}
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(--vert);
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: 1rem 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(--vert);
}
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(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%);
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;
filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%);
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;
    align-items: center;
}
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(--vert);
}
div.information.EnsembleCollection.liste div.image { 
position: relative;
background-color: var(--vert);
}
div.information.EnsembleCollection.liste div.image > span, div.information.EnsembleCollection.liste div.image > a { 
display: flex;
cursor: pointer;
}
div.information.EnsembleCollection.liste div.image a img, div.information.EnsembleCollection.liste div.image span img { 
width: 100%;
height: auto;
}
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;
display: flex !important;
justify-content: center;
}
div.information.EnsembleCollection.liste div.image h2 a { 
color: var(--blanc);
text-decoration: inherit;
text-transform: uppercase;
align-content: 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(--vert);
margin: .5rem 0;
text-align: center;
font-weight: 700;
}
div.information.EnsembleCollection.liste div.tarif { 
    flex-grow: 1;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
}
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-size: .9rem;
font-weight: 700;
}
div.information.EnsembleCollection.liste div.tarif p.tarif span.montant span.devise { 
font-size: .8rem;
}
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);
    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;
    background-color: var(--vert);
    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(--vert-clair);
    background-position: 6.6rem center;
}
div.information.EnsembleCollection.referencement div.texteAffichageReferencement a { 
color: var(--vert);
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(--vert);
}
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;
filter: invert(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%);
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;
filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%);
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 { 
display: grid; grid-template-columns: repeat(2, 1fr);
}
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 { 
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.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.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(--vert);
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(--vertClair);
}
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(--vert);
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(--vertClair);
}
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(--vert);
background-color: var(--blanc);
color: var(--vert);
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(--vert);
background-color: var(--blanc);
color: var(--vert);
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(--vert);
border: 2px solid var(--vert);
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;
max-width: 400px;
top: 1rem;
margin: 0 auto;
}
div.information.IndeXysCommerceArticle.detail div.image > a, div.information.IndeXysCommerceArticle.detail div.image > span.thickbox { 
display: flex;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.image a img, div.information.IndeXysCommerceArticle.detail div.image span.thickbox img { 
width: 100%;
height: auto;
}
div.information.IndeXysCommerceArticle.detail div.image a span, div.information.IndeXysCommerceArticle.detail div.image span.thickbox 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.detail h1 { 
margin: .5rem 0 1.5rem; font-size: 1rem; font-weight: 900; text-align: center;
}
div.information.IndeXysCommerceArticle.detail[data-nature="bonCadeau"] div.grille div.config div.tarif form p.ajouter span.quantity, div.information.IndeXysCommerceArticle.detail[data-nature="bonCadeau"] div.grille div.config div.tarif form p.ajouter div.montant-total { 
display: none !important;
}
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;
border: none;
background-color: var(--vert);
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(--vertClair);
}
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(--vert);
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(--vertClair);
}
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(--vert);
font-weight: 600;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity input.quantite { 
margin-left: 1ch;
border: 1px solid var(--vert);
background-color: var(--blanc);
color: var(--vert);
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(--vert);
background-color: var(--blanc);
color: var(--vert);
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(--vert);
border: 2px solid var(--vert);
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(--vert);
}
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);
cursor: pointer;
}
div.information.IndeXysCommerceArticle.liste div.image img { 
width: 100%;
height: auto;
}
div.information.IndeXysCommerceArticle.liste div.texte { 
display: none;
}
div.information.IndeXysCommerceArticle.liste:hover { 
border: 3px solid var(--vert);
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(--vert);
}
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(--vert);
border: 2px solid var(--vert);
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(--vert);
background-color: var(--vert);
}
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 .ekomi-widget-container a { 
color: var(--blanc) !important;
}
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(--vert);
}
div.information.Produit.liste div.image { 
position: relative;
width: 100%;
}
div.information.Produit.liste div.image > a, div.information.Produit.liste div.image > span[id*="image"] { 
display: flex;
cursor: pointer;
}
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, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 15%);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.information.Produit.liste div.image a img, div.information.Produit.liste div.image > span[id*="image"] img { 
width: 100%;
    height: auto;
}
div.information.Produit.liste div.image div.avis-clients #ekomi-product-widget-identifier, div.information.EnsembleCollection.liste div.image div.avis-clients #ekomi-product-widget-identifier { 
display: none;
}
div.information.Produit.liste div.image div.avis-clients .ekomi-widget-container .pull-left, div.information.EnsembleCollection.liste div.image div.avis-clients .ekomi-widget-container .pull-left { 
display: flex;
}
div.information.Produit.liste div.image div.avis-clients .stars-widget .rating-stars, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget .rating-stars { 
margin-right: 0;
}
div.information.Produit.liste div.image div.avis-clients .stars-widget .total_reviews, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget .total_reviews, div.information.Produit.liste div.image div.avis-clients .stars-widget .reviews-detail, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget .reviews-detail { 
white-space: nowrap;
display: none;
}
div.information.Produit.liste div.image div.avis-clients .stars-widget, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget { 
width: initial;
}
div.information.Produit.liste div.image div.avis-clients p, div.information.EnsembleCollection.liste div.image div.avis-clients p { 
margin: 0;
}
div.information.Produit.liste div.image div.avis-clients, div.information.EnsembleCollection.liste div.image div.avis-clients { 
text-shadow: 0 0 3px var(--noir);
	color: var(--blanc) !important;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0%);
	z-index: 1;
min-width: 100%;
text-align: center;
}
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(--vert);
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-produit { 
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, 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;*/
display: block;
}
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(--vert);
margin: .5rem 0;
text-align: center;
font-weight: 700;
}
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.tarif::after { 
content: 'Livraison gratuite';
font-size: .6rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1rem;
display: block;
flex-grow: 0;
/*background-color: var(--gris-moins-clair);*/
padding: 0.2rem .5rem;
width: calc(120px - calc(2 * .5rem));
text-align: center;
}
div.information.Produit.liste div.texte { 
padding: 0 .5rem;
align-self: flex-start;
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);
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;
background-color: var(--vert);
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(--vert-clair);
background-position: 6.6rem center;
}
div.information.Produit.liste:hover { 
border: 3px solid var(--vert);
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 .ekomi-widget-container a { 
color: var(--blanc) !important;
}
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(--vert-glossaire);
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 { 
/*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%;
min-width: 50px;
height: 100%;
object-fit: cover;
}
div.information.Produit.referencement div.referencement div.contenuReferencement section { 
border-top: 1px solid var(--gris);
padding: 1rem 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;
filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%);
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.information.configuration-dimension-proposee.detail { 
padding: 0 0 1rem;
}
div.listeProduitSecondaire div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.listeProduitSecondaire div.information.Produit.liste div.image span > img { 
aspect-ratio: 600/394;
}
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-1 div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-stores-bannes-1 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(--vert);
    border: 1px solid var(--vert);
}
div.sr-mondrian-MaillageLandingPage ul li::marker { 
content: "";
}
div[class*=cadeau].IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition { 
display: none;
}
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;
}
section.presentation div.snp-mondrian-row { 
position: relative;
}
section.presentation span.out.closed { 
text-align: center;
    cursor: pointer;
    color: var(--vert);
    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(--vert);
    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;
}

.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(--vert);
background-color: var(--vert);
}

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(--vert);
background-color: var(--vert);
}

#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.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#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation {
        grid-template-columns: repeat(3, 1fr);
    }

    div.information.CategorieProduit.detail div.listeProduitDetail.secondaire {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (min-width: 768px) {
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.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 div#detailArticle div.image {
        grid-column: 1/2;
    }

    div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande {
        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, div.information.configuration-dimension-proposee.detail 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.CategorieProduit.detail div.listeProduitDetail.secondaire {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*--fin768px---*/




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

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;
}

div.information.Produit.liste p.enSavoirPlus a, div.information.Produit.liste p.enSavoirPlus > span {
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(--vert-clair);
    background-position: 8.2rem center;
}

div.information.Produit.liste div.tarif::after { 
font-size: .8rem;
width: calc(155px - calc(2 * .5rem));
}
    .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, 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: initial;
    }

    div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content, div.information.configuration-dimension-proposee.detail 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, div.information.EnsembleCollection.liste div.image div.avis-clients {
	transform: translate(-50%, -50%);
	min-width: 240px;
}

div.information.Produit.liste div.image div.avis-clients .stars-widget .rating-stars, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget .rating-stars {
	margin-right: 5px;
}
div.information.Produit.liste div.image div.avis-clients .stars-widget .total_reviews, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget .total_reviews, div.information.Produit.liste div.image div.avis-clients .stars-widget .reviews-detail, div.information.EnsembleCollection.liste div.image div.avis-clients .stars-widget .reviews-detail {
	display: inline-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;
    }

    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.25rem;
    }

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

    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 div.image h2 {
font-size: .8rem;
}

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

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

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

div.information.EnsembleCollection.liste div.tarif::after {
        font-size: .8rem;
        width: calc(155px - calc(2* .5rem));
    }

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

}

/*--fin992px---*/




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

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.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: 1rem;
    }

    div.information.CategorieProduit.referencement div.texteReferencement span {
        font-size: 1rem !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.25rem;
    }

    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.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, div.information.configuration-dimension-proposee.detail 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, div.information.configuration-dimension-proposee.detail 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.image h2 {
        font-size: 1rem;
    }

    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(--vert);
}
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(--vert);
}
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(--vert);
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(--vert);
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(--vert);
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(67%) sepia(47%) saturate(374%) hue-rotate(29deg) brightness(95%) contrast(88%);
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;
    }

}@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}