@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-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, html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix .obfusquer: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, html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix .obfusquer {
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, html.aideAuChoix div.aide-au-choix div.question div.liste-choix-question div.choix .obfusquer: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);
cursor: pointer;
}

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.detailPublication div.information.detail div.listeActualiteComplementaire h4 span::after { 
content: "Vous aimerez aussi...";
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +";
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +";
}
body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus a span::after { 
content: " | En découvrir +";
}#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%);
}
#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;}
}
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 ul.categorie .stores-occultants ul.categorie {
display: none;
}

div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.stores-occultants {
background-image: url(../images/picto-occultant-vert-gris.svg);
}

div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-occultants div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-occultants div.sr-categorieProduit-hover div.title {
    background-image: url(../images/picto-occultant-blanc.svg);
}

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 2.7rem;
background-image: url(../images/new-Contact.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 2.7rem;
    background-image: url(../images/new-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 2.7rem;
    background-image: url(../images/new-Aide-au-choix.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.stores-occultants span.icon {
    background-image: url(../images/picto-occultant-blanc.svg);
    background-size: auto 1.6rem;
}
div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .stores-occultants > * {
    background-image: url(../images/picto-occultant-vert-gris.svg);
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.chemin-de-lit span.icon {
    background-image: url(../images/chemindelitBlanc.svg);
    background-size: 45px auto;
}
div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit 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: .8rem 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 2.7rem;
background-image: url(../images/new-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;*/
}
#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/new-Compte.svg);
    background-repeat: no-repeat;
    background-position: center;
background-size: 95%;
}
.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;
gap: .5ch;
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-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, div.information.IndeXysCommerceRayon.liste div.image > span[class*='obf'] { 
display: flex;
cursor: pointer;
}
div.information.IndeXysCommerceRayon.liste div.image a img, div.information.IndeXysCommerceRayon.liste div.image span[class*='obf'] 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, div.information.IndeXysCommerceRayon.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.IndeXysCommerceRayon.liste div.image h2 a span.titre, div.information.IndeXysCommerceRayon.liste div.image h2 span[class*='obf'] 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, div.information.IndeXysCommerceRayon.liste p.enSavoirPlus span[class*='obf'] { 
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, div.information.IndeXysCommerceRayon.liste p.enSavoirPlus span[class*='obf']: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, div.information.IndeXysCommerceRayon.liste p.enSavoirPlus span[class*='obf'] {
        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;
    }

}