#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*/.swiper-lazy-preloader { 
display:none
}
#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%);
}
#exit-intent-popup { 
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1001;
background: rgba(33, 33, 33, 0.6);
transform: translateY(60%) scale(0);
transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
#exit-intent-popup.close { 
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 10px;
height: 10px;
}
#exit-intent-popup.visible { 
transform: translateY(0) scale(1);
}
div#exit-intent-popup.visible { 
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
div#exit-intent-popup.visible div.content-exit-intent-popup { 
position: relative;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content { 
background-color: #fff;
padding: .25rem;
min-width: 375px;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
justify-content: center;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte div.trait { 
border-top: 1px solid var(--vert);
width: 30%;
height: 0;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte h2 { 
color: var(--grisClair);
font-size: 3rem;
font-weight: 300;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p { 
color: var(--grisClair);
text-transform: initial;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p a { 
padding: .5rem 0;
background-color: var(--vert);
color: var(--grisClair);
width: 100%;
font-size: 1.25rem;
text-transform: initial;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p a:hover { 
scale: 1.025;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p:first-of-type { 
margin-top: 3rem;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content div.texte p:last-of-type { 
margin-top: 5rem;
width: 30%;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div#affichage-exit-doublure.content img { 
object-fit: initial;
object-position: initial;
max-width: calc(100vw - .5rem);
filter: brightness(70%);
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.close-exit-intent-popup { 
position: absolute;
top: .5rem;
right: .5rem;
padding: .3rem .6rem;
cursor: pointer;
z-index: 9999999;
background-color: var(--blanc);
border-radius: 50%;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.close-exit-intent-popup::before { 

}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content { 
background-color: #fff;
display: flex;
border: 1px solid #777;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte { 
width: 100%;
padding: 2rem 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
text-align: center;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte div.trait { 
border: 1px solid #bfce3d;
display: block;
width: 50%;
height: 0;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte h2 { 
color: #bfce3d;
text-transform: uppercase;
font-size: 2rem;
padding: 0 .25rem
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p { 
text-transform: uppercase;
font-size: 1.5rem;
color: #777;
padding: 0 .25rem;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p a { 
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
padding: .5rem .75rem;
background-color: #bfce3d;
text-decoration: none;
color: var(--blanc);
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p a:hover { 
text-decoration: underline;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content div.texte p span.minuscule { 
text-transform: initial;
}
div#exit-intent-popup.visible div.content-exit-intent-popup div.content img { 
object-fit: cover;
object-position: center;
max-width: 40%;
}@media screen and (max-width: 576px) {
    div#exit-intent-popup.visible div.content-exit-intent-popup div.content {
        flex-direction: column;
        margin: .25rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

div#zoneBas section div#paiement-securise div ul {
        margin: 0 1rem;
    }
div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf {
        max-width: 400px;
        position: absolute;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div {
        width: 100%;
        margin-right: auto;
        max-width: 800px;
    }
div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil > div {
        max-width: 1600px;
        margin: 0 auto;
    }
div#zoneBas section div#liensFooter > div {
        max-width: 1600px;
        margin: 0 auto;
    }
div#zoneBas section div#delaisInformationsConseils nav {
        width: 100%;
        margin: 0 auto;
        max-width: 1600px;
        margin-top: 3rem;
    }
}div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive 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;
}
}#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;
}
@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--*/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;
    }

}