div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-chambre, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-cuisine, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-salon, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideaux-baie-vitree, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-chambre, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-occultants, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-veranda, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.store-cuisine, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-baie-vitree , div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.stores-jour-nuit, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li.rideau-veranda { display: none; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-veranda { display: none; } body.pp-toiles-et-tissus-non-feu-m1 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux { background-size: auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux { background-image: url("../images/photorideaux.jpg"); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores { background-image: url("../images/store-interieur-home.jpg"); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.embrases { background-image: url("../images/visuelsembrasse.jpg"); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-bateaux { background-image: url("../images/fond_bateau.jpg"); background-size: auto 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs { background-image: url("../images/homebanne23.jpg"); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-venitiens { background-size: auto 150%; } div#zoneCentre div#detailPublication.IndeXysPortletPublication div.detailPublication div.information.CategorieProduit.detail div.image { /*display: none;*/ } div#zoneCentre div#detailPublication.IndeXysPortletPublication div.detailPublication div.information.CategorieProduit.detail div.texte > p { display: none; } div#zoneCentre div#detailPublication.IndeXysPortletPublication div.detailPublication div.information.CategorieProduit.detail div.texte > ul { /*display: none;*/ } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires { background-image: url("../images/fond_moustiquaire.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.panneaux-japonais { background-image: url("../images/fond_japonais.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises { background-image: url("../images/Photo-intro-de-gamme--10-.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-a-enrouleur { background-image: url("../images/Sans-titre--1370---600-px---3-.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux { background-image: url("../images/bateau.jpg"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux { background-image: url("../images/fond_bateau.jpg"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens { background-image: url("../images/fond_californien.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-enrouleurs { background-image: url("../images/fond_enrouleur.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales { background-image: url("../images/Photo-intro-de-gamme--9-.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux { background-image: url("../images/storevelux.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux-1 { background-image: url("../images/fond_velux.png"); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens { background-image: url("../images/venitienboisambiance.png"); } div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div.listeSousPublication div.sr-categorieProduit.tringles-a-rideaux, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div.listeSousPublication div.sr-categorieProduit.pellicole-per-finestre-1 { background-size: 100% auto !important; } 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, div[class*="tubolari-tendenza"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur div.coloris div.echantillons-coloris { display: none; }#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-glossaire: #717A38; --violet-fonce: #6d2064; --violet-clair: #b5418e; --vert-clair: #C5D659; --rouge: #C21010; --rouge-promo: #ff3017; --rougeCompteClient: #fc5f5f; --gris-clair: #F3F3F4; --gris-moyen: #E0E0E0; --gris-moins-clair: #e6e6e6; --gris: #222; /*#555*/ --gris-v2: #98988B; --gris-titre: #333; --gris-place-holder: #666; --blanc: #ffffff; --noir: #000000; --noir-transparent: rgba(0,0,0, .6); --gris-transparent: rgba(152, 152, 152, 0.9); --creme : #F1F1EE; --gris-bordure: #d3d3d3; --fond-filtres: #77776F; --blanc-casse: #FCFCFC; --box-shadow: 0 0.2rem 0.4rem 0 rgba(50, 50, 51, 0.3); --box-shadow-coller-haut: 0 0.4rem 0.4rem 0 rgba(50, 50, 51, 0.3); --gris-recap: #C4C4BA; --gris999: #888888; --gris444: #333; --rouge-automne: #b52407; --or: #efbf04; } :root { --violetFonce: #6d2064; --violetClair: #b5418e; --vertClair: #C5D659; --grisClair: #F3F3F4; --grisMoyen: #E0E0E0; --grisMoinsClair: #e6e6e6; --grisV2: #98988B; --grisTitre: #333; --grisPlaceHolder: #666; --noirTransparent: rgba(0,0,0, .6); --grisTransparent: rgba(152, 152, 152, 0.9); --grisBordure: #d3d3d3; --fondFiltres: #77776F; --blancCasse: #FCFCFC; --boxShadow: 0 0.2rem 0.4rem 0 rgba(50, 50, 51, 0.3); --boxShadowCollerHaut: 0 0.4rem 0.4rem 0 rgba(50, 50, 51, 0.3); --grisRecap: #C4C4BA; } @font-face { font-family: 'Mulish'; src: url('/data/IndeXysBibliothequeHTML/5773e014-a705-41e4-9094-f575fefb7cf8/optimisation-202401/fonts/Mulish-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/data/IndeXysBibliothequeHTML/5773e014-a705-41e4-9094-f575fefb7cf8/optimisation-202401/fonts/Mulish-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/data/IndeXysBibliothequeHTML/5773e014-a705-41e4-9094-f575fefb7cf8/optimisation-202401/fonts/Mulish-Regular.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/data/IndeXysBibliothequeHTML/5773e014-a705-41e4-9094-f575fefb7cf8/optimisation-202401/fonts/Mulish-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/data/IndeXysBibliothequeHTML/5773e014-a705-41e4-9094-f575fefb7cf8/optimisation-202401/fonts/Mulish-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; } body { font-family: 'Mulish', sans-serif; font-size: 16px; background-color: #ffffff; margin: 0; padding: 0; color: var(--gris); scroll-behavior: smooth; } html { scroll-behavior: smooth; scroll-padding-top: 13rem; } span[class*="obf"] { cursor: pointer; } textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="search"] { -webkit-appearance: none; border-radius: 0; }body.test-aide-en-ligne div#fancybox-content div#root { /*width: 100%; height: 100%;*/ } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix { margin: 1rem; padding: 1rem; border: 1px solid #666666; position: relative; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix * { box-sizing: border-box; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique { margin: 2rem auto 1rem; padding: 0 1rem; width: 40%; text-align: center; border-top: 1px solid; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique > span { display: flex; transform: translate(0, -50%); justify-content: space-between; align-items: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span a { padding: 15px; background-image: url("../images/aideAuChoix-check.png"); background-size: 100%; font-size: 0; text-decoration: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span.question { padding: 15px; background-image: url("../images/aideAuChoix-notCheck.png"); background-size: 100%; font-size: 0; text-decoration: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span.separator { display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique span.votreSelection { padding: 0 1rem; background-color: #fff; text-decoration: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation { width: 90%; margin: 2rem auto; text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation a { text-decoration: none; color: #515151; display: inline-block; padding: .25rem .5rem; font-size: 1.25rem; background-color: #ebf1ef; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation a span::before { content: "\f0d9\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.navigation a:hover { text-decoration: underline; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.presentation-aide-au-choix { display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question { width: 90%; margin: auto; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question { margin: 2rem 1rem; display: flex; justify-content: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix { display: flex; flex-direction: column; align-items: center; width: 120px; margin-left: 3rem; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix a { text-decoration: none; color: #515151; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix a:hover { text-decoration: underline; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix { /*min-height: 100px;*/ } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix img { width: 100px !important; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.presentation-choix { min-height: 3rem; margin-top: .5rem; padding: 0 .5rem; text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.titre-choix { display: none; margin-top: .5rem; text-align: center; text-transform: uppercase; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix:first-child { margin-left: 0; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-question { margin-bottom: 2rem; display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses { margin-bottom: 1rem; width: 50%; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement { display: flex; align-items: center; margin-bottom: .25rem; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement a { text-decoration: none; color: #515151; display: inline-block; padding: .25rem .5rem; font-size: 1rem; background-color: #ebf1ef; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement a:hover { text-decoration: underline; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.question { flex: 0 0 220px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.question::before { content: "\f14a\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #bece3c; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.separator { display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value { flex-grow: 1; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.value span.title { display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; width: calc(100% + 1rem); max-height: 350px; overflow: auto; padding-right: .5rem; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste { margin: 0; padding: 0; display: flex; flex-direction: column; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a { text-decoration: none; color: #666666; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.image { text-align: center; position: relative; top: 0px; left: 0px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.image img { width: 100% !important; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.titre { text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste a div.titre span { text-align: center; font-size: 16px; font-weight: bold; text-transform: uppercase; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus { margin-top: 10px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus a { display: block; margin-left: 0; margin-right: 0; padding: 0px; position: relative; top: 0px; left: 0px; background-color: #369850; background-image: url(../images/22-06-SR-CTA-transparent.png); background-position: top left; background-repeat: no-repeat; text-decoration: none; color: #ffffff; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 50px; height: 50px; font-size: 14px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.enSavoirPlus a span { display: block; margin: 0px; padding: 0px; padding-left: 40px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif { display: none; margin-top: 10px; margin-left: 0; margin-right: 0; border: 1px solid #666666; background: #f3f2ef; position: relative; top: 0px; left: 0px;width: initial; min-height: 2rem; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p { margin: 5px; color: #666666; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.apartirde { font-weight: normal; display: block; position: absolute; top: 10px; left: 10px; font-size: 11px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.montant { font-weight: bold; display: block; font-size: 28px; padding: 10px; padding-top: 0; padding-bottom: 0; text-align: right; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.tarif p.tarif span.montant span.devise { font-size: 12px; position: relative; top: -12px; left: 0px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte { display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte div.texte-affichage { margin-bottom: 2px; margin-left: 10px; margin-right: 10px; height: 60px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte p { margin: 5px; margin-bottom: 0px; font-size: 11px; color: #000000; text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte ul { margin: 0px; margin-top: 10px; list-style-type: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste div.texte ul li { margin-top: 2px; background: none; padding-left: 5px; font-size: 11px; color: #000000; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste:hover a { text-decoration: underline; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits div.information.liste:hover div.enSavoirPlus a { text-decoration: underline; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-question { margin-bottom: 1rem; text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-question > span { font-size: 2rem; font-weight: bold; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-resultat { margin-bottom: .75rem; text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-resultat span { font-size: 1.75rem; font-weight: bold; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-selection { margin-bottom: 1rem; text-align: center; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.titre-selection span { font-size: 2rem; font-weight: bold; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.titre-aide-au-choix { position: absolute; top: -1rem; left: 1rem; background-color: #fff; display: inline-block; padding: 0 1rem; text-transform: uppercase; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix.question01 div.presentation-aide-au-choix { display: block; width: 90%; margin: 1rem auto; } body.test-aide-en-ligne div#fancybox-content div.loadingScreen { height: 50vh; display: flex; justify-content: center; align-items: center; } body.test-aide-en-ligne div#fancybox-content div.loadingScreen span { translate: -50%; } body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie { width: 90% !important; max-width: 1150px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie #fancybox-content { width: 100% !important; height: 100% !important; border: none !important; } body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie #fancybox-content > div { /*width: 100% !important; height: 100% !important;*/ }@media screen and (max-width: 1200px) { body.test-aide-en-ligne div#fancybox-wrap.fancybox-ie { width: 90% !important; max-height: 90vh !important; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.presentation-aide-au-choix{ width: inherit; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.historique { width: 100%; max-width: 500px; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question { width: 100%; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question { margin: 1rem 0; width: 100%; flex-wrap: wrap; overflow: scroll; height: 40vh; justify-content: space-around; } } @media screen and (max-width: 992px) { body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix { margin-left: 0; margin-bottom: 1rem; width: 100px; flex-basis: 25%; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses { width: 100%; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix { flex-basis: 33%; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement { margin-bottom: 1rem; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.resultat-produits { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 690px) { body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix div.image-choix img { width: 75px !important; } } @media screen and (max-width: 576px) { body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.presentation-aide-au-choix { display: none; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.liste-choix-question div.choix { flex-basis: 50%; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement { flex-wrap: wrap; } body.test-aide-en-ligne div#fancybox-content div.aide-au-choix div.question div.presentation-reponses div.reponseElement span.question { flex: 0 0 100%; } }div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-next { display: block; width: 2rem; height: initial; aspect-ratio: 1 / 1; cursor: pointer; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-next::after { content: ''; background-image: url(../images/circle-arrow-right-solid.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block; width: 100%; aspect-ratio: 1 / 1; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-prev { display: block; width: 2rem; height: initial; aspect-ratio: 1 / 1; cursor: pointer; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-button-prev::after { content: ''; background-image: url(../images/circle-arrow-left-solid.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block; width: 100%; aspect-ratio: 1 / 1; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-group { position: relative; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires .swiper-horizontal { padding: .5rem; padding-bottom: 1.25rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide { border: 3px solid var(--gris-bordure); display: flex; flex-direction: column; cursor: pointer; height: auto; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .avis-clients { margin: 0 0 1rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .avis-clients #ekomi-product-widget-identifier { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image .promotion { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image a::after { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image img { aspect-ratio: 600/394; width: 100%; margin: 0; object-position: top; object-fit: contain; position: relative; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .image span:not(garantie, fabrication-francaise) { display: flex; justify-content: center; align-items: flex-start; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information { display: flex; flex-direction: column; flex-grow: 1; align-items: center; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .modeles { color: var(--vert); margin: 1rem 0 .5rem; text-align: center; font-weight: 700; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif { display: flex; justify-content: flex-end; align-items: center; flex-direction: column; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif p.tarif { margin: .5rem .25rem; text-align: center; font-size: .9rem; flex-direction: column; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif p.tarif span.montant { display: flex; justify-content: center; align-items: flex-start; font-weight: 700; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .tarif p.tarif span.montant span.ttc { font-size: .8rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .texte { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre { flex-grow: 1; margin-top: 1rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre h2 a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide h4 a { color: var(--gris) !important; text-decoration: inherit; text-transform: uppercase; height: 100%; display: flex; justify-content: center; align-items: flex-end; text-shadow: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre h2, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide h4 { color: var(--gris); cursor: pointer; text-transform: uppercase; margin: 0; text-shadow: none; font-weight: 500; font-size: .7rem; position: initial; text-align: center; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order a { display: inline-flex; color: var(--blanc); background-color: var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; transition: all 250ms ease 0s; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus a:hover, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order a:hover { background-color: var(--vert-clair); } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order { text-align: center; margin: 0 0 1rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.image { margin: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order { display: flex; flex-grow: 1; justify-content: center; align-items: flex-end; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide:hover { border-color: var(--vert); scale: 1.02; } @media screen and (min-width: 992px) { div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information .titre h2, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide h4 { font-size: 1rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide .information p.enSavoirPlus a, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#bonDeCommande div.articlesComplementaires div.item.swiper-slide p.order a { font-size: .8rem; } }div.CategorieProduit.chemin-de-lit div#zoneCentre div.sr-categorie-produit-liens div.pose-facile { display: none; } div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens div.pose-facile { display: none; } div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens div.prise-de-mesure { border: none; width: initial; }@media screen and (min-width: 992px) { div.CategorieProduit.chemin-de-lit div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure { border: none; } } @media screen and (min-width: 1400px) { div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens { grid-column: 3/4; } div.Produit[class*="chemin-de-lit"] div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques { grid-row: 4/5; } }#Configurateur_Configuration .echantillons-coloris { position: absolute; top: calc((65px - 1rem) / 2); left: 29px; } #Configurateur_Configuration .choix-coloris:has(.echantillons-coloris) .titre-off { padding-bottom: 1rem; height:3.5rem; } #Configurateur_Configuration .echantillons-coloris > span { color: white; text-decoration: underline; font-size: .9rem; & span.in { text-transform: lowercase; } &::before { content: 'Ordine '; text-transform: initial; } }@media screen and (min-width: 992px) { #Configurateur_Configuration .choix-coloris:has(#aide_coloris_link) .echantillons-coloris { position: absolute; top: calc((32px - 1rem) / 2); right: 4rem; left: initial; } #Configurateur_Configuration .choix-coloris:has(.echantillons-coloris) .titre-off { padding-bottom: 0; height: 2.5rem; } #Configurateur_Configuration .choix-coloris:not(:has(#aide_coloris_link)) .echantillons-coloris { position: absolute; top: calc((32px - 1rem) / 2); right: 4rem; left: initial; } } /* fin 992px */ @media screen and (min-width: 1200px) { #Configurateur_Configuration .choix-coloris:has(#aide_coloris_link) .echantillons-coloris { right: 6rem; } } /* fin 1200px */#Configurateur_Configuration .configurateur .options .option .option-values .option .image a:has(img[alt*='senza fori'])::after { content: ''; display: block; background-image: url(../images/sans-percage.svg); background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; position: absolute; bottom: 3px; right: 3px; background-size: 100%; } #Configurateur_Previsualisation .galerie.masquerPromo .promotion { display: none; } .colorisTooltip .incompatibilite-coloris img { opacity: .3; } #Configurateur_Configuration .configurateur .liste-coloris .coloris > span.incompatibilite { opacity: .2; } #Configurateur_Configuration .configurateur .image a .vente1 { position: absolute; top: 0; right: .5rem; display: block; width: 2.5rem; height: 3.5rem; background-image: url(../images/venteN1.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; z-index: 10; } #Configurateur_Configuration .configurateur .image a .vente1 .label { display: none; } #Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a:not(:first-child) { display: none; } #Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a#video_galerie { display: none; } #Configurateur_Configuration .configurateur .liste-galons .galon .image a img { height: 100%; } #Configurateur_Configuration .configurateur .options .option .option-values .option .image a img { height: 100%; } #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation { display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; border: 1px solid var(--grisClair); } #Configurateur_Configuration .configurateur .coloris .image a img { height: 100%; } .choix-coloris .colorisTooltip img { height: 240px; width: auto; } .choix-options .colorisTooltip img { height: 260px; width: auto; } .choix-galons .colorisTooltip img { height: 195px; width: auto; } #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation { display: none; } #Configurateur_Previsualisation .galerie .swiper-group a { /*margin-bottom: 16px;*/ display: flex; aspect-ratio: 1 / 1; height: 100%; } div.stars-widget { width: initial !important; } #Configurateur_Titre .avis-clients .ekomi-widget-container a { color: var(--gris) !important; font-weight: 700; } #Configurateur_Configuration .description .tarif .prix-final .htTtc { margin-left: .25ch; &::after { content: 'usa'; } } #Configurateur_Titre .avis-clients a img { margin-top: 0.3rem; width: 265px; height: 18px; object-fit: cover; } #Configurateur_Configuration .liste-accessoires .presentation { margin: 0; display: flex; flex-direction: column; } #Configurateur_Configuration .description .tarifAPartirDe .montant .devise .htTtc { margin-left: .25ch; &::after { content: 'usa'; } } #Configurateur_Configuration .description .tarif .montant-total .montant .taxes .htTtc { margin-left: .25ch; &::after { content: 'usa'; } } .colorisTooltip span.vente1 { display: none !important; } div[class*='moustiquaire'] #Configurateur_Titre .echantillons { display: none !important; } div[class*='moustiquaire'] #Configurateur_Configuration .row-remise-caracteristique { display: none !important; } #drag { position: absolute; right: -4px; top: 0; bottom: 0; width: 8px; cursor: w-resize; background-color: var(--grisBordure); } .modal.show { justify-content: center; align-items: baseline; } #survol_galerie_previsualisation_dialog.modal img { width: 100%; aspect-ratio: 1/1; max-width: 600px; max-height: 600px; } .ekomi-widget-container a { cursor: pointer; } .ekoo-widget-container-picture-button { cursor: pointer; } .openAlmaModal { cursor: pointer; display: inline-block; margin-top: .5rem; text-align: center; } .openAlmaModal .logo-alma { display: inline-block; width: 3rem; aspect-ratio: 113/32; background-image: url(../images/alma.svg); background-position: center; background-size: 100% auto; background-repeat: no-repeat; } .openAlmaModal:hover { text-decoration: underline; } .tooltipster-base .tooltipster-content { padding: 0px; } .tooltipster-base .tooltipster-content .coloris { position: relative; } .tooltipster-base .tooltipster-content .coloris img { max-width: 300px; height: auto; } .tooltipster-base .tooltipster-content .coloris .delai { position: absolute; top: 0; left: 0; width: 100%; background-color: var(--vert); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc); } .tooltipster-base .tooltipster-content .coloris .delai > span { display: block; margin: 0; padding: 0; text-align: center; } .tooltipster-base .tooltipster-content .coloris .disponibilite { position: absolute; top: 0; left: 0; width: 100%; background-color: var(--vert); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc); } .tooltipster-base .tooltipster-content .coloris .disponibilite > span { display: block; margin: 0; padding: 0; text-align: center; } .tooltipster-base .tooltipster-content .option { position: relative; } .tooltipster-base .tooltipster-content .option img { max-width: 260px; } .tooltipster-base .tooltipster-content .option.incompatibilite-option img { opacity: .3; } .tooltipster-base .tooltipster-content .option.incompatibilite-option .incompatibilite-tooltip { position: absolute; top: 50%; left: 50%; padding: 1rem; color: var(--rouge); transform: translate(-50%, -50%); width: 100%; font-weight: 700; z-index: 10; } .tooltipster-base .tooltipster-content .survol-galon { position: relative; } .tooltipster-base .tooltipster-content .survol-galon img { max-width: 300px; height: auto; } .tooltipster-base .tooltipster-content .survol-galon .delai { position: absolute; top: 0; left: 0; width: 100%; background-color: var(--vert); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc); } .tooltipster-base .tooltipster-content .survol-galon .delai > span { display: block; margin: 0; padding: 0; text-align: center; } .tooltipster-base .tooltipster-content .survol-galon .disponibilite { position: absolute; top: 0; left: 0; width: 100%; background-color: var(--vert); margin: 0; padding: 0; padding-top: 2px; padding-bottom: 2px; color: var(--blanc); } .tooltipster-base .tooltipster-content .survol-galon .disponibilite > span { display: block; margin: 0; padding: 0; text-align: center; } .tooltipster-sidetip .tooltipster-box { background:var(--blanc); border: 1px solid var(--grisClair); } .tooltipster-sidetip .tooltipster-content { padding: 6px; padding-bottom: 2px; } .tooltipster-sideti.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: var(--grisClair); } .tooltipster-sideti.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: var(--grisClair); } .tooltipster-sideti.tooltipster-left .tooltipster-arrow-background { border-left-color: var(--grisClair); } .tooltipster-sideti.tooltipster-left .tooltipster-arrow-border { border-left-color: var(--grisClair); } .tooltipster-sideti.tooltipster-right .tooltipster-arrow-background { border-right-color: var(--grisClair); } .tooltipster-sideti.tooltipster-right .tooltipster-arrow-border { border-right-color: var(--grisClair); } .tooltipster-sideti.tooltipster-top .tooltipster-arrow-background { border-top-color: var(--grisClair); } .tooltipster-sideti.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--grisClair); } :root { --swiper-navigation-size: 1rem; } body[class*="panier"] .ekomi-widget-container a { color: var(--vert) !important; } #conteneur.0a0c93b3-fecf-4b64-94d5-238b9585bbca #Configurateur_Conseils { display: none; } #conteneur.EnsembleCollection.cortina .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume, #conteneur.EnsembleCollection.cortina .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { display: none; } #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur { display: block; height: 45px; } #conteneur.Produit.tringle-laiton #Configurateur_Configuration .configurateur .coloris .image a img, #conteneur.Produit.alliance #Configurateur_Configuration .configurateur .coloris .image a img, #conteneur.Produit.tringles-cortina #Configurateur_Configuration .configurateur .coloris .image a img { object-position: left; } #conteneur.Produit.tringles-tendance #Configurateur_Configuration .configurateur .coloris .image a img { object-position: -2rem; } #conteneur.Produit[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .titre-off .selection { font-size: 0; &::after { font-size: .9rem; content: "Scegli il tuo codice dimensionale"; } } #conteneur:not([class*="velux"]) #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide { position: absolute; top: calc((32px - 1.75rem) / 2); right: 1rem; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: var(--vert); text-decoration: inherit; color: var(--blanc); & span { display: none; } &::after { content: ""; width: 2ch; background-position: center; filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-image: url(../images/3f.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: .75rem; } } #conteneur[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide { text-decoration: none; color: var(--blanc); text-transform: uppercase; display: flex; margin: 1rem 1rem .5rem; justify-content: center; cursor: default; background-color: initial; width: initial; } #conteneur[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide span { display: inline-flex; gap: .2rem; font-size: 0; background-color: var(--vert); border-radius: .25rem; padding: .5rem; cursor: pointer; text-align: center; &::after { content: " Dove si trova il codice dimensionale della vostra finestra Velux®?"; color: var(--blanc); font-size: .8rem; font-family: 'Mulish', sans-serif; } &::before { content: ""; background-position: center; background-image: url(../images/3f-vert.svg); background-repeat: no-repeat; aspect-ratio: 1/1; background-color: var(--blanc); font-size: 1rem; font-weight: 400; display: inline-flex; width: 1.2rem; height: 1.2rem; border-radius: 50%; align-items: center; justify-content: center; } &:hover { background-color: var(--vertClair); } } #fancybox-wrap { padding: 0; left: 50% !important; transform: translateX(-50%); } #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier { text-align: center; } #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .continuer a { display: inline-flex; color: var(--gris); border: 3px solid var(--gris); text-decoration: inherit; text-transform: uppercase; height: 40px; justify-content: center; align-items: center; width: 100%; max-width: 300px; font-size: .9rem; font-weight: 700; transition: all 200ms ease 0s; } #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .message { color: var(--vert); display: flex; flex-direction: column; align-items: center; &::before { content: ""; background-image: url(../images/f00c-vert.svg); display: inline-flex; align-items: center; background-repeat: no-repeat; background-size: 2ch; aspect-ratio: 1/1; background-position: center; font-weight: 400; font-size: 3rem; } } #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .quantite { margin-bottom: 0; } #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .valeur { margin-top: .25rem; } #fancybox-wrap #fancybox-content #fancybox-content-in #MStoresEtRideauxConfigurateur_DisplayPanier .voir-panier a { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 700; font-size: 1rem; max-width: 300px; margin: 0 auto; background-image: url(../images/panierConfigurateur.svg); background-repeat: no-repeat; background-position: 2rem center; background-size: auto 60%; padding-left: 1.5rem; cursor: pointer; text-decoration: none; &:hover { background-color: var(--vertClair); text-decoration: underline; } } #fancybox-wrap #fancybox-outer #fancybox-content { width: 100% !important; } .IndeXysCommerceArticle #detailPublication .detailPublication .grille .config .delai-expedition p, .Echantillon #detailPublication .detailPublication .grille .config .delai-expedition p { margin: 0 auto; padding: 0 .5rem 0 6rem; text-transform: uppercase; font-size: .9rem; background-image: url(../images/livraison.svg); background-position: 1rem center; background-repeat: no-repeat; background-size: auto 90%; max-width: 500px; letter-spacing: .08rem; } .StoresEtRideauxPortletAide .table-overflow { scrollbar-width: none; } .configuration .avis-clients #ekomi-product-widget-identifier { display: none; } .information.EnsembleCollection.detail .configuration.EnsembleCollection { display: grid; grid-template-columns: 1fr; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { margin: 1rem 1rem 0; display: grid; grid-template-columns: 1fr; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile { display: grid; grid-template-columns: 1fr 50%; grid-auto-rows: 1fr; grid-gap: .5rem; padding-top: 1rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .telechargement-pose-facile a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .telechargement-pose-facile .obfusquer { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/telechargement.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; cursor: pointer; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .titre-pose-facile { grid-column: 1/2; grid-row: 1/3; text-transform: uppercase; padding: .75rem 0 .75rem 2.25rem; background-image: url(../images/chrono.svg); background-repeat: no-repeat; background-position: left center; background-size: 2rem auto; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .titre-pose-facile span { color: var(--vert) } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .video-pose-facile a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/videoLiens.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .visualiser-pose-facile a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/oeil.svg); background-position: .5rem center; background-repeat: no-repeat; background-size: 2.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure { border-bottom: 1px solid var(--gris); display: grid; grid-template-columns: 1fr 50%; grid-auto-rows: 1fr; grid-gap: .5rem; padding-bottom: 1rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure .obfusquer { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/telechargement.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; cursor: pointer; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .titre-prise-de-mesure { grid-column: 1/2; grid-row: 1/3; text-transform: uppercase; padding: .75rem 0 .75rem 2.25rem; background-image: url(../images/mesure.svg); background-repeat: no-repeat; background-position: left center; background-size: 2rem auto; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .titre-prise-de-mesure span { color: var(--vert); } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .video-prise-de-mesure a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/videoLiens.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .visualiser-prise-de-mesure a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/oeil.svg); background-position: .5rem center; background-repeat: no-repeat; background-size: 2.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume { background-color: var(--grisClair); display: grid; grid-template-columns: 35% 1fr; padding: .75rem 2rem; font-weight: 900; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu { align-self: center; border-left: 1px solid var(--gris); padding-left : 2rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif { margin: 0; padding: 0; list-style: none; font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .quantite { font-weight: 500; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .remise { color: var(--rouge); font-size: .8rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .titre { display: none; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume h3 { text-transform: uppercase; margin: 0; font-size: 1rem; width: 50%; align-self: center; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre { border-bottom: 1px solid var(--gris); margin: 1rem 0 .5rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre h1 { transform: translate(1rem, 40%); margin: 0; padding: 0 1rem; background-color: var(--blanc); display: inline-block; text-transform: uppercase; color: var(--gris); font-weight: 700; font-size: 1.25rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection { margin: 1rem; display: block; padding: .5rem 1rem; background-color: var(--grisV2); color: var(--blanc); } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection::first-letter { text-transform: capitalize; } .information.EnsembleCollection.detail .texteAffichageDetail a { color: var(--vert); text-decoration: inherit; &:hover { text-decoration: underline; } } .information.EnsembleCollection.detail .texteAffichageDetail p { margin: 1rem 0; padding: 0 1rem; } .information.Produit.detail .configuration { margin: 1.5rem 0 0; padding: 0 1rem; } .information.Produit.detail #alma-widget { display: flex; justify-content: center; } .information.Produit.detail #ResumeDescriptionUpdateContainer { position: fixed; bottom: 0; background-color: var(--vert); width: 100%; transform: translateX(-1rem); color: var(--blanc); display: grid; padding: 0 1rem; grid-template-columns: 60% 1fr; grid-gap: .5rem; visibility: hidden; opacity: 0; height: 0; font-size: .9rem; transition: opacity 0.3s ease, height 0.3s ease; z-index: 100; } .information.Produit.detail #ResumeDescriptionUpdateContainer .droite { margin: .5rem 0; padding: 0 .25rem; background-color: var(--blanc); color: var(--vert); text-align: center; } .information.Produit.detail #ResumeDescriptionUpdateContainer .droite > span:nth-child(2) { display: none; } .information.Produit.detail #ResumeDescriptionUpdateContainer .droite .montant-ecotaxes { font-size: 0; display: block; &::after { content: "Consegna gratuita"; font-size: .8rem; } } .information.Produit.detail #ResumeDescriptionUpdateContainer .droite .prixUnitaire { display: none; } .information.Produit.detail #ResumeDescriptionUpdateContainer .droite .tarifAPartirDe { display: flex; flex-direction: column; align-items: center; } .information.Produit.detail #ResumeDescriptionUpdateContainer .gauche { display: flex; flex-direction: column; align-items: flex-end; padding: .5rem .25rem } .information.Produit.detail #ResumeDescriptionUpdateContainer .gauche .lien a { text-decoration: none; color: inherit; & span::before { content: ""; background-image: url(../images/f178.svg); width: 1.7ch; background-position: center 0.1rem; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(105%) contrast(101%); margin-right: 0.5rem; font-weight: 400; font-size: 1rem; } } .information.Produit.detail #ResumeDescriptionUpdateContainer.visible { visibility: visible; opacity: 1; height: auto; min-height: 55px; } #Configurateur_Configuration #ekoo-root-container, #Configurateur_Configuration .IndeXys-widget-ekoo { padding: 0; padding-left: .5rem; padding-top: .5rem; margin: 0 !important; } .configuration.Produit .accessoires .accessoire .presentation { display: flex; flex-direction: column-reverse; order: initial !important; } #Configurateur_Configuration .caracteristiques { margin: 1rem 0; display: flex; flex-grow: 1; align-items: center; } #Configurateur_Configuration .caracteristiques a { color: var(--vert); text-decoration: inherit; font-weight: 700; padding-left: 3.5rem; background-image: url(../images/ct.svg); background-repeat: no-repeat; background-size: auto 100%; display: flex; height: 3rem; align-items: center; &:hover span { text-decoration: underline; } } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .titre-largeur-effective:not(:has(.souligne)) { text-decoration: underline; } #Configurateur_Configuration .configurateur > .options { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .configurateur > .options .options { padding-bottom: 1rem; } #Configurateur_Configuration .configurateur a { color: var(--vert); } #Configurateur_Configuration .configurateur .choix-accessoires:has(> *) { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .configurateur .choix-accessoires .aide { position: absolute; top: calc((32px - 1.75rem) / 2); right: 1rem; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: var(--vert); text-decoration: inherit; color: var(--blanc); & span { display: none; } &::after { content: ""; width: 2ch; background-position: center; filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-image: url(../images/3f.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: .75rem; } } .accessoires .accessoires { margin: 0; padding: .5rem; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire { display: flex; flex-direction: column; border: 4px solid var(--grisClair); } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire { background-color: var(--blanc); } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande { text-align: center; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite { display: flex; justify-content: space-around; align-items: center; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .augmenter { display: flex; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .augmenter a { padding: 0; background: var(--blanc); cursor: pointer; width: 1.5rem; height: 1.5rem; border: 2px solid var(--gris); border-radius: 100%; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .augmenter a span { display: none; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .diminuer { display: flex; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .diminuer a { padding: 0; background: var(--blanc); cursor: pointer; width: 1.5rem; height: 1.5rem; border: 2px solid var(--gris); border-radius: 100%; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .diminuer a span { display: none; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .choix-quantite .quantite { border: none; font-size: 1.5rem; color: var(--vert); text-align: center; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .tarif { margin: 0 0 1rem; background-color: var(--gris); color: var(--blanc); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 .75rem; font-size: 1.1rem; font-weight: 800; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .commande .tarif .devise { margin-left: 1ch; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .presentation .image { display: block; position: relative; & img { max-width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } &::after { content: ""; padding-top: 100%; display: block; } } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .presentation .titre { min-height: initial; text-align: center; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire.active { border: 4px solid var(--vert); } #Configurateur_Configuration .configurateur .choix-accessoires .titre-off .numero { margin-right: .25rem; &::after { content: "."; } } #conteneur.Produit[class*="moustiquaire"] #Configurateur_Configuration .choix-coloris .titre-off .selection { display: none; } #conteneur.Produit[class*="moustiquaire"] #Configurateur_Configuration .choix-coloris .titre-off::after { content: "Scegliere il tipo di rete"; } #Configurateur_Configuration .liste-accessoires .image { border: 0; } #Configurateur_Configuration .liste-accessoires .presentation .titre { order: 2; } #Configurateur_Configuration .configurateur .avantages { display: none; } #Configurateur_Configuration .configurateur .choix-coloris { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .configurateur .coloris .aide { position: absolute; top: calc((32px - 1.75rem) / 2); right: 1rem; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: var(--vert); text-decoration: inherit; color: var(--blanc); & span { display: none; } &::after { content: ""; width: 2ch; background-position: center; filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-image: url(../images/3f.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: .75rem; } } .liste-coloris, .liste-galons { margin: 0; padding: .5rem; } #Configurateur_Configuration .configurateur .liste-coloris .coloris > span { display: flex; flex-direction: column; height: 100%; } #Configurateur_Configuration .active .image { border: 5px solid var(--vert); & a::before { content: ""; background-image: url(../images/checkBordBlanc.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 2.5rem; aspect-ratio: 1/1; position: absolute; top: -1.85rem; right: 0; z-index: 11; } } #Configurateur_Configuration .configurateur .coloris .detail { display: block; margin: 0 .25rem .5rem; padding: .5rem 0; border-top: 1px solid var(--gris); font-size: .75rem; } #Configurateur_Configuration .configurateur .coloris .detail:empty { display: none; } #Configurateur_Configuration .configurateur .coloris .image a { color: var(--blanc); text-decoration: inherit; position: relative; display: flex; align-items: flex-start; justify-content: flex-end; } #Configurateur_Configuration .configurateur .coloris .image a img { max-width: 100%; object-fit: cover; display: block; aspect-ratio: 1/1; width: 100%; } .configuration.Tringle.Produit #Configurateur_Configuration .configurateur .coloris .image a img { height: auto; width: 100%; position: initial; object-fit: contain; max-width: initial; display: block; } #Configurateur_Configuration .configurateur .coloris .image a .delai .label::after { content: " +"; margin-right: .5ch; } #Configurateur_Configuration .configurateur .coloris .image a .disponibilite .label, #Configurateur_Configuration .configurateur .coloris .image a .delai .label { margin-right: 1ch; } #Configurateur_Configuration .configurateur .coloris .image a .disponibilite, #Configurateur_Configuration .configurateur .coloris .image a .delai { display: flex; justify-content: center; align-items: center; height: 20px; background-color: var(--vert); position: absolute; bottom: 0; left: 0; width: 100%; font-size: .5rem; z-index: 100; color: var(--blanc); font-weight: 500; } #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite { position: absolute; top: 0; left: 0; z-index: 1; } #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite span + span { margin-top: .5rem; } #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite .exclusivite { background-color: var(--gris); display: flex; justify-content: center; width: 90px; height: 1.5rem; color: var(--blanc); align-items: center; } #Configurateur_Configuration .configurateur .coloris .image a .nouveaute-exclusivite .nouveaute { background-color: var(--vert); display: flex; justify-content: center; width: 90px; height: 1.5rem; color: var(--blanc); align-items: center; } #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris { display: flex; justify-content: center; align-items: center; height: 20px; background-color: var(--vert); position: absolute; bottom: 0; left: 0; width: 100%; font-size: .5rem; z-index: 100; } #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris .des { margin: 0 .5ch; } #Configurateur_Configuration .configurateur .coloris .image a:focus-visible { outline: 2px solid var(--vert); } #Configurateur_Configuration .configurateur .coloris .image a:hover { box-shadow: var(--boxShadow); } #Configurateur_Configuration .configurateur .coloris .image:hover { scale: 1.01; } #Configurateur_Configuration .configurateur .coloris .input { display: none; } #Configurateur_Configuration .configurateur .coloris span.title { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .5rem 0; flex-grow: 1; margin: 0 calc(.25rem + 6px); text-align: center; word-break: break-word; color: var(--grisNav); margin: 0; } #Configurateur_Configuration .configurateur .coloris .title a { color: var(--grisTitre); text-decoration: inherit; font-weight: 700; } #Configurateur_Configuration .titre-off { display: flex; align-items: center; height: 2rem; background-color: var(--grisPlaceHolder); color: var(--blanc); padding: 0 .75rem; text-transform: uppercase; font-size: .9rem; margin: 0 0 1.5rem; font-weight: 700; } #Configurateur_Configuration .choix-coloris .titre-off { margin-bottom: 1rem; } #Configurateur_Configuration .dimensions .titre-off { margin-bottom: 0; } #Configurateur_Configuration .titre-off .numero { margin-right: .25rem; &::after { content: "."; } } #Configurateur_Configuration .configurateur .dimensions { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { margin: 0; padding: .5rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .5rem !important; font-size: .8rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap { margin: .5rem 0; display: flex; justify-content: center; align-items: center; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a { color: var(--gris); text-decoration: inherit; border: 1px solid var(--gris); padding: .5rem; position: relative; flex-grow: 1; text-align: center; border-radius: .25rem; &:hover { text-decoration: underline; box-shadow: var(--boxShadow); } } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"] { display: none; &:checked + a { border-color: var(--vert); scale: 1.01; background-color: var(--vert); color: var(--blanc)!important; position: relative; } &:checked + a::before { content: ""; background-image: url(../images/checkBordBlanc.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 2.5rem; aspect-ratio: 1/1; position: absolute; top: -1.35rem; right: 0; z-index: 10; } } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p span[class*="titre"] { text-transform: uppercase; margin-left: 1px; white-space: break-spaces; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .titre-off .numero { margin-right: .25rem; &::after { content: "."; } } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) { margin: 0; margin-bottom: -.5rem; display: grid; width: 100%; height: 100%; padding: .75rem 40px 0 .75rem; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) { display: inline-block; width: 100%; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere { width: 100%; border: 2px solid var(--grisClair); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere:focus-visible { outline: none; border: 2px solid var(--vert); } #Configurateur_Configuration .configurateur .aide { display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: var(--vert); text-decoration: inherit; color: var(--blanc); margin-left: auto; order: 2; cursor: pointer; & span { display: none; } &::after { content: ""; width: 2ch; background-position: center; filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-image: url(../images/3f.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: .75rem; } } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux > div { margin: 0; padding: .5rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .5rem; font-size: .8rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux .nombre-panneaux { margin: .5rem 0; display: flex; justify-content: center; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux .nombre-panneaux a { color: var(--gris); text-decoration: inherit; border: 1px solid var(--gris); padding: .5rem; position: relative; flex-grow: 1; text-align: center; border-radius: .25rem; display: flex; flex-direction: column; font-size: 0; white-space: break-spaces; &:hover { text-decoration: underline; box-shadow: var(--boxShadow); } } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .input-nombre-panneaux .nombre-panneaux input[type="radio"] { display: none; &:checked + a { border-color: var(--vert); scale: 1.01; background-color: var(--vert); color: var(--blanc) !important; position: relative; } &:checked + a::before { content: ""; background-image: url(../images/checkBordBlanc.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 2.5rem; aspect-ratio: 1/1; position: absolute; top: -1.35rem; right: 0; z-index: 10; } } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteur { width: 100%; border: 3px solid var(--grisV2); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteur:focus-visible { outline: none; border-color: var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteurComplementaire { width: 100%; border: 3px solid var(--grisV2); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.hauteurComplementaire{ border: 3px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteurComplementaire:focus-visible { outline: none; border: 3px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.hauteur[type="radio"] { width: initial; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeur { width: 100%; border: 3px solid var(--grisV2); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeur:focus-visible { outline: none; border-color: var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeurRail { width: 100%; border: 3px solid var(--grisV2); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p input.largeurRail:focus-visible { outline: none; border-color: var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span a { display: inline-block; color: var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span .unit { position: absolute; top: 16px; right: .5rem; transform: translateY(-50%); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.hauteur { border: 3px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.largeur { border: 3px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .conforme input.largeurRail { border: 3px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .dimensions { display: inline-block; margin: .3rem 0; font-size: .7rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .dimensions { display: block; font-size: .6rem; text-align: center; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .hauteur_effective_update { display: block; font-size: .6rem; margin: .5rem 0 0; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .hauteur_effective_update a { color: var(--vert); text-decoration: inherit; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .titre-hauteur { text-transform: uppercase; display: inline-block; margin-bottom: .5rem; font-size: .7rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur-effective { font-size: .85rem; font-weight: 600; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur-effective .titre-hauteur-effective { text-decoration: underline; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur-effective .valeur-hauteur-effective { color: var(--gris); font-weight: 700; margin-left: .5ch; white-space: nowrap; &::after { content: " cm"; } &:empty { display: none; } } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire input.hauteurComplementaire { width: 100%; border: 1px solid var(--grisClair); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire input.hauteurComplementaire:focus-visible { outline: 2px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .dimensions { display: block; font-size: .6rem; text-align: center; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .titre-hauteur-complementaire { text-transform: uppercase; display: inline-block; margin-bottom: .5rem; font-size: .7rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur { display: inline-block; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur-complementaire { display: inline-block; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur-proposee { display: flex; flex-direction: column; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-hauteur-proposee .unit { position: initial; transform: initial; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-largeur { display: inline-block; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .input-largeur-rail { display: inline-block; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .dimensions { display: block; font-size: .6rem; text-align: center; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .largeur_effective_update { display: block; font-size: .6rem; margin: .5rem 0 0; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .largeur_effective_update a { color: var(--vert); text-decoration: inherit; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .titre-largeur { text-transform: uppercase; display: inline-block; margin-bottom: .5rem; font-size: .7rem } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective { font-size: .85rem; font-weight: 600; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .titre-largeur-effective .souligne { text-decoration: underline; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur-effective .valeur-largeur-effective { color: var(--gris); font-weight: 700; margin-left: .5ch; white-space: nowrap; &::after { content: " cm"; } &:empty { display: none; } } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail input.largeurRail { width: 100%; border: 1px solid var(--grisClair); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail input.largeurRail:focus-visible { outline: 2px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail .titre-largeur-rail { text-transform: uppercase; display: inline-block; margin-bottom: .5rem; font-size: .7rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur_effective_update { display: block; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .obligatoire .titre-hauteur::before { content: ""; display: inline-block; width: 1.5ch; background-position: center; filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%); background-image: url(../images/f071.svg); background-repeat: no-repeat; aspect-ratio: 1/1; margin-right: .5rem; font-weight: 400; font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .obligatoire .titre-largeur::before { content: ""; margin-right: .5rem; display: inline-block; width: 1.5ch; background-position: center; filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%); background-image: url(../images/f071.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"] { text-transform: uppercase; margin-left: 1px; white-space: break-spaces; color: var(--grisTitre); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) { display: flex; width: 100%; margin-top: .25rem; } .configuration.Produit.DimensionUnique .configurateur .dimensions .saisir-dimensions p .input-largeur { min-width: 315px; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"][class*="effective"] { text-transform: initial; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre-hauteur"]:has(.pasDeRetour) { width: 100%; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer { margin: 0; display: flex; width: 100%; height: 100%; padding: 1.5rem 40px 1rem .75rem; gap: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) { margin: 0; margin-bottom: -.5rem; display: grid; width: 100%; height: 100%; padding: .75rem 40px 0 .75rem; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) { display: inline-block; width: 100%; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere { width: 100%; border: 3px solid var(--grisV2); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere span:not(.titre-saisieRepere) input.repere:focus-visible { outline: none; border: 2px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(.titre-off) span:not(.unit) { position: relative; font-size: initial; } #Configurateur_Configuration .configurateur .choix-galons { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .configurateur .choix-galons .aide { position: absolute; top: calc((32px - 1.75rem) / 2); right: 1rem; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: var(--vert); text-decoration: inherit; color: var(--blanc); & span { display: none; } &::after { content: ""; width: 2ch; background-position: center; filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-image: url(../images/3f.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: .75rem; } } #Configurateur_Configuration .configurateur .liste-galons .galon > span { display: flex; flex-direction: column; } #Configurateur_Configuration .image { display: block; border: 3px solid var(--grisClair); } #Configurateur_Configuration .accessoires .image { border: 0; } #Configurateur_Configuration .configurateur .liste-galons .galon .image a { color: var(--blanc); text-decoration: inherit; display: block; position: relative; } #Configurateur_Configuration .configurateur .liste-galons .galon .image a img { max-width: 100%; object-fit: cover; display: block; aspect-ratio: 1/1; width: 100%; } #Configurateur_Configuration .configurateur .liste-galons .galon .image a .disponibilite { display: flex; justify-content: center; align-items: center; height: 20px; background-color: var(--vert); position: absolute; bottom: 0; left: 0; width: 100%; font-size: .5rem; } #Configurateur_Configuration .configurateur .liste-galons .galon .image a .disponibilite .label { margin-right: 1ch; } #Configurateur_Configuration .configurateur .liste-galons .galon .image a:hover { box-shadow: var(--boxShadow); } #Configurateur_Configuration .configurateur .liste-galons .galon .image:hover { scale: 1.01; } #Configurateur_Configuration .configurateur .liste-galons .galon .input { display: none; } #Configurateur_Configuration .configurateur .liste-galons .galon .title { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .5rem 0; flex-grow: 1; text-align: center; word-break: break-word; color: var(--grisNav); margin: 0; } #Configurateur_Configuration .configurateur .liste-galons .galon .title a { color: var(--grisTitre); text-decoration: inherit; font-weight: 700; } #Configurateur_Configuration .configurateur .choix-galons .titre-off .numero { margin-right: .25rem; &::after { content: "."; } } #Configurateur_Configuration .configurateur .options .images { position: relative } #Configurateur_Configuration .configurateur .options div.option { margin: 0 .5rem; padding: 0 0 2rem; position: relative; } #Configurateur_Configuration .configurateur .options div.option > .titre { text-transform: uppercase; position: relative; top: -1rem; display: inline-flex; width: 100%; font-weight: 700; color: var(--grisTitre); &.obligatoire::before { content: ""; display: inline-block; width: 1.5ch; background-position: center; filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%); background-image: url(../images/f071.svg); background-repeat: no-repeat; aspect-ratio: 1/1; margin-right: .5rem; font-weight: 400; font-size: 1rem; } &::after { content: ""; border-bottom: 1px solid var(--gris); position: relative; top: -.2rem; left: 0; flex-grow: 1; margin-left: .5rem; margin-right: 3rem; display: none; } } #Configurateur_Configuration .configurateur .options .option .option-values { margin: 0; } .liste-vignette { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .5rem; position: relative; } .liste-vignette.option-values { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem .5rem; margin: 0 .5rem; position: relative; padding: 0; } .Produit[class*="films-"] .liste-vignette { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .5rem; margin: 0; position: relative; grid-auto-rows: 1fr; padding: 0; } #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur { width: 100%; border: 3px solid var(--rouge); text-align: right; padding: .25rem 2rem .25rem 0; font-size: 1rem; font-family: 'Mulish', sans-serif; color: var(--gris); outline: none; } #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur.active { outline: none; border-color: var(--vert); } #Configurateur_Configuration .configurateur .options .option .option-values input.hauteur-ou-largeur:has(input.active) { outline: none; border-color: var(--vert); } #Configurateur_Configuration .configurateur .options .option .option-values select { width: 100%; border: 3px solid var(--rouge); padding: .25rem 2rem .25rem 1rem; font-size: 1rem; font-family: 'Mulish', sans-serif; background-color: var(--blanc); color: var(--gris); grid-column: auto / span 2; -webkit-appearance: unset; border-radius: 0; position: relative; } #Configurateur_Configuration .configurateur .options .option .option-values select.active { border: 3px solid var(--vert); } #Configurateur_Configuration .configurateur .options .option .option-values .hauteur-ou-largeur { position: relative; & .unit { position: absolute; top: 15px; right: .5rem; transform: translateY(-50%); } &::before { content: ""; background-image: url(../images/checkBordBlanc.svg); filter: none; background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 2.5rem; aspect-ratio: 1/1; position: absolute; top: -1.35rem; right: 0; z-index: 1; } &:has(input:not(.active))::before { content: ""; filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%); background-image: url(../images/f071.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 1.25rem; aspect-ratio: 1/1; position: absolute; top: .5rem; left: .5rem; z-index: 1; } } #Configurateur_Configuration .configurateur .options .option .option-values .option .image a { color: var(--blanc); text-decoration: inherit; display: block; position: relative; } #Configurateur_Configuration .configurateur .options .option .option-values .option .image a img { max-width: 100%; object-fit: cover; display: block; aspect-ratio: 1/1; width: 100%; } #Configurateur_Configuration .configurateur .options .option .option-values .option .image a:hover { box-shadow: var(--boxShadow); } #Configurateur_Configuration .configurateur .options .option .option-values .option .image:hover { scale: 1.01; } #Configurateur_Configuration .configurateur .options .option .option-values .option .input { display: none; } #Configurateur_Configuration .configurateur .options .option .option-values .option .titre { display: block; padding: .5rem 0; /*margin: 0 calc(.25rem + 6px);*/ flex-grow: 1; text-align: center; & a { color: var(--grisTitre); text-decoration: inherit; font-weight: 700; } } #Configurateur_Configuration .configurateur .options .option .option-values .option.incompatibilite { opacity: .2; } #Configurateur_Configuration .configurateur .options .option .option-values:has(select)::before { content: ""; filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%); background-image: url(../images/f071.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 1.25rem; aspect-ratio: 1/1; position: absolute; top: .5rem; left: .5rem; z-index: 1; } #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { content: ""; background-image: url(../images/checkBordBlanc.svg); filter: none; background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 2.5rem; aspect-ratio: 1/1; position: absolute; top: -1.35rem; z-index: 1; right: 0; left: inherit; } #Configurateur_Configuration .configurateur .options .option .option-values> a { display: none; } #Configurateur_Configuration .configurateur .options .option .pasDeRetour { white-space: break-spaces; width: 200%; display: flex; margin-top: .25rem; gap: .25ch; } #Configurateur_Configuration .configurateur .options .textes { position: relative } #Configurateur_Configuration .configurateur .options .option > .titre .value { display: flex; white-space: nowrap; width: 100%; &::after { content: ""; border-bottom: 1px solid var(--gris); flex-grow: 1; margin-left: .5rem; margin-right: 1rem; width: 100%; display: block; height: 1rem; } } #Configurateur_Configuration .configurateur .options .titre-off { display: flex; align-items: center; height: 2rem; background-color: var(--grisPlaceHolder); color: var(--blanc); margin: 0 0 1.5rem; padding: 0 .75rem; text-transform: uppercase; font-size: .9rem; font-weight: 700; } #Configurateur_Configuration .configurateur .options .titre-off .numero { margin-right: .25rem; &::after { content: "."; } } #Configurateur_Configuration .configurateur .choix-nombre-vantaux { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .configurateur .choix-nombre-vantaux .aide { position: absolute; top: .5rem; right: 1rem; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: var(--vert); text-decoration: inherit; color: var(--blanc); & span { display: none; } &::after { content: ""; width: 2ch; background-position: center; filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-image: url(../images/3f.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 400; font-size: .75rem; } } .liste-nombre-vantaux { margin: 0; padding: .5rem; & a > span { display: flex; flex-direction: column; align-items: center; position: relative; } & input[type="radio"] { display: none; } & .active .image { border: 5px solid var(--vert); } & .active::before { content: ""; background-image: url(../images/checkBordBlanc.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block; width: 2.5rem; aspect-ratio: 1/1; position: absolute; top: -1.35rem; right: 0; z-index: 100; } & .dimensions { display: flex; font-size: .7rem; flex-direction: column; align-items: center; } & .dimenasions2 { display: flex; font-size: .7rem; flex-direction: column; align-items: center; } & .titre { font-weight: 600; } & .vantaux-1 .image { background-image: url(../images/vantaux1.svg); } & .vantaux-2 .image { background-image: url(../images/vantaux2.svg); } } #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux .image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 90% auto; background-position: center; &::after { content: ""; padding-top: 100%; display: block; } &:hover { box-shadow: var(--boxShadow); scale: 1.01; } } #Configurateur_Configuration .configurateur .choix-nombre-vantaux .titre-off .numero::after { content: "."; } #Configurateur_Configuration .configurateur, #Configurateur_Configuration .description { color: var(--noir); } #Configurateur_Configuration .description { position: relative; margin-bottom: 1rem; } #Configurateur_Configuration .description #sr-configurateur-alerte { margin: 0 .5rem; background-color: var(--gris-clair); } #Configurateur_Configuration .description #sr-configurateur-alerte ul { margin: 0; padding: 1rem; list-style: none; } #Configurateur_Configuration .description #sr-configurateur-alerte ul li + li { margin-top: .5rem; } #Configurateur_Configuration .description #sr-configurateur-alerte ul li a { color: inherit; text-decoration: inherit; &::before { content: ""; display: inline-block; width: 1.5ch; background-position: center; filter: invert(16%) sepia(93%) saturate(2483%) hue-rotate(346deg) brightness(100%) contrast(113%); background-image: url(../images/f071.svg); background-repeat: no-repeat; aspect-ratio: 1/1; margin-right: .5rem; font-weight: 400; font-size: 1rem; } &:hover { text-decoration: underline; } } #Configurateur_Configuration .description .actions { display: block; margin: 0 .5rem; background-color: var(--gris-clair); border-radius: 0 0 0.3rem .3rem; text-align: center; padding: 1rem .5rem 2rem; } #Configurateur_Configuration .description .actions button, #Configurateur_Configuration .description .actions .ajouter-votre-commande { display: inline-flex; transition: .5s ease-in-out; justify-content: center; align-items: center; height: 50px; width: 100%; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 700; font-size: 1rem; max-width: 300px; margin: 0 auto; background-image: url(../images/fleche-ajout-panier.svg); background-repeat: no-repeat; background-position: 14.5rem center; background-size: auto 30%; padding-right: 3.5rem; cursor: pointer; text-decoration: none; } #Configurateur_Configuration .description .actions button.modifier-votre-commande, #Configurateur_Configuration .description .actions .ajouter-votre-commande.modifier-votre-commande { background-position: 15.5rem center; } #Configurateur_Configuration .description .actions button:hover, #Configurateur_Configuration .description .actions .ajouter-votre-commande:hover { background-color: var(--vertClair); background-position: 15rem center; } #Configurateur_Configuration .description .content-after-add { margin-top: 1rem; color: var(--grisTitre); & .pointsForts { display: flex; width: 100%; padding: 0 1rem; } & .pointsForts .colonne { display: flex; flex-direction: column; align-items: center; } & .pointsForts > div { flex-basis: 33%; } & .pointsForts .colonne img { max-height: 3rem; } & .pointsForts .colonne p { text-align: center; margin: .5rem 0; font-size: .8rem; } } #Configurateur_Configuration .description .content-before-add { margin: 0 .5rem; background-color: var(--gris-clair); color: var(--noir); padding-top: 1rem; & p { margin: 0 auto; padding: 0 .5rem 0 6rem; text-transform: uppercase; font-size: .9rem; background-image: url(../images/picto_livraison.svg); background-position: 1rem center; background-repeat: no-repeat; background-size: auto 2rem; max-width: 500px; letter-spacing: .08rem; } & p .label { font-weight: 800; } & p .rouge { color: var(--noir); font-weight: 800; } & p .value { display: block; font-weight: 300; } } #Configurateur_Configuration .description div.tarif { margin: 0 .5rem; padding: 1rem .5rem; background-color: var(--gris-clair); border-radius: 0.3rem .3rem 0 0; text-align: center; display: flex; flex-direction: column; } #Configurateur_Configuration .description .tarif .montant-total { margin: .25rem 0 0; padding: 0 0 1rem; text-align: center; position: relative; & .ecotaxes { display: none; } & .montant .libelle { display: none; } & .montant .prix { color: var(--noir); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 0 0 .75rem; font-size: 1.75rem; font-weight: 700; } & .montant .prix span:not(.montant-apres-remise) { display: none; } & .montant .taxes { color: var(--noir); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 .75rem 0 .25ch; font-size: 1.75rem; font-weight: 700; } &::after { content: ""; width: 60%; border-bottom: 1px solid var(--gris); position: absolute; bottom: 0; left: 20%; } } #Configurateur_Configuration .description .tarif .montant-total-avant-remise { display: none; } #Configurateur_Configuration .description .tarif .prix-unitaire { margin: 0; text-align: center; position: relative; font-weight: 300; display: none; } #Configurateur_Configuration .description .tarif .prix-unitaire .libelle::after { content: " : "; } #Configurateur_Configuration .description .tarif .prix-unitaire .prix { font-weight: 500; font-size: 1.1rem; text-decoration: line-through; padding-right: .5ch; } #Configurateur_Configuration .description .tarif .prix-unitaire .taxes { font-weight: 500; font-size: 1.1rem; text-decoration: line-through; } #Configurateur_Configuration .description .tarif .prix-unitaire-final { margin: 0; } #Configurateur_Configuration .description .tarif .prix-unitaire.promo { margin: 0; text-align: center; position: relative; font-weight: 300; display: initial; order: -1; } #Configurateur_Configuration .description .tarif .prix-unitaire.remise-coloris-euro { display: initial; order: -1; } #Configurateur_Configuration .description .tarif .prix-unitaire.remise-coloris-pourcentage { display: initial; order: -2; } #Configurateur_Configuration .description .tarif .prix-unitaire.remise-pourcentage { margin: 0; text-align: center; position: relative; font-weight: 300; display: initial; order: -1; } #Configurateur_Configuration .description .tarif .prix-unitaire[class*="remise"] span:not(.libelle) { text-decoration: line-through; } #Configurateur_Configuration .description .tarif .promo { margin: 0; text-align: center; font-weight: 300; } #Configurateur_Configuration .description .tarif .promo .taux-promotion { background-color: var(--vert); color: var(--blanc); display: inline-block; padding: 0 .5ch; font-weight: 500; } #Configurateur_Configuration .description .tarif > .quantite { display: flex; justify-content: center; align-items: center; position: relative; padding-top: 1rem; margin: .5rem 0; & .augmenter-quantite, & .diminuer-quantite { display: flex; background: var(--blanc); height: 32px; align-items: center; } & .augmenter-quantite { border-radius: 0 .3rem .3rem 0; } & .diminuer-quantite { border-radius: .3rem 0 0 .3rem; } & input:focus-visible { outline: none; } & .augmenter-quantite button.augmenter-quantite { padding: 0; cursor: pointer; width: 1.5rem; height: 1.5rem; border: 0; background-image: url("../images/2b.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } & .augmenter-quantite button.augmenter-quantite span { display: none; } & .diminuer-quantite button.diminuer-quantite { padding: 0; cursor: pointer; width: 1.5rem; height: 1.5rem; border: 0; background-image: url("../images/f068.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } & .diminuer-quantite button.diminuer-quantite span { display: none; } & .libelle { display: none; } & .quantite { margin: 0; flex-shrink: 0; display: block; } & .quantite input.quantite { appearance: none; border: none; font-size: 1.25rem; color: var(--gris); width: 4rem; text-align: center; padding: 0 .5rem; height: 2rem; } &::before { content: ""; width: 60%; border-bottom: 1px solid var(--gris); position: absolute; top: 0; left: 20%; } } #Configurateur_Configuration .description .tarif .prix-final { font-weight: 500; font-size: 1.1rem; color: var(--noir); } #Configurateur_Configuration .description .tarif .prix-final .taxes { padding-left: .5ch; } #Configurateur_Configuration .description .tarif .remise-sur-coloris-en-euro { display: block; padding: 0 .5rem; margin: .25rem auto; font-size: 1rem; font-weight: 300; background-color: var(--vert); color: var(--blanc); order: -1; } #Configurateur_Configuration .description .tarif .remise-sur-coloris-pourcentage { display: block; margin: .25rem 0; font-size: 1rem; font-weight: 300; order: -1; } #Configurateur_Configuration .description .tarif .remise-sur-coloris-pourcentage .montant-remise-coloris { display: inline-block; padding: 0 .5rem; margin-left: .5ch; background-color: var(--vert); color: var(--blanc); } #Configurateur_Configuration .description .tarif .remise-sur-volume-euro { padding: 0 1rem; background-color: var(--vert); color: var(--blanc); } #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage { display: block; margin: .25rem 0; font-size: 1rem; font-weight: 300; } #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .montant-remise { display: inline-block; padding: 0 .5rem; margin-left: .5ch; background-color: var(--vert); color: var(--blanc); } #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .prix-unitaire-apres-remise-sur-volume { display: block; } #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .remise-sur-volume-a-partir-de { display: none; } #Configurateur_Configuration .description .tarif .remise-sur-volume-pourcentage .remise-sur-volume-quantite { display: none; } #Configurateur_Configuration .description .tarifAPartirDe { margin: 0 .5rem; background-color: var(--gris-clair); border-radius: 0.3rem .3rem 0 0; } #Configurateur_Configuration .description .tarifAPartirDe p { margin: 0; padding: 1rem .5rem 0; text-align: center; } #Configurateur_Configuration .description .tarifAPartirDe p .apartirde { display: block; color: var(--noir); margin-bottom: .5rem; } #Configurateur_Configuration .description .tarifAPartirDe p .montant { color: var(--noir); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 .75rem; font-size: 1.3rem; font-weight: 800; } #Configurateur_Configuration .description .tarifAPartirDe p .montant .devise { margin-left: .25ch; } #Configurateur_Configuration .description .tarifAPartirDe p::after { content: ""; left: 20%; display: block; width: 60%; border-bottom: 1px solid var(--gris); margin: auto; padding-top: 1rem; } #Configurateur_Configuration .description .titre-off .numero { margin-right: .25rem; &::after { content: "."; } } #Configurateur_Configuration .description .fond-blanc { margin: 0 0 1rem; padding: 0 .5rem; list-style: none; font-weight: 700; & > li::before { content: ""; background-image: url(../images/f00c.svg); width: 1.7ch; background-repeat: no-repeat; aspect-ratio: 1/1; filter: invert(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%); display: inline-block; font-weight: 400; margin-right: 1ch; color: var(--vert); } & li { margin-bottom: .25rem; color: var(--grisTitre); } & li .titre { text-transform: uppercase; font-weight: 300; &::after { content: " : "; } } & li .value .dimensions { display: none; } & .admin-only { color: var(--rouge); } } #Configurateur_Conseils { border: 1px solid var(--gris); } #Configurateur_Conseils .contenu { font-size: .8rem; font-weight: 400; padding-left: 2rem; } #Configurateur_Conseils .liens { font-size: .6rem; font-weight: 400; margin: 1rem 0 0; } #Configurateur_Conseils .liens table { width: 100%; border-collapse: collapse; } #Configurateur_Conseils .liens table tbody tr td { border-right: 1px solid var(--gris); padding: .75rem 0; } #Configurateur_Conseils .liens table tbody tr td.lire-la-video { text-align: center; } #Configurateur_Conseils .liens table tbody tr td.lire-la-video > * { display: inline-block; width: 1.5rem; height: 1.5rem; color: inherit; text-decoration: inherit; position: relative; text-align: center; font-size: 0; background-image: url(../images/play.svg); background-position: center; background-size: 100% auto; background-repeat: no-repeat; vertical-align: bottom; } #Configurateur_Conseils .liens table tbody tr td.lire-la-video a span { display: none; } #Configurateur_Conseils .liens table tbody tr td.telecharger { text-align: center; } #Configurateur_Conseils .liens table tbody tr td.telecharger .document-conseils { display: inline-block; width: 1.5rem; height: 1.5rem; color: inherit; text-decoration: inherit; position: relative; text-align: center; font-size: 0; background-image: url(../images/telecharger.svg); background-position: center; background-size: 100% auto; background-repeat: no-repeat; vertical-align: bottom; cursor: pointer; } #Configurateur_Conseils .liens table tbody tr td.telecharger .document-conseils span { display: none; } #Configurateur_Conseils .liens table tbody tr td.titre { padding: .75rem .5rem; & .obfusquer:hover { text-decoration: underline; } } #Configurateur_Conseils .liens table tbody tr td.visualiser { text-align: center; } #Configurateur_Conseils .liens table tbody tr td.visualiser .rubrique-conseils { display: inline-block; width: 1.5rem; height: 1.5rem; color: inherit; text-decoration: inherit; position: relative; text-align: center; font-size: 0; background-image: url(../images/oeil.svg); background-position: center; background-size: 100% auto; background-repeat: no-repeat; vertical-align: bottom; } #Configurateur_Conseils .liens table tbody tr td.visualiser .rubrique-conseils span { display: none; } #Configurateur_Conseils .liens table tbody tr td:last-of-type { border-right: none; } #Configurateur_Conseils .liens table tbody tr:nth-of-type(even) { background-color: var(--grisClair); } #Configurateur_Conseils .liens table thead { background-color: var(--grisClair); color: var(--grisTitre); } #Configurateur_Conseils .liens table thead tr th { padding: .25rem; font-size: .5rem; border-right: 1px solid var(--gris); } #Configurateur_Conseils .liens table thead tr th.lire-la-video { width: 4rem; } #Configurateur_Conseils .liens table thead tr th:last-of-type { border-right: none; } #Configurateur_Conseils h2 { margin: 1rem 2rem 0; font-size: 1.25rem; font-weight: 400; text-transform: uppercase; } #Configurateur_Configuration .liens { margin: 2rem 0; } #Configurateur_Configuration .liens .pose-facile { display: flex; padding-top: 1rem; } #Configurateur_Configuration .liens .pose-facile .col-1 { width: 50%; } #Configurateur_Configuration .liens .pose-facile .col-2 { width: 50%; display: flex; flex-direction: column; gap: .5rem; } #Configurateur_Configuration .liens .pose-facile .col-2 > div { height: 50%; } #Configurateur_Configuration .liens .pose-facile .telechargement-pose-facile a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/telechargement.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } #Configurateur_Configuration .liens .pose-facile .titre-pose-facile { text-transform: uppercase; padding: .75rem 0 .75rem 2.25rem; background-image: url(../images/chrono.svg); background-repeat: no-repeat; background-position: left center; background-size: 2rem auto; } #Configurateur_Configuration .liens .pose-facile .titre-pose-facile span { color: var(--vert) } #Configurateur_Configuration .liens .pose-facile .video-pose-facile a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/videoLiens.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } #Configurateur_Configuration .liens .pose-facile .visualiser-pose-facile a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/oeil.svg); background-position: .5rem center; background-repeat: no-repeat; background-size: 2.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } #Configurateur_Configuration .liens .prise-de-mesure { border-bottom: 1px solid var(--gris); display: flex; padding-bottom: 1rem; } #Configurateur_Configuration .liens .prise-de-mesure .col-1 { width: 50%; } #Configurateur_Configuration .liens .prise-de-mesure .col-2 { width: 50%; display: flex; flex-direction: column; gap: .5rem; } #Configurateur_Configuration .liens .prise-de-mesure .col-2 > div { height: 50%; } #Configurateur_Configuration .liens .prise-de-mesure .telechargement-prise-de-mesure a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/telechargement.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } #Configurateur_Configuration .liens .prise-de-mesure .titre-prise-de-mesure { text-transform: uppercase; padding: .75rem 0 .75rem 2.25rem; background-image: url(../images/mesure.svg); background-repeat: no-repeat; background-position: left center; background-size: 2rem auto; } #Configurateur_Configuration .liens .prise-de-mesure .titre-prise-de-mesure span { color: var(--vert); } #Configurateur_Configuration .liens .prise-de-mesure .video-prise-de-mesure a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/videoLiens.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } #Configurateur_Configuration .liens .prise-de-mesure .visualiser-prise-de-mesure a { display: flex; color: inherit; text-decoration: inherit; width: 100%; height: 100%; padding-left: 4rem; background-image: url(../images/oeil.svg); background-position: .5rem center; background-repeat: no-repeat; background-size: 2.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } .information.Produit.detail .configuration.Produit .presentation a { color: var(--vert); text-decoration: inherit; &:hover { text-decoration: underline; } } .information.Produit.detail .configuration.Produit .presentation #widget-container, .information.Produit.detail .configuration.Produit .presentation #ekomi-product-widget-identifier, .information.Produit.detail .configuration.Produit .presentation ul { display: none; } .information.Produit.detail .configuration.Produit .presentation .out { display: block; margin: 0 auto; color: var(--vert); cursor: pointer; text-align: center; } .information.Produit.detail .configuration.Produit .presentation .out:hover .in { text-decoration: underline; } .information.Produit.detail .configuration.Produit .presentation table { margin-right: .25rem; } .information.Produit.detail .configuration.Produit .presentation table tr { display: flex; flex-direction: column; } .information.Produit.detail .configuration.Produit .presentation table tr td img { max-width: 170px; aspect-ratio: 1/1 } .information.Produit.detail .configuration.Produit .presentation table tr td p + p { margin: 0 0 .25rem; } .information.Produit.detail .configuration.Produit .presentation table tr td:nth-of-type(2) { padding: 0 .5rem; } .information.Produit.detail .configuration.Produit .presentation.closed p { position: relative; &::after { position: absolute; left: 0; bottom: 0; height: 40%; width: 100%; content: ""; background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80% ); pointer-events: none; } } .information.Produit.detail .configuration.Produit .presentation.closed .out::after { content: ""; background-image: url(../images/f078.svg); filter: invert(70%) sepia(36%) saturate(474%) hue-rotate(29deg) brightness(93%) contrast(88%); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: block; font-weight: 400; margin: auto; } .information.Produit.detail .configuration.Produit .presentation.open .out { margin: 0 auto; &::after { content: ""; background-image: url(../images/f077.svg); filter: invert(70%) sepia(36%) saturate(474%) hue-rotate(29deg) brightness(93%) contrast(88%); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: block; font-weight: 400; margin: auto; } } #Configurateur_Previsualisation .galerie { margin: .5rem 0; position: relative; display: block; padding-top: 2rem; } #Configurateur_Previsualisation .galerie .galerie_previsualisation .thickbox { display: block; width: 100%; height: 100%; aspect-ratio: 1/1; border: 1px solid var(--grisClair); & img { object-fit: cover; max-height: 100%; width: 100%; object-position: top; } } #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation { width: 100%; height: 100%; display: flex; } #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation img { width: 100%; aspect-ratio: 1 / 1; } #Configurateur_Previsualisation .galerie .galerie_previsualisation .fabrication-française { display: none; } #Configurateur_Previsualisation .galerie .galerie_previsualisation .garantie { display: none; } #Configurateur_Previsualisation .galerie .promotion { position: absolute; top: 32px; right: 0; color: var(--blanc); z-index: 10; max-width: 295px; } #Configurateur_Previsualisation .galerie .promotion .code-promo { background-color: var(--vert); } #Configurateur_Previsualisation .galerie .promotion .code-promo p { display: flex; flex-direction: column; align-items: center; margin: 0; padding: .5rem; width: 110px; font-size: .5rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-code { font-size: 1rem; font-weight: 800; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-montant { font-size: 2rem; font-weight: 800; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-offerts { display: none; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-pourcentage { font-size: 2rem; font-weight: 800; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-produit { display: none; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-remise { display: none; } #Configurateur_Previsualisation .galerie .promotion .texte-promo { display: flex; justify-content: center; } #Configurateur_Previsualisation .galerie .promotion .texte-promo p { margin: 0; display: flex; justify-content: center; align-items: center; max-width: 110px; padding: .25rem; } #Configurateur_Previsualisation .galerie .promotion .texte-promo p img { display: block; width: 100%; height: auto; } #Configurateur_Previsualisation .galerie .swiper-group { margin: 0; padding: 0; position: relative; } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next::after, #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev::after { color: var(--gris); } #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-next"]::after { right: 0; } #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-next"], #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-prev"] { color: var(--gris); &::after { color: var(--gris); width: 30px; height: 30px; appearance: none; background: hsla(0, 0%, 100%, .3); border: 0; border-radius: 50%; cursor: pointer; outline: none; position: absolute; top: 50%; font-size: 1rem; transform: translateY(-50%); z-index: 4; text-align: center; font-weight: 600; align-content: center; } } #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-prev"]::after { left: 0; } #Configurateur_Previsualisation .galerie .swiper-group a { cursor: pointer; & img { object-fit: cover; width: 100%; object-position: top; border: 1px solid var(--grisClair); aspect-ratio: 1/1; height: 100%; } &.video { display: block; font-size: 0; cursor: pointer; background-image: url(../images/video.svg); background-repeat: no-repeat; background-position: center; background-size: auto 100%; border: 1px solid var(--grisClair); aspect-ratio: 1/1; width: 100%; } &:hover { box-shadow: var(--boxShadow); scale: 1.01; } } #Configurateur_Previsualisation .sticky { position: sticky; top: 1rem; margin-bottom: 1rem; } #Configurateur_Previsualisation .triple-vignette { display: flex; gap: .5rem; } #Configurateur_Previsualisation .triple-vignette .vignette { position: relative; flex-basis: 25%; } #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu { max-width: 100%; height: 100%; object-fit: cover; width: 100%; display: flex; flex-direction: column; align-items: center; padding: .5rem; border: 1px solid var(--grisClair); } #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu .image { display: block; position: relative; width: 100%; & img { max-width: 100%; height: 100%; object-fit: cover; margin: auto; width: 100%; } } #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu .texte { text-align: center; font-size: .8rem; word-break: break-word; } #Configurateur_Configuration .remises-sur-volume { background-color: var(--grisClair); display: flex; padding: .75rem 1rem; font-weight: 900; color: var(--grisNav); max-width: 476px; } #Configurateur_Configuration .remises-sur-volume .contenu { align-self: center; border-left: 1px solid var(--gris); padding-left : 2rem; width: 50%; } #Configurateur_Configuration .remises-sur-volume .contenu .degressif { margin: 0; padding: 0; list-style: none; font-size: .9rem; } #Configurateur_Configuration .remises-sur-volume .quantite { font-weight: 500; } #Configurateur_Configuration .remises-sur-volume .remise { color: var(--rouge); font-size: .8rem; } #Configurateur_Configuration .remises-sur-volume .titre { display: none; } #Configurateur_Configuration .remises-sur-volume h3 { margin: 0 !important; margin-left: -1rem !important; padding: 0 !important; text-transform: initial; width: initial; text-align: center; display: flex !important; flex-direction: column; justify-content: center; color: var(--noir); &::after { content: "Valido solo\Asu questo prodotto"; font-size: .8rem; display: block; font-weight: 400; white-space: preserve; } } #Configurateur_Titre { position: relative; } #Configurateur_Titre .avis-clients { display: flex; min-height: 1.5rem; flex-direction: column; & p { margin: 0; } &::before { content: "Recensioni clienti"; font-weight: 700; margin-right: 1ch; flex-shrink: 0; } } #Configurateur_Titre .echantillons { position: absolute; top: -18px; right: 0; width: 110px; height: 80px; background-color: var(--vert); background-image: url(../images/echantillonBlanc.svg); background-position: center .25rem; background-repeat: no-repeat; background-size: auto 45px; display: flex; align-items: flex-end; justify-content: center; } #Configurateur_Titre .echantillons .obfusquer-cfg { color: var(--blanc); text-transform: uppercase; text-align: center; font-size: .6rem; font-weight: 610; padding-bottom: .25rem; display: flex; justify-content: center; align-items: flex-end; height: 100%; width: 100%; cursor: pointer; &:hover { text-decoration: underline; } } #Configurateur_Titre .expedition { display: flex; align-items: flex-end; } #Configurateur_Titre .expedition .delai-expedition { margin: .5rem 0; } #Configurateur_Titre .expedition .delai-expedition p { font-size: .8rem; font-weight: 700; margin: 0; } #Configurateur_Titre .expedition .delai-expedition p .delai-standard .delai { color: var(--vert); } #Configurateur_Titre h1 { grid-column: 1/3; margin: 0 0 .5rem; font-size: 1.5rem; font-weight: 700; display: inline-block; width: calc(100% - 110px); color: var(--grisTitre); } #Configurateur_Titre h1 .center { color: var(--grisTitre); } #Configurateur_Titre h1 .right { display: block; font-weight: 400; font-size: 1.3rem; } #Configurateur_Titre h1 .titre { font-weight: 800; font-size: 2rem; } .information.Produit.detail .configuration.Produit.0a0c93b3-fecf-4b64-94d5-238b9585bbca .previsualisation .galerie .galerie_previsualisation .thickbox img { object-fit: contain; object-position: center; height: 100%; } .information.Produit.detail .configuration.Produit:not([class*="moustiquaire"]):not(class*="rideau") .configurateur .dimensions .saisir-dimensions p .largeur-effective:has(.valeur-largeur-effective:empty) { display: none; } .information.Produit.detail .configuration.Tringle.Produit .configurateur .coloris .image a { & img { height: auto; width: 100%; position: initial; object-fit: contain; max-width: initial; display: block; } &::after { content: initial; } } .information.Produit.detail .configuration.Tringle.Produit .configurateur .liste-galons .galon .image a { & img { height: auto; width: 100%; position: initial; object-fit: contain; max-width: initial; display: block; } &::after { content: initial; } } .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { margin: 0; padding: .5rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(10, 1fr); grid-auto-flow: column; grid-gap: .5rem; font-size: .8rem; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation { display: none; } #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .coloris .option a .delai { display: flex; justify-content: center; align-items: center; height: 20px; background-color: var(--vert); position: absolute; bottom: 0; left: 0; width: 100%; font-size: .5rem; z-index: 100; color: var(--blanc); font-weight: 500; } #Configurateur_Configuration .configurateur .option .option .image a .disponibilite .label, #Configurateur_Configuration .configurateur .option .option .image a .delai .label { margin-right: 1ch; } #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .option .image a .delai { font-size: .5rem; color: var(--blanc); font-weight: 500; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"] + a:has(.image) { border: none; background-color: initial; color: initial !important; padding: 0; scale: 1; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite .label { margin-right: 1ch; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai .label { margin-right: 1ch; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite { display: flex; justify-content: center; align-items: center; height: 20px; background-color: var(--vert); position: absolute; bottom: 0; left: 0; width: 100%; font-size: .5rem; z-index: 100; color: var(--blanc); font-weight: 500; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai { display: flex; justify-content: center; align-items: center; height: 20px; background-color: var(--vert); position: absolute; bottom: 0; left: 0; width: 100%; font-size: .5rem; z-index: 100; color: var(--blanc); font-weight: 500; gap: .5ch; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"] + a:has(.image):hover { box-shadow: none; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image { display: block; border: 5px solid var(--grisClair); position: relative; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a:has(.image) .text-value { display: flex; justify-content: center; align-items: center; padding: .5rem 0; flex-grow: 1; margin: 0 calc(.25rem + 6px); text-align: center; word-break: break-word; gap: .5ch; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a:has(.image) .text-value { color: var(--grisTitre); text-decoration: inherit; font-weight: 700; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image img { max-width: 100%; object-fit: cover; display: block; aspect-ratio: 1 / 1; width: 100%; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap input[type="radio"]:checked + a .image { border: 5px solid var(--vert); } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { grid-template-columns: repeat(2, 1fr); } #Configurateur_Configuration .remises-sur-volume .titre-remise { margin: 0 !important; padding: 0 !important; text-transform: initial; text-align: center; display: flex !important; flex-direction: column; justify-content: center; color: var(--noir); font-weight: bold; margin-left: -0.5rem !important; margin-right: 0.5rem !important; width: 50%; &::after { content: "Valido solo\Asu questo prodotto"; font-size: .8rem; display: block; font-weight: 400; white-space: preserve; } } .information.Produit.liste .image .titre-produit-liste { font-size: .68rem; margin: 0 0 .25rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: var(--blanc); text-shadow: 0 0 3px var(--noir); font-weight: 900; padding: 0 1rem; display: block; max-width: 1600px; margin: 1rem auto; } .information.Produit.referencement .referencement .contenuReferencement section .titre-produit-liste { color: var(--gris); cursor: pointer; text-transform: uppercase; font-weight: 400; margin: 0; font-size: 1.25rem; } .information.Produit.referencement .referencement .contenuReferencement .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste { position: absolute; bottom: -1rem; text-shadow: none; font-weight: 500; font-size: .7rem; transform: translateY(100%); top: initial; padding: 0 1rem; display: block; max-width: 1600px; margin: 1rem auto; } .information.Produit.liste .image .titre-produit-liste a { color: var(--blanc); text-decoration: inherit; text-transform: uppercase; height: 100%; display: flex; justify-content: center; align-items: flex-end; } body:not(.panier) .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste a, body:not(.panier) .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste .obfusquer { color: var(--gris) !important; } .information.Produit.liste .image .titre-produit-liste .obfusquer { color: var(--blanc); text-decoration: inherit; text-transform: uppercase; height: 100%; display: flex; justify-content: center; align-items: flex-end; }@media screen and (min-width: 425px) { #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-largeur, #conteneur.Produit.occultants #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur, #conteneur.Produit[class*="store-enrouleur"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur, #conteneur.Produit[class*="stores-enrouleurs"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .titre-hauteur { display: initial; height: initial; } } /*---fin425px---*/ @media screen and (min-width: 576px) { #Configurateur_Titre .avis-clients { flex-direction: row; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(7, 1fr); } #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { left: 40%; right: initial; } .liste-vignette, .liste-vignette.option-values { grid-template-columns: repeat(4, 1fr); } .Produit[class*="films-"] .liste-vignette { grid-template-columns: repeat(3, 1fr); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) { width: 150%; } #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux > span { flex-basis: 25%; } .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(7, 1fr); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .dimensions, #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .dimenasions2 { font-size: .9rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { grid-template-columns: repeat(4, 1fr); } } /*--fint576px--*/ @media screen and (min-width: 768px) { #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(4, 1fr); grid-template-rows: initial; grid-auto-flow: initial; } #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { left: 34%; } .liste-vignette, .liste-vignette.option-values { grid-template-columns: repeat(5, 1fr); } .Produit[class*="films-"] .liste-vignette { grid-template-columns: repeat(4, 1fr); } #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux > span { flex-basis: 24%; } .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(4, 1fr); grid-template-rows: initial; grid-auto-flow: initial; } .information.Produit.detail #ResumeDescriptionUpdateContainer { display: none!important; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee > span { flex-basis: 24%; } } /*--fint768px--*/ @media screen and (min-width: 992px) { #Configurateur_Previsualisation .galerie .swiper-group a { flex-shrink: initial; } #Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a:not(:first-child) { display: flex; } #Configurateur_Previsualisation .galerie .swiper-group .vignettes:not(.swiper-wrapper) a#video_galerie { display: flex; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire { flex-direction: column-reverse; } #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { right: 0; left: initial; } .option-values:has(.hauteur-ou-largeur) { grid-template-columns: repeat(2, 1fr); } .liste-vignette { grid-template-columns: repeat(4, 1fr); margin: 0; } .liste-vignette.option-values { grid-template-columns: repeat(2, 1fr); margin: 0; } .Produit[class*="films-"] .liste-vignette { grid-template-columns: repeat(3, 1fr); } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next::after { content: ''; background-image: url(../images/circle-arrow-right-solid.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block; width: 1.5rem; height: 1.5rem; aspect-ratio: 1 / 1; margin-left: 1rem; } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev::after { content: ''; background-image: url(../images/circle-arrow-left-solid.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block; width: 1.5rem; height: 1.5rem; aspect-ratio: 1 / 1; margin-right: 1rem; } .information.Produit.detail .configuration { display: grid; grid-template-columns: 20% 20% 20% 40%; padding: 0; } #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .coloris .option a .delai { font-size: .8rem; flex-direction: column; height: 2.5rem; } #Configurateur_Configuration .configurateur .option .option .image a .disponibilite .label, #Configurateur_Configuration .configurateur .option .option .image a .delai .label { margin-right: 0; } #Configurateur_Configuration .configurateur .option .option .image a .disponibilite, #Configurateur_Configuration .configurateur .option .option .image a .delai { font-size: .8rem; } #Configurateur_Previsualisation .galerie .promotion { top: 0; } #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-next"], #Configurateur_Previsualisation .galerie .swiper-group [class*="swiper-button-prev"] { display: block; } #Configurateur_Previsualisation .galerie .galerie_previsualisation #survol_galerie_previsualisation { display: flex; } .information.EnsembleCollection.detail .configuration.EnsembleCollection { grid-template-columns: 1fr 1fr 1fr; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { grid-column: 2 / 4; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume { grid-column: 1 / 2; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre { grid-column: 1 / 4; width: 100%; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre-collection { grid-column: 1 / 4; width: calc(100% - 2rem); } #Configurateur_Titre { grid-column: 3/5; margin: 0 2rem 0 0; } #Configurateur_Previsualisation { grid-column: 1/3; grid-row: 1/3; margin: 0 1rem; } #Configurateur_Configuration { grid-column: 3/5; grid-row: 2/4; display: flex; flex-direction: column; & .IndeXys-widget-ekoo { order: 0; } & .row-remise-caracteristique { order: 2; } & .presentation { order: 1; } & .liens { order: 4; } & form { order: 5; } } #Configurateur_Configuration .description { margin-bottom: 0; } #conteneur[class*="coussin"] #Configurateur_Configuration .description { grid-row: 7/9; } #Configurateur_Conseils { grid-column: 1/3; grid-row: 3/4; margin: 0 1rem; } #Configurateur_Previsualisation .galerie { grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; display: grid; margin: 0 0 1rem; padding-top: 0; } #Configurateur_Previsualisation .galerie .galerie_previsualisation { grid-column: 2/6; grid-row: 1/5; } #Configurateur_Previsualisation .galerie .swiper-group { grid-column: 1/2; grid-row: 1/5; height: 100%; position: absolute; width: 100%; display: flex; } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next, #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev { display: flex; justify-content: center; align-items: center; transform: translateX(-50%) rotate(90deg); left: 50%; } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next::after, #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev::after { font-size: 1.5rem; } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-prev { top: -1rem; background: 0; } #Configurateur_Previsualisation .galerie .swiper-group .swiper-button-next { bottom: -2.5rem; top: initial; background: 0; } #Configurateur_Previsualisation .triple-vignette .vignette { height: initial; } #Configurateur_Previsualisation .triple-vignette .vignette .image img { max-width: 100px; } #Configurateur_Previsualisation .triple-vignette { grid-template-columns: repeat(5, minmax(15%, 1fr)); display: grid; grid-gap: 1rem; } #Configurateur_Previsualisation .triple-vignette .vignette:first-of-type { grid-column: 2/3; } .information.Produit.detail { padding: 0; } .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(7, 1fr); font-size: 1rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p { width: initial; font-size: .65rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-montant { font-size: 1.7rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-pourcentage { font-size: 1.7rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-code { font-size: .875rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure { grid-template-columns: 1fr 45%; border-bottom: none; border-right: 1px solid var(--gris); padding: 0; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { grid-template-columns: 1fr 1fr; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile { width: 50%; margin-left: 1rem; padding: 0; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(7, 1fr); font-size: 1rem; } #Configurateur_Configuration .caracteristiques, #Configurateur_Configuration .liens { padding: .5rem 1rem; margin: 0; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide span::after { font-size: 1rem; } #Configurateur_Titre .echantillons { top: 0; } #Configurateur_Configuration .configurateur .coloris .image a .delai { font-size: .8rem; height: 2.5rem; } #Configurateur_Configuration .configurateur .coloris .image a .disponibilite { font-size: .8rem; flex-direction: column; height: 2.5rem; } #Configurateur_Configuration .configurateur .coloris .image a .promotion-coloris { font-size: .8rem; height: 2.5rem; } #Configurateur_Configuration .configurateur .coloris .image a .disponibilite .label, #Configurateur_Configuration .configurateur .coloris .image a .delai .label { margin-right: 0; } #Configurateur_Configuration #ekoo-root-container, #Configurateur_Configuration .IndeXys-widget-ekoo { padding-bottom: 1rem; } .information.Produit.detail .configuration.Produit .presentation table tr { display: initial; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre-hauteur"]:has(.pasDeRetour) { width: 250%; } #Configurateur_Previsualisation .sticky { top: 13rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { grid-template-columns: repeat(2, 1fr); margin: 0; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite { font-size: .8rem; flex-direction: column; height: 2.5rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .disponibilite .label { margin-right: 0; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai { font-size: .8rem; height: 2.5rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee .indeXys-nowrap a .image .delai .label { margin-right: 0; } .information.Produit.liste .image .titre-produit-liste { font-size: .8rem; } .information.Produit.referencement .referencement .contenuReferencement section .titre-produit-liste { font-size: 1.25rem; } .information.Produit.referencement .referencement .contenuReferencement .sr-mondrian-MaillageProduit .information.Produit.liste .image .titre-produit-liste { font-size: 1rem; } } /*--fin992px--*/ @media screen and (min-width: 1200px) { #Configurateur_Configuration .configurateur .options div.option { padding: 0 2.5rem 1rem; } #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { right: initial; left: 57%; } .liste-vignette.liste-accessoires { padding: .5rem 2.5rem; grid-gap: 0; } .option-values:has(.hauteur-ou-largeur) { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem 2rem; } .liste-vignette { grid-template-columns: repeat(5, 1fr); padding: .5rem 2.5rem; grid-gap: 2px; } .liste-vignette.option-values { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem 2rem; } .Produit[class*="films-"] .liste-vignette { grid-template-columns: repeat(4, 1fr); padding: .5rem 2.5rem; } #Configurateur_Configuration .row-remise-caracteristique { display: flex; & > div { width: 50%; } & .remises-sur-volume { order: 1; } & .caracteristiques { order: 2; } } #Configurateur_Configuration .description .content-before-add p, .IndeXysCommerceArticle #detailPublication .detailPublication .grille .config .delai-expedition p, .Echantillon #detailPublication .detailPublication .grille .config .delai-expedition p { background-position: left center; background-size: auto 140%; } #Configurateur_Titre .expedition .delai-expedition p { font-size: 1rem; } #Configurateur_Configuration .remises-sur-volume h3 { font-size: 1rem; } #Configurateur_Configuration .remises-sur-volume .remise { font-size: .9rem; margin-right: .5ch; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume h3 { font-size: 1rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .remises-sur-volume .contenu .degressif li .remise { font-size: .9rem; margin-right: .5ch; } #Configurateur_Configuration .liens .prise-de-mesure .titre-prise-de-mesure { font-size: 1rem; font-weight: 700; padding: .75rem 0 .75rem 3.25rem; background-size: 3rem auto; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .titre-prise-de-mesure { font-size: 1.4rem; font-weight: 700; padding: .75rem 0 .75rem 5.25rem; background-size: 4rem auto; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .titre-pose-facile { font-size: 1.4rem; font-weight: 700; padding: .75rem 0 .75rem 5.25rem; background-size: 4rem auto; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .titre-largeur { font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .titre-hauteur { font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeurRail .titre-largeur-rail { font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .titre-hauteur-complementaire { font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteurComplementaire .dimensions { font-size: .9rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) { grid-template-columns: repeat(3, 1fr); padding: .75rem 40px 0 2.5rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off) .saisieRepere { padding-right: 3rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer { padding: 1.5rem 40px 1rem 2.5rem; grid-template-columns: repeat(3, 1fr); display: grid; & > span { padding-right: 2.25rem; } } .zanzariera-per-velux #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer { grid-template-columns: repeat(2, 1fr); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .dimensions { font-size: .9rem; } #Configurateur_Configuration .configurateur .choix-nombre-vantaux .liste-nombre-vantaux .dimensions { font-size: .9rem; } #Configurateur_Configuration .titre-off { font-size: 1.25rem; height: 2.5rem; } #Configurateur_Configuration .configurateur .choix-galons .aide { top: calc((40px - 1.75rem) / 2); right: 4rem; } #Configurateur_Configuration .configurateur .coloris .aide { top: calc((40px - 1.75rem) / 2); right: 4rem; } #Configurateur_Configuration .configurateur .choix-accessoires .aide { top: calc((40px - 1.75rem) / 2); right: 4rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .dimensions { font-size: .9rem; } #Configurateur_Configuration .configurateur .options .titre-off { font-size: 1.25rem; height: 2.5rem; } #Configurateur_Configuration .configurateur .options .option>.titre { margin-top: 1rem; } #Configurateur_Configuration .liens .pose-facile .titre-pose-facile { font-size: 1rem; font-weight: 700; padding: .75rem 0 .75rem 3.25rem; background-size: 3rem auto; } #Configurateur_Configuration .description .fond-blanc { max-width: 60%; margin: 0 auto 1rem; } #Configurateur_Configuration .description .tarifAPartirDe { max-width: 60%; margin: 0 auto; } #Configurateur_Configuration .description div.tarif { max-width: 60%; margin: 0 auto; } #Configurateur_Configuration .description .content-before-add { max-width: 60%; margin: 0 auto; } #Configurateur_Configuration .description .actions { max-width: 60%; margin: 0 auto 1rem; } #Configurateur_Configuration .description .content-after-add { max-width: 60%; margin: 0 auto; } #Configurateur_Configuration .description .tarif .prix-final { font-size: 1.25rem; } #Configurateur_Configuration .description .tarif .prix-unitaire { & .prix { font-size: 1.25rem; } & .taxes { font-size: 1.25rem; } &::after { width: 33%; left: calc(67% / 2); } } #Configurateur_Configuration .description .tarif .montant-total { &::after { width: 33%; left: calc(67% / 2); } } #Configurateur_Configuration .description .content-before-add p { background-position: 10px center; background-size: auto 100%; } #Configurateur_Conseils h2 { font-size: 1.5rem; } #Configurateur_Conseils .liens { font-size: 1rem; } #Configurateur_Conseils .liens table thead tr th { font-size: 1rem; } #Configurateur_Conseils .liens table thead tr th.lire-la-video span { display: block; white-space: nowrap; } #conteneur:not([class*="velux"]) #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions #aide_dimensions_link.aide { right: 4rem; } #conteneur[class*="stores-californiens-trapezes"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions .aide { right: 2rem; z-index: 100; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .largeur .largeur_effective_update { font-size: 1rem; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p .hauteur .hauteur_effective_update { font-size: 1rem; } .information.Produit.detail .configuration.Velux.Produit .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(4, 1fr); grid-template-rows: initial; grid-auto-flow: initial; padding: .5rem 2.5rem; } #Configurateur_Configuration .description #sr-configurateur-alerte { max-width: 60%; margin: 0 auto; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .dimensions-proposees>div { grid-template-columns: repeat(4, 1fr); padding: .5rem 2.5rem; grid-template-rows: initial; grid-auto-flow: initial; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off) { grid-template-columns: repeat(3, 1fr); padding: .75rem 40px 0 2.5rem; } #conteneur[class*="moustiquaire"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) { width: 300%; } #conteneur[class*="moustiquaire"][class*="velux"] #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p span[class*="titre"]:has(.pasDeRetour) { width: 200%; } #conteneur.Produit[class*="velux"] #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .titre-off .selection::after{ font-size: 1.25rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem 2rem; } #Configurateur_Configuration .remises-sur-volume .titre-remise { font-size: 1rem; } .information.Produit.liste .image .titre-produit-liste { font-size: .9rem; bottom: 1.5rem; transform: none; } } /*--fint1200px--*/ /*--finDesktop--*/ @media screen and (min-width: 1400px) { .configuration.Tringle.Produit .liste-vignette.liste-coloris { grid-template-columns: repeat(5, 1fr); } .Produit[class*="films-"] .liste-vignette { grid-template-columns: repeat(5, 1fr); } .option-values:has(.hauteur-ou-largeur) { grid-template-columns: repeat(4, 1fr); } #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { left: 40%; } .liste-vignette { grid-template-columns: repeat(6, 1fr); } .liste-vignette.option-values { grid-template-columns: repeat(4, 1fr); } .information.Produit.liste .image .titre-produit-liste { font-size: 1rem; } .information.EnsembleCollection.detail .texteAffichageDetail .configuration.EnsembleCollection { max-width: 1600px; margin: 0 auto; } #Configurateur_Titre h1 { /*margin: 0 0 1rem;*/ font-size: 1.5rem; width: calc(100% - 171px); } #Configurateur_Titre h1 .right { font-size: 1.3rem; display: inline; margin-left: .5ch; } .information.Produit.detail { padding: 0; } #Configurateur_Configuration .presentation { text-align: justify; margin-right: 2rem; margin-bottom: 1rem; } #Configurateur_Configuration .row-remise-caracteristique { order: 1; } #Configurateur_Titre .echantillons { width: calc(90px * 1.5); height: calc(70px * 1.5); background-size: auto 50%; } #Configurateur_Titre .echantillons .obfusquer-cfg { font-size: .875rem; padding-bottom: .5rem; } #Configurateur_Configuration .liens { display: flex; } #Configurateur_Configuration .liens .prise-de-mesure { grid-template-columns: 1fr 40%; border-bottom: none; border-right: 1px solid var(--gris); width: 50%; padding: 0; } #Configurateur_Configuration .liens .pose-facile { grid-template-columns: 1fr 40%; width: 50%; padding: 0; padding-left: .5rem; } #Configurateur_Configuration .liens .prise-de-mesure .telechargement-prise-de-mesure a, #Configurateur_Configuration .liens .prise-de-mesure .visualiser-prise-de-mesure a { font-size: .9rem; } #Configurateur_Configuration .liens .prise-de-mesure .video-prise-de-mesure a { font-size: .9rem; } #Configurateur_Configuration .liens .pose-facile .telechargement-pose-facile a, #Configurateur_Configuration .liens .pose-facile .visualiser-pose-facile a { font-size: .9rem; } #Configurateur_Configuration .liens .pose-facile .video-pose-facile a { font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens { display: flex; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .visualiser-prise-de-mesure a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .telechargement-prise-de-mesure .obfusquer { font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .prise-de-mesure .video-prise-de-mesure a { font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .telechargement-pose-facile a, .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .visualiser-pose-facile a { font-size: .9rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .liens .pose-facile .video-pose-facile a { font-size: .9rem; } #Configurateur_Previsualisation .triple-vignette .vignette .vignette-contenu .texte { font-size: 1rem; } #Configurateur_Configuration .configurateur .liste-accessoires .accessoire .presentation .titre { margin: 0; } .information.EnsembleCollection.detail .texteAffichageDetail p { max-width: 1600px; margin: 0 auto; } .information.EnsembleCollection.detail .texteAffichageDetail ul { max-width: 1600px; margin: 1rem auto; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre h1 { transform: translate(8rem, 40%); font-size: 3rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre { max-width: calc(1600px - 2rem); } #Configurateur_Previsualisation .galerie .promotion .code-promo p { font-size: .9rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-montant { font-size: 2rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-pourcentage { font-size: 2rem; } #Configurateur_Previsualisation .galerie .promotion .code-promo p .promotion-code { font-size: 1.25rem; } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions .input-dimension-proposee { grid-template-columns: repeat(4, 1fr); } } /*--fin1400px--*/ @media screen and (min-width: 1420px) { .information.Produit.detail .configuration.Produit { position: relative; } #Configurateur_Configuration #ekoo-root-container, #Configurateur_Configuration .IndeXys-widget-ekoo { position: absolute; top: -.75rem; right: calc(2rem + 135px + 170px); padding-bottom: 0; padding-top: 1rem; } } /*--fin1420px--*/ @media screen and (min-width: 1580px) { .liste-vignette:not(.option-values) { grid-template-columns: repeat(7, 1fr); } .Produit[class*="films-"] .liste-vignette { grid-template-columns: repeat(6, 1fr); } #Configurateur_Configuration .liens .prise-de-mesure .telechargement-prise-de-mesure a, #Configurateur_Configuration .liens .prise-de-mesure .visualiser-prise-de-mesure a { font-size: 1rem; } #Configurateur_Configuration .liens .prise-de-mesure .video-prise-de-mesure a { font-size: 1rem; } #Configurateur_Configuration .liens .pose-facile .telechargement-pose-facile a, #Configurateur_Configuration .liens .pose-facile .visualiser-pose-facile a { font-size: 1rem; } #Configurateur_Configuration .liens .pose-facile .video-pose-facile a { font-size: 1rem; } .information.EnsembleCollection.detail .configuration.EnsembleCollection .titre { margin: 1rem auto 3.5rem; } } /*--fin1580px--*/ @media screen and (min-width: 1800px) { #Configurateur_Configuration .configurateur .options .option .option-values:has(select.active)::before { left: 34%; } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions p:not(#MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer):not(.titre-off){ grid-template-columns: repeat(4, 1fr); } #Configurateur_Configuration .configurateur .dimensions .choisir-dimensions p:not(.dimension-proposee):not(.titre-off){ grid-template-columns: repeat(4, 1fr); } #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer { grid-template-columns: repeat(4, 1fr); } .zanzariera-per-velux #Configurateur_Configuration .configurateur .dimensions .saisir-dimensions #MStoresEtRideauxConfigurateur_Dimensions_UpdateContainer { grid-template-columns: repeat(3, 1fr); } .liste-vignette.option-values { grid-gap: 1rem 2rem; grid-template-columns: repeat(5, 1fr); } } /*--fin1800px--*/#conteneur[class*="accessoire"] #Configurateur_Conseils { display: none; } #conteneur[class*="accessoire"] #Configurateur_Configuration .liens { display: none; } #conteneur[class*="accessoire"] #Configurateur_Configuration .remises-sur-volume { display: none; }#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(--vert-clair); border-color: var(--vert-clair); } #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/logoTendeETende2024.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(--vert-clair); border-color: var(--vert-clair); color: var(--blanc); } #cc-main .pm__btn:hover { background-color: var(--vert-clair); border-color: var(--vert-clair); 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.valeur span.ttc::after { content: 'usa'; } 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: 15rem center; background-size: auto 30%; padding-right: 3.5rem; cursor: pointer; text-decoration: none; } div#MStoresEtRideauxConfigurateur_DisplayPanier p.voir-panier a:hover { background-color: var(--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(../images/logoTendeETende2024.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.out { display: none; } div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf { display: block; margin: 0 auto; width: 300px; background-image: url(../images/picto-moyen-de-paiement-TET.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; cursor: pointer; aspect-ratio: 445 / 132; z-index: 2; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement p { max-width: 450px; margin: 0 auto; padding-top: 1.5rem; margin-top: 0; font-weight: bold; } div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div p.titre-reseaux { text-align: center; font-size: 1rem; padding-bottom: 1rem; margin: 0; font-weight: bold; }@media screen and (min-width: 660px) { div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div { width: 50%; } } @media screen and (min-width: 992px) { div#zoneBas section div#paiement-securise { grid-column: 1 / 13; align-self: flex-end; } div#zoneBas section div#paiement-securise div ul { margin: 0 1rem; } div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf { width: 100%; max-width: 400px; } div#zoneBas section div#paiement-securise div ul li a, div#zoneBas section div#paiement-securise div ul li span.obf { position: absolute; } div#zoneBas div.IndeXysPortletPiedDePage section div:has(div#newsletter) { flex-direction: row; } div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > a::before, div#zoneBas section div#delaisInformationsConseils nav > div > ul > li > span.obf::before { content: ""; margin-right: .5rem; font-weight: 400; font-size: 1rem; background-image: url(../images/2b.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1 / 1; display: inline-block; filter: invert(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: 300px; height: 70px; } div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux { grid-column: 7 / 13; padding: 0; width: 50%; } div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div h3 { padding-bottom: 0; margin: 1.5rem 0; font-size: 1.2rem; } div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div ul { margin-top: 2.6rem; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter { grid-column: 1 / 7; width: 50%; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement h4 { margin: 1.5rem auto; padding: 0; font-size: 1.2rem; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div:has(.email) { margin: 1rem auto 1.5rem; padding: 0 1rem; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div input.email { width: calc(100% - 135px); height: 44px; font-size: 1rem; border-radius: 20px 0 0 20px; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement form > div button { width: 135px; font-size: 1.2rem; } div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div { display: flex; width: 50%; } div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div { width: 50%; font-size: 1.25rem; } div#zoneBas div.IndeXysPortletPiedDePage section div.infos-complementaires > div > div img { width: auto; height: 50px; } div#zoneBas div.IndeXysPortletPiedDePage section div.titre p.titre { font-size: 2rem; bottom: -1.5rem; left: 4rem; } div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter div.abonnement p { margin: 1.5rem auto; padding: 0; font-size: 1.2rem; } div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div p.titre-reseaux { padding-bottom: 0; margin: 1.5rem 0; font-size: 1.2rem; } } @media screen and (min-width: 1400px) { div#zoneBas div.IndeXysPortletPiedDePage section div#newsletter > div { width: 100%; margin-left: auto; max-width: 800px; } div#zoneBas div.IndeXysPortletPiedDePage section div#reseaux-sociaux > div { width: 100%; margin-right: auto; max-width: 800px; } div#zoneBas div.IndeXysPortletPiedDePage div#footer-logo-accueil > div { max-width: 1600px; margin: 0 auto; } div#zoneBas section div#liensFooter > div { max-width: 1600px; margin: 0 auto; } div#zoneBas section div#delaisInformationsConseils nav { width: 100%; margin: 0 auto; max-width: 1600px; margin-top: 3rem; } }div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column .sautDeLigne { display: block; font-size: 1.25rem; width: 100%; } div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element { width: 90%; max-width: 450px; } div#zoneHaut div.panier .titre-panier a, div#zoneHaut div.panier .titre-panier span.obf { display: block; width: 28px; height: 3rem; position: absolute; z-index: 1001; } div#zoneHaut div.IndeXysPortletEnTete div.recherche input:focus-visible, .menuMobile input:focus-visible { border: 2px solid var(--vert); outline: none; } div#zoneHaut div.IndeXysPortletEnTete div.recherche p, .menuMobile p:nth-child(2) { margin: 0; padding: 0; display: flex; align-items: center; } div#zoneHaut div.IndeXysPortletEnTete div.recherche input, .menuMobile input { margin: 0; padding: .5rem 1.5rem; width: calc(100% - 35px); height: 35px; font-family: Arial, Helvetica, Sans-serif; color: var(--noir); border-radius: 10px 0 0 10px; 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.IndeXysPortletEnTete div.navbar { position: relative; } #main-nav .snp-mondrian-element.sr-mondrian-MenuDeroulant { position: initial; } div#menuBurger div.menuMobile .promo { display: inline-block; color: var(--blanc); margin-left: .25rem; background-color: var(--vert); padding: 0 .1rem; width: initial; } div#menuBurger div.menuMobile .masquerMenu { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.masquer, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.masquer { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-bateaux > a span.option { display: none; } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a 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#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM:hover:has(span.retour-ligne), div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a.obfusquer-MM:hover:has(span.retour-ligne) { color: var(--gris) !important; background-color: var(--blanc) !important; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.retour-ligne:hover, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a.obfusquer-MM span.retour-ligne:hover { background-color: var(--vert); color: var(--blanc); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li 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 ul li > a.obfusquer-MM > span:has(span.retour-ligne) { margin-right: 0; flex-direction: column; display: inline-block; } 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; } .avisClient, div#menuBurger div.menuMobileFooter > p { margin: 0; } 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; } .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="no"] div#zoneHaut div.IndeXysPortletEnTete div.profil a::before, [data-isanonymous="no"] 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.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 .recensioni-dei-clienti a span.out, div#menuBurger div.menuMobile .recensioni-dei-clienti span.obf span.out { display: none; } div#menuBurger div.menuMobile .avis-clients a, div#menuBurger div.menuMobile .avis-clients pan.obf { display: inline-flex; align-items: center; height: 2rem; background-repeat: no-repeat; background-position: left center; background-size: auto; background-image: url(../images/picto_avis_mobile.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 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 .cuscini-per-divani-esterno > * { background-image: url(../images/CANAPE-COUSSIN-EXTERIEUR-11.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .cuscini-per-panca > * { background-image: url(../images/BANQUETTE-SANS-COUSSINS-11.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.menuMobile span[title*=Avis] > span { display: flex; } div#menuBurger div.menuMobile span[title*=Avis] img { width: 110px; height: auto; } div#menuBurger div.menuMobileFooter > p a, div#menuBurger div.menuMobileFooter > p span.obf { display: inline-flex; align-items: center; height: 2rem; padding-left: 3rem; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; background-image: url(../images/tel.svg); cursor: pointer; } div#menuBurger div.menuMobileFooter h3 a, div#menuBurger div.menuMobileFooter h3 span.obf { text-decoration: none; } div#menuBurger div.menuMobileFooter h3 a::before { content: "Il mio carrello"; 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: "Contatti"; font-size: 1rem; font-weight: 400; color: initial; } 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 { 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 span.masquerNavbarre { display: none; } 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.cuscini-per-divani-esterno { 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.cuscini-per-panca { 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.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.pellicole-per-finestre-1 { background-image: url(../images/picto_film.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.quelle-embrase-choisir { background-image: url(../images/picto_embrasses.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.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_pare_soleil.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.tende-per-esterni { 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.tende-senza-foratura { 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.tende-ignifughe { background-image: url(../images/ignifugo--2-.svg); background-size: auto 50px; background-position: 1.3rem top; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tende-ignifughe ul.categorie { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tende-termiche { background-image: url(../images/picto-antichaleur.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tetes-de-lit { background-image: url(../images/picto-tetedelit.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tringles-a-rideaux { background-image: url(../images/picto_tringle.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.voilages { 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: 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*="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/picto_banne_compact.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.banne-coffre-compacte-unies { background-image: url(../images/picto_banne_compact.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.store-banne-coffre-terrasse-toile-unis { background-image: url(../images/picto_banne_terrasse.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="banne"] ul li.store-banne-coffre-terrasse-toile-unis { background-image: url(../images/picto_banne_terrasse.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="banne"] ul li.store-banne-monobloc-toiles-unies { background-image: url(../images/picto_banne_monobloc.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="banne"] ul li.store-banne-monobloc-toiles-unies { background-image: url(../images/picto_banne_monobloc.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li span > span { 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*="moustiquaire"] ul li span > span.retour-ligne, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li span > span.retour-ligne { display: block; } 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, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li a > 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*="moustiquaire"] ul li, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li { background-position: 1rem center; background-size: auto 55px; background-repeat: no-repeat; padding-left: 5.5rem; min-height: 80px; display: flex; align-items: center; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaire, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.moustiquaire { background-image: url(../images/moustiquaire-verticaleFinal2-01.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaires-laterales, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.moustiquaires-laterales { background-image: url(../images/moustiquaire-late-raleV2-01.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"] ul li.moustiquaires-velux, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.moustiquaires-velux { background-image: url(../images/moustiquaire-veluxV2-01.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="moustiquaire"], div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] { 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*="tringle"] ul li.tringle-chemin-de-fer-1 { background-image: url(../images/tringle-chemin-de-fer-gris.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="tringle"] ul li.tringle-wave { background-image: url(../images/tringle-wave-gris.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.zanzariera-per-velux { background-image: url(../images/moustiquaire-veluxV2-01.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li[class*="zanzarier"] ul li.zanzariere { background-image: url(../images/moustiquaire-late-raleV2-01.svg); } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column: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; font-size: 12px; line-height: 1.1rem; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.masquerMenu, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.masquerMenu { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.menu, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obf span.menu { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obf { line-height: 16px; color: var(--gris) !important; text-decoration: none; font-weight: normal; padding-left: 0; padding-right: 0; cursor: pointer; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM { color: var(--gris); text-decoration: none; font-weight: normal; padding-left: 0; padding-right: 0; cursor: pointer; font-size: .75rem; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > span span.obfusquer-MM { display: inline-flex; align-items: baseline; flex-wrap: wrap; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span { 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"], [class*="zanzarier"]) span.obfusquer-MM > span::before, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li[class*="accessoires"] ul li[class*="banne"] span.obfusquer-MM > span::before, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li.tringles-a-rideaux ul li span.obfusquer-MM > span::before { content: "+"; margin-right: 1ch; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive 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 span.promo, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM) span.promo { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM), div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li span.obf { display: inline-flex; color: var(--gris); text-decoration: none; cursor: pointer; border-left: 1px solid var(--gris); font-size: .5rem; padding: 0 .5rem; align-items: flex-end; line-height: 1.1rem; width: 100%; justify-content: center; font-weight: 700; white-space: nowrap; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li a:hover { text-decoration: underline; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.anti-chaleur div.contentMenuDeroulantResponsive { display: none!important; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.anti-chaleur span { white-space: nowrap; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.clear-fix { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.rideaux-thermiques div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.option { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-exterieurs ul li a { padding-top: 0; padding-bottom: 0;width: auto; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has( > ul > li[class*="moustiquaire"]) { display:none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has(> ul > li[class*="zanzarier"]), div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column:has(> ul > li[class*="moustiquaire"]) { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs li.moustiquaires { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs ul li a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-interieurs ul li span.obfusquer-MM { /*padding-top: 0; padding-bottom: 0; width: auto; cursor: pointer;*/ } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-pour-velux h2 a { width: 100%; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.stores-sans-percage div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.option { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li.tende-senza-foratura div.contentMenuDeroulantResponsive { display: none!important; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:first-of-type a, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:first-of-type span.obf { border-left: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not(.moustiquaires) div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span.menu { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not(.moustiquaires) div.contentMenuDeroulantResponsive ul li span.obfusquer-MM span:has(>span.menu) strong { margin-left: .25rem; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul.menuDeroulantResponsive { flex-direction: row; } div#zoneHaut div#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 { color: var(--blanc); text-decoration: none; cursor: pointer; } div#zoneHaut div.IndeXysPortletEnTete a:hover, div#zoneHaut div.IndeXysPortletEnTete span.obf:hover { text-decoration: underline; } div#zoneHaut div.IndeXysPortletEnTete 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 !important; width: 100%; border-radius: 10px 10px 0 0; } div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codice-promozionale a, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codice-promozionale span.obf { 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; color: var(--blanc); text-transform: uppercase; font-size: .6em; text-decoration: none; background-size: 100%; background-image: url(../images/new-Menu.svg); height: 2.5rem; width: 2.5rem; } 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 { 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 h3 span, div#zoneHaut div.IndeXysPortletEnTete div.profil p a { display: none; } div#zoneHaut div.IndeXysPortletEnTete div.profil ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div.IndeXysPortletEnTete div.snp-mondrian-row.recherche { margin: 0 0 .5rem; padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; } div#zoneHaut div.IndeXysPortletEnTete div.snp-mondrian-row.recherche > div { width: 100%; display: flex; justify-content: center; } div#zoneHaut div.IndeXysPortletEnTete div.valeurs p { padding: 0; } div#zoneHaut div.IndeXysPortletEnTete p { margin: 0; padding: 5px; } div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil h3 a { top: .5rem; } div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil div.titreRubrique, div#zoneHaut div.panier:has(div.quantite p.articles) div.titreRubrique { padding-top: .75rem; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p:hover button { border: 2px solid var(--vert); } div#zoneHaut div.avis-client { display: none; } div#zoneHaut div.contact { 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-repeat: no-repeat; background-position: left center; background-size: auto 100%; cursor: pointer; background-image: url(../images/new-Contact.svg); height: 2.5rem; width: 2.5rem; } 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: 45px; width: 180px; } div#zoneHaut div.logo p span { height: 60px; display: flex; align-items: center; } div#zoneHaut div.panier { margin: 0; margin-right: .5rem; padding: 0; width: 1.75rem; position: relative; flex-grow: 0 !important; } div#zoneHaut div.panier div.montant p { display: none; } div#zoneHaut div.panier div.quantite p.articles { margin: 0; } div#zoneHaut div.panier div.quantite p.articles span.libelle { display: none; } div#zoneHaut div.panier div.quantite p.articles span.quantite { display: block; margin: 0; padding: 0; color: var(--blanc); text-align: center; font-weight: bold; position: absolute; background-color: var(--vert); border-radius: 50%; width: 17px; height: 17px; line-height: 19px; font-size: 8px; top: 0.8rem; right: -1.3rem; } div#zoneHaut div.panier div.quantite p.vide { display: none; } div#zoneHaut div.panier div.titreRubrique h3 a span, div#zoneHaut div.panier div.titreRubrique h3 span.obf span { display: none; } div#zoneHaut div.panier div.titreRubrique h3 a, div#zoneHaut div.panier div.titreRubrique h3 span.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.panier div.titreRubrique h3, div#zoneHaut div.profil div.titreRubrique h3 { margin: 0; padding: 0; } div#zoneHaut div.profil div.identite p.titre { display: none; } div#zoneHaut div.valeurs { width: 100%; display: flex; justify-content: space-around; margin: 0; list-style: none; background-color: var(--grisClair); font-family: 'Mulish', sans-serif; font-size: .7rem; padding: .75rem 0; } div#zoneHaut div.valeurs p { display: flex; } div#zoneHaut div.valeurs span.obf { flex-grow: 1; display: flex; justify-content: center; margin: 0 .25rem; padding: 0 .5rem; color: var(--gris) !important; cursor: pointer; flex-basis: 33%; text-decoration: none; margin: 0; border-right: 1px solid var(--gris); } 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: 24px; } div#zoneHaut div.valeurs span.obf.avis > span strong { display: block; } div#zoneHaut div.valeurs span.obf.fabrication { display: none; } div#zoneHaut div.valeurs span.obf.fabrication > span { background-image: url(../images/fabrication.svg); padding-left: 30px; width: 100px; } div#zoneHaut div.valeurs span.obf.livraison > span { background-image: url(../images/livraison.svg); padding-left: 40px; width: 100px; } div#zoneHaut div.valeurs span.obf.societe > span { background-image: url(../images/societe.svg); padding-left: 30px; max-width: 130px; } div#zoneHaut div.valeurs span.obf:hover { text-decoration: none !important; } div#zoneHaut div.valeurs span.obf:last-of-type { border-right: none; } div#zoneHaut section div:has(> .navigation) { align-items: center; } div#zoneHaut section:has(div.valeurs) { width: 100%; } div#zoneHaut div.navbar span.masquerNav { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li.tende-termiche-invernali { background-image: url(../images/Thermique.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li a span.categorie-suffixe, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span[class*="obf"] span.categorie-suffixe { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li:not([class*="moustiquaire"], [class*="banne"], [class*="tringle"], [class*="cortina"], [class*="zanzarie"]) a > span::before, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li[class*="accessoires"] ul li[class*="banne"] a > span::before { content: "+"; margin-right: 1ch; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > a span.obfusquer-MM { display: inline-flex; align-items: baseline; font-size: initial; flex-wrap: wrap; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span > span, div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base div.mm-content-column > ul > li > a span.obfusquer-MM { display: inline-flex; align-items: baseline; font-size: initial; flex-wrap: wrap; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.promo:empty { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span.menu { margin-right: .5ch; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul li:not(.moustiquaires):not(.anti-chaleur) div.contentMenuDeroulantResponsive ul li a span.menu { display: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a span { background: none; text-transform: none; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a { color: var(--gris); text-decoration: none; font-weight: normal; padding-left: 0; padding-right: 0; cursor: pointer; font-size: .75rem; width: auto; border-left: 0; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li ul li a:hover { background-color: var(--vert); color: var(--blanc) !important; } div#zoneHaut div.panier div.titreRubrique p.titre-panier { margin: 0; padding: 0; } div#zoneHaut div.panier > div, div#zoneHaut div.panier > div { display: inline-block; width: 100%; text-decoration: none; color: var(--gris); background-image: url(../images/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: "Il Mio Carrello"; font-size: 1rem; font-weight: 400; color: initial; } div#menuBurger div.menuMobileFooter > p a, div#menuBurger div.menuMobileFooter > p.titre-panier span.obf { display: inline-flex; align-items: center; height: 2rem; padding-left: 3rem; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; background-image: url(../images/panier.svg); cursor: pointer; } /* NEW */ div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil div.titreRubrique, div#zoneHaut div.panier:has(div.quantite p.articles) div.titreRubrique { padding-top: 0; } [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.IndeXysPortletEnTete div.navbar div#echantillons nav div.snp-navigation-content ul li.codice-promozionale: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: 530px; align-content: center; } div#zoneHaut div.IndeXysPortletEnTete div.recherche input, .menuMobile input { margin: 0; padding: .7rem 0.5rem .7rem 1.5rem; width: calc(100% - 35px); height: 35px; font-family: Arial, Helvetica, Sans-serif; color: var(--noir); border-radius: 5px 0 0 5px !important; background-color: var(--grisMoinsClair); border: none; font-size: .9rem; } div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf { background-image: url(../images/new-Aide-au-choix.svg); background-size: 3rem auto; } div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a, div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"] { background-image: url(../images/new-Compte.svg); background-size: 2.5rem auto; } div#zoneHaut div.panier > div, div#zoneHaut div.panier > div { background-image: url(../images/new-Panier.svg); background-size: 2.5rem auto; } div#zoneHaut div.IndeXysPortletEnTete div.recherche button, .menuMobile p button { margin: 0; padding: 0; width: 35px; height: 35px; cursor: pointer; font-family: Arial, Helvetica, Sans-serif; background-color: var(--grisMoinsClair); background-image: url(../images/new-Recherche.svg); background-position: center center; background-repeat: no-repeat; border-radius: 0 5px 5px 0; border: none; font-size: 0; background-size: auto 30px; } div#zoneHaut div.IndeXysPortletEnTete div.aide-au-choix p span.obf::before { content: ''; display: none; } div#zoneHaut .contactHeader { display: none; } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a.obfusquer-MM span.retour-ligne:has(.promo), div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] span.retour-ligne:has(.promo) { font-size: 0; display: initial; } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie a.obfusquer-MM span.retour-ligne .promo, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] span.retour-ligne .promo { font-size: 1rem; }@media screen and (min-width: 576px) { div#zoneHaut div.IndeXysPortletEnTete div.profil { flex-grow: 0 !important; } div#zoneHaut div.logo p img { width: 100%; height: 60px; } div#zoneHaut .navigation { flex-grow: 0 !important; } div#zoneHaut div.valeurs span.obf { font-size: .875rem; } div#zoneHaut div.contact { margin-left: 1rem; } div#zoneHaut div.panier > div, div#zoneHaut div.panier > div { background-size: 3rem auto; } div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a, div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"] { background-size: 3rem auto; } div#zoneHaut div.contact p span.obf.telephone { background-size: 3rem auto; } div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p a, div#zoneHaut div.IndeXysPortletEnTete div.navigation div#menu-mobile p span.obf { height: 3rem; width: 3rem; } } /*---fin576px---*/ @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 { /*background-image: url(../images/equipement.svg);*/ padding-left: 40px; } div#zoneHaut div.valeurs span.obf.fabrication>span, div#zoneHaut div.valeurs span.obf.livraison>span { width: initial; } div#zoneHaut div.valeurs span.obf.societe>span { max-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; font-family: sans-serif; } } /*---fin768px---*/ @media screen and (min-width: 992px) { div#zoneHaut div.panier .titre-panier a, div#zoneHaut div.panier .titre-panier span.obf { width: 80px; } div#zoneHaut { top: 0px; } div#zoneHaut div.IndeXysPortletEnTete:not(:has(div.panier div.quantite p.articles)) div.profil div.titreRubrique, div#zoneHaut div.panier:has(div.quantite p.articles) div.titreRubrique { padding-top: 0; } div#zoneHaut div.avis-client a span.out, div#zoneHaut div.avis-client span.obf span.out { display: none; } div#zoneHaut div.avis-client a, div#zoneHaut div.avis-client span.obf { display: block; background-image: url(../images/picto_avis.svg); background-repeat: no-repeat; background-position: left; background-size: 100% auto; height: 70px; cursor: pointer; } div#zoneHaut div.avis-client { display: initial; margin: 0 auto -1.5rem 1rem; padding: 0; width: 70px; } div#zoneHaut div.valeurs span.obf.avis>span { padding-left: 50px; } div#zoneHaut div.IndeXysPortletEnTete:has(div.panier div.quantite p.articles) div.profil h3 a { top: 0; } div#zoneHaut div.contact { margin-top: 1rem; flex-grow: 0 !important; } div#zoneHaut div.IndeXysPortletEnTete div.contact>div { width: 170px; } div#zoneHaut div.IndeXysPortletEnTete div.avis-client>div { width: 80px; } div#zoneHaut section div:has(> .navigation) { align-items: stretch; } div#zoneHaut div.IndeXysPortletEnTete div.profil h3 a::after, div#zoneHaut div.IndeXysPortletEnTete div.profil h3 span[class*="obf"]::after { /*afac*/ content: "Il Mio Account"; display: initial; font-size: .875rem; position: absolute; bottom: -1rem; left: 0; transform: translateY(-25%); text-align: center; font-weight: 500; text-wrap: nowrap; } div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client a::after, div#zoneHaut div.IndeXysPortletEnTete div.profil .titre-compte-client span[class*="obf"]::after { content: "Il Mio Account"; display: initial; position: absolute; font-family: sans-serif; left: 0; transform: translateY(-25%); text-align: center; font-weight: 500; text-wrap: nowrap; } div#zoneHaut div.IndeXysPortletEnTete div.profil ul li a span.out span.in, div#zoneHaut div.IndeXysPortletEnTete div.profil ul li span.obf span.out span.in { display: block; font-size: .875rem; position: absolute; bottom: 0; left: 0; transform: translateY(70%); width: 85px; text-align: center; text-transform: capitalize; } [data-isanonymous="no"] div#zoneHaut div.IndeXysPortletEnTete div.profil a::before, [data-isanonymous="no"] 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: "Il Mio Carrello"; display: initial; font-size: .875rem; position: absolute; bottom: -1rem; left: 0; transform: translateY(-25%); text-wrap: nowrap; text-align: center; font-weight: 500; } div#zoneHaut div.contact { width: 135px; } div#zoneHaut div.valeurs span.obf>span { background-size: auto 33px; } div#zoneHaut div.valeurs span.obf.livraison>span { padding-left: 80px; } div#zoneHaut div.valeurs span.obf.fabrication>span { padding-left: 50px; } div#zoneHaut div.valeurs span.obf { margin: 0; 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.valeurs span.obf.societe > span { padding-left: 60px; } div#zoneHaut div.panier div.titreRubrique p.titre-panier a::after, div#zoneHaut div.panier div.titreRubrique p.titre-panier span.obf::after { content: "Il Mio Carrello"; display: initial; position: absolute; font-family: sans-serif; left: 0; transform: translateY(-25%); text-wrap: nowrap; text-align: center; color: var(--gris); font-weight: 500; } div#zoneHaut div.panier > div, div#zoneHaut div.panier > div { width: 80px; height: 3rem; position: relative; } div#zoneHaut div.logo p img { width: 290px; height: 60px; } div#zoneHaut div.logo { max-width: 290px; } div#zoneHaut div.panier { width: 70px; } div#zoneHaut div.IndeXysPortletEnTete div.recherche.rechercheMobile { display: none; } div#zoneHaut div.IndeXysPortletEnTete div.navbar div#echantillons, div#zoneHaut div.IndeXysPortletEnTete div.navbar div#main-nav { display: initial; } div#zoneHaut div.contact p span.obf span > span { display: block !important; } div#zoneHaut div.contact { display: none; } div#zoneHaut .contactHeader { display: flex; width: 1.75rem; margin: 0 .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.aide-au-choix { flex-grow: 0 !important; width: 90px; } div#zoneHaut .contactHeader p span.obf { height: 3rem; position: relative; } } /*---fin992px---*/ @media screen and (min-width: 1045px) { 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; } div#zoneHaut div.valeurs span.obf.fabrication { display: flex; } div#zoneHaut div.valeurs span.obf.fabrication span.masquerMobile { display: block !important; } div#zoneHaut div.valeurs span.obf { flex-basis: 25%; font-size: .7rem; } } /*---fin1045px---*/ @media screen and (min-width: 1200px) { div#zoneHaut div.IndeXysPortletEnTete div.recherche input { height: 40px; width: calc(100% - 190px); } div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element { max-width: 600px; } div#zoneHaut div.IndeXysPortletEnTete div.recherche button { height: 40px; width: 40px; background-size: auto 35px; } div#zoneHaut div.IndeXysPortletEnTete div.recherche p, .menuMobile p:nth-child(2) { justify-content: center; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li a { font-size: .8rem; } div#zoneHaut div.avis-client { margin: 0 auto -1.5rem 3rem; } div#zoneHaut div.valeurs { padding: .5rem 0; } #echantillons>div { padding: 0; } div#zoneHaut div.valeurs span.obf:last-of-type { width: initial; } div#zoneHaut div.valeurs span.obf { font-size: .875rem; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM { font-size: .8rem; } div#zoneHaut div.logo p img { width: 320px; } div#zoneHaut div.logo { max-width: 320px; } } /*---fin1200px---*/ @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; } } /*---fin1260px---*/ @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 div.mm-content-base { padding: 1rem 4rem; } div#zoneHaut div#main-nav div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive ul li span.obfusquer-MM { font-size: 1rem; } div#zoneHaut div.logo p img { width: 310px; } div#zoneHaut div.logo { max-width: 310px; } } /*---fin1500px---*/ @media screen and (min-width: 1580px) { div#zoneHaut div.IndeXysPortletEnTete div.recherche div.snp-mondrian-element { max-width: 700px; } } /*---fin1580px---*/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-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.cuscini div.sr-categorieProduit-title div.title { background-image: url(../images/coussinBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title { background-image: url(../images/picto-tetedelit-blanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li.moustiquaire 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.zanzariera-per-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.zanzariere 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.listeSousCategorie ul.listeCategorieProduit li.anti-chaleur span.icon { background-image: url(../images/pictoAntiChaleurBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-ignifughe div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-ignifughe div.sr-categorieProduit-hover div.title { background-image: url(../images/ignifugo--3-.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-ignifughe div.sr-categorieProduit-hover div.title { background-size: 2.8rem 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.tende-ignifughe span.icon { background-size: 25px auto; background-image: url(../images/ignifugo--3-.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-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.cuscini-per-divani-esterno 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.cuscini-per-panca 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.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/rideaux.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-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-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.tende-per-esterni 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.tende-senza-foratura 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.tende-termiche 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.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.coussins-a-motifs 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.coussins-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*="obf"] { background-image: url(../images/coussinMotifBlanc.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 { background-image: url(../images/coussinMotifBlanc.svg); } 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 a, 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[class*="obf"] { background-image: url(../images/coussinBlanc.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 { background-image: url(../images/coussinBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.cuscini-per-divani-esterno div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.cuscini-per-divani-esterno 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.cuscini-per-panca div.sr-categorieProduit-title div.title, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.cuscini-per-panca 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.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.pellicole-per-finestre-1 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.pellicole-per-finestre-1 div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span[class*="obf"] { background-image: url(../images/filmBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.pellicole-per-finestre-1 div.sr-categorieProduit-title div.title { background-image: url(../images/filmBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.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-a-enrouleur div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { background-image: url(../images/enrouleurBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-title div.title { background-image: url(../images/enrouleurBlanc.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/stores.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/enrouleurBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { background-image: url(../images/venitienBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-venitiens 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.tende-per-esterni div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { background-image: url(../images/picto_rideaux_exterieurs.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tende-per-esterni div.sr-categorieProduit-title div.title { background-image: url(../images/picto_rideaux_exterieurs.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-a-rideaux div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.icon { background-image: url(../images/tringleBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-title div.title { background-image: url(../images/tringles.svg); } 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#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages div.sr-categorieProduit-title div.title { background-image: url(../images/voilages.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.accessoires-de-pose-stores div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.accessoires-de-pose-stores div.sr-categorieProduit-hover div.title { background-image: url(../images/picto_acces_blanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.anti-chaleur div.sr-categorieProduit-hover div.title { background-image: url(../images/pictoAntiChaleurBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.anti-chaleur div.sr-categorieProduit-title span.icon { background-image: url(../images/pictoAntiChaleurBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover div.title { background-image: url(../images/coussinMotifBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-title span.icon { background-image: url(../images/coussinMotifBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-hover div.title { background-image: url(../images/coussinBlanc.svg); } 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.cuscini-per-divani-esterno div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.cuscini-per-divani-esterno 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.cuscini-per-panca div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.cuscini-per-panca 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.embrasses div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.embrasses div.sr-categorieProduit-hover div.title { background-image: url(../images/embraseBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover div.title { background-image: url(../images/moustiquaire-verticaleFinalblanc-01.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-hover div.title { background-image: url(../images/japonaisBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-title span.icon { background-image: url(../images/japonaisBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.pellicole-per-finestre-1 div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.pellicole-per-finestre-1 div.sr-categorieProduit-hover div.title { background-image: url(../images/filmBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideau-occultants div.sr-categorieProduit-hover div.title { /*background-image: url(../images/occultantBlanc.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/rideaux.svg); } 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 { background-image: url(../images/motifBlanc.svg); } 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 { background-image: url(../images/tamisantBlanc.svg); } 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-lins div.sr-categorieProduit-hover div.title { background-image: url(../images/linBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-lins div.sr-categorieProduit-title span.icon { background-image: url(../images/linBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.rideaux-velours div.sr-categorieProduit-hover div.title { background-image: url(../images/velourBlanc.svg); } 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 { background-image: url(../images/compactBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.store-banne-coffre-compacte div.sr-categorieProduit-title span.icon { background-image: url(../images/compactBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-hover div.title { background-image: url(../images/enrouleurBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-title span.icon { background-image: url(../images/enrouleurBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-coffre-terrasse div.sr-categorieProduit-hover div.title { background-image: url(../images/terasseBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-coffre-terrasse div.sr-categorieProduit-title span.icon { background-image: url(../images/terasseBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-monobloc div.sr-categorieProduit-hover div.title { background-image: url(../images/monoblocBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bannes-monobloc div.sr-categorieProduit-title span.icon { background-image: url(../images/monoblocBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-hover div.title { background-image: url(../images/bateauBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-title span.icon { background-image: url(../images/bateauBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens-trapezes div.sr-categorieProduit-hover div.title { background-image: url(../images/trapezeBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-californiens-trapezes div.sr-categorieProduit-title span.icon { background-image: url(../images/trapezeBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales div.sr-categorieProduit-hover div.title { background-image: url(../images/californienBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales div.sr-categorieProduit-title span.icon { background-image: url(../images/californienBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux div.sr-categorieProduit-hover div.title { background-image: url(../images/veluxBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux div.sr-categorieProduit-title span.icon { background-image: url(../images/veluxBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-hover div.title { background-image: url(../images/venitienBlanc); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-title span.icon { background-image: url(../images/venitienBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-per-esterni 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.tende-per-esterni 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.tende-senza-foratura div.sr-categorieProduit-hover div.title, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-senza-foratura div.sr-categorieProduit-title span.icon { background-image: url(../images/pictosspercage-blanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tringles-a-rideaux div.sr-categorieProduit-hover div.title { background-image: url(../images/tringleBlanc.svg); } 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 { background-image: url(../images/voilageBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.voilages div.sr-categorieProduit-title span.icon { background-image: url(../images/voilageBlanc.svg); }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; width: 100%; justify-content: space-between; } 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/italie.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/france.svg'); background-size: 100%; background-repeat: no-repeat; background-position: center; position: absolute; right: 0; margin-right: 18px; } div#zoneBas div.langues button span::before { content: 'Italia'; 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; width: 100%; justify-content: space-between; position: relative; } 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 div.menuDeroulantResponsive li div.listeCategorie a .promo, div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie span[class*="obf"] .promo { margin-left: .5ch; } 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; } div#menuBurger div.menuMobile li.codice-promozionale a, div#menuBurger div.menuMobile li.codice-promozionale 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.codice-promozionale a::after, div#menuBurger div.menuMobile li.codice-promozionale 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.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 div.menuDeroulantResponsive > li:last-child { /*margin-bottom: 0;*/ } div#menuBurger { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); overflow: hidden; z-index: 1000; } div#menuBurger div.closeBurger { position: absolute; top: .5rem; left: .5rem; background-color: var(--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/logoTendeETende2024.png); background-repeat: no-repeat; background-position: center; background-size: 84% auto; max-width: 310px; margin: 0 auto; } div#menuBurger div.menuMobile > a span.out span.in { display: none; } div#menuBurger div.menuMobile div.menuDeroulantResponsive { margin: 1rem 0; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li:not(:last-child) { margin-bottom: 1.5rem; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > a, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > span[class*="obf"] { display: flex; justify-content: space-between; text-transform: uppercase; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > a::after, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > span[class*="obf"]::after { content: ""; background-image: url(../images/2b.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; 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 > span { margin-bottom: .5rem; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li > div.listeCategorie > span:last-of-type { margin-bottom: 0; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li a, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span[class*="obf"] { color: inherit; text-decoration: inherit; cursor: pointer; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li br { display: none; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li span.option { display: none; margin-left: .5ch; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > a::after, div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > span[class*="obf"]::after { content: ""; background-image: url(../images/f068.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; filter: invert(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: block; } div#menuBurger div.menuMobile div.menuDeroulantResponsive > li.opened > div.listeCategorie > span { display: block; } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Accessori"] { background-image: url(../images/picto_acces.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Bastoni"] { background-image: url(../images/picto_tringle.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Compactes"] { background-image: url(../images/picto_banne_compact.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Coussins"] { background-image: url(../images/picto_coussin.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Cuscini fantasia"] { background-image: url(../images/picto_coussin_motif.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Cuscini tinta unita"] { background-image: url(../images/picto_coussin.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Ferma tenda"] { background-image: url(../images/picto_embrasses.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Lit"] { background-image: url(../images/picto-chemindelit.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Monobloc"] { background-image: url(../images/picto_banne_monobloc.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Pellicole"] { background-image: url(../images/picto_film.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Rideaux extérieurs"] { background-image: url(../images/picto_rideaux_exterieurs.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende Veneziane "] { background-image: url(../images/picto_venitien.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende Veneziane "] { background-image: url(../images/picto_venitien.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende a rullo "] { background-image: url(../images/picto_enrouleurs.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende a pacchetto"] { background-image: url(../images/picto_bateau.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende fantasia"] { background-image: url(../images/picto_motifs.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende filtranti"] { background-image: url(../images/picto_pare_soleil.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende in lino"] { background-image: url(../images/picto_lin.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende in velluto"] { background-image: url(../images/picto_velour.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende oscuranti"] { background-image: url(../images/picto_occultant.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende per esterni"] { background-image: url(../images/picto_rideaux_exterieurs.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende velate"] { background-image: url(../images/picto_voilage.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Tende veneziane"] { background-image: url(../images/picto_venitien.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Termiche"] { background-image: url(../images/picto-antichaleur.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Terrasse"] { background-image: url(../images/picto_banne_terrasse.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Trapèzes"] { background-image: url(../images/picto_trapeze.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Velux"] { background-image: url(../images/picto_velux.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Zanzariera"] { background-image: url(../images/moustiquaire-veluxV2-01.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="Zanzariere"] { background-image: url(../images/picto_moustiquaire.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="banda verticale"] { background-image: url(../images/picto_californien.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="pannelli"] { background-image: url(../images/picto_japonais.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="pannello"] { background-image: url(../images/picto_japonais.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="rullo"] { background-image: url(../images/picto_enrouleurs.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="termiche"] { background-image: url(../images/picto-antichaleur.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie *[title*="verticali"] { background-image: url(../images/picto_californien.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tende-senza-foratura > * { background-image: url(../images/pictosspercage.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tende-ignifughe > * { background-image: url(../images/ignifugo--2-.svg); background-size: auto 90%; background-position: 0.1rem top; } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="porta finestra"] { background-image: url(../images/moustiquaire-late-raleV2-01.svg); } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie [title*="Zanzariera finestra"] { background-image: url(../images/moustiquaire-verticaleFinal2-01.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; 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.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.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; text-decoration: none; color: var(--gris); } div#menuBurger div.menuMobile li.recensioni-dei-clienti span.out span.in { display: none; } 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: "Il mio carrello"; font-size: 1rem; font-weight: 400; } div#menuBurger div.menuMobileFooter h3 span:not(.obf) { display: none; } div#menuBurger div.menuMobileFooter li.notre-politique-rse a, div#menuBurger div.menuMobileFooter li.notre-politique-rse span.obf { display: inline-flex; align-items: center; height: 2rem; padding-left: 3rem; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; background-image: url(../images/fabrication_violet.svg); cursor: pointer; } div#menuBurger div.menuMobileFooter li.nous-contacter-1 a, div#menuBurger div.menuMobileFooter li.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.vos-commandes 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 div.menuMobileFooter li.votre-compte a, div#menuBurger div.menuMobileFooter li.profil span.obf { display: inline-flex; align-items: center; height: 2rem; padding-left: 3rem; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; background-image: url(../images/compte.svg); cursor: pointer; } div#menuBurger li { list-style: none; } div#menuBurger span.masquerMenu, div#menuBurger span.masquerNavbarre { display: 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; } div#menuBurger div.menuMobile div.menuDeroulantResponsive li div.listeCategorie .tende-termiche-invernali > * { background-image: url(../images/Thermique.svg); }@media screen and (min-width: 768px) { div#zoneHaut div#menu-mobile.IndeXysPortletUrl { display: none; } }div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.fiches-conseil, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens, div.moustiquaires-velux div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.remises-sur-volume { /*display: none;*/ } div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.fiches-conseil, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.remises-sur-volume, div.rideaux-exterieurs div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.expedition { /*display: none;*/ } div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.caracteristiques, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.configurateur, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.fiches-conseil, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.liens, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.remises-sur-volume, div.rideaux-exterieurs-1 div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.expedition { /*display: none;*/ } #arrow { visibility: hidden; } #arrow, #arrow::before { position: absolute; width: 13px; height: 13px; background: inherit; border-top: solid 0.1rem; border-left: solid 0.1rem; border-color: var(--gris); } #arrow::before { visibility: visible; content: ''; transform: rotate(45deg); top: -11px; } #tooltip[data-popper-placement^='bottom'] > #arrow { top: -4px; } #tooltip[data-popper-placement^='left'] > #arrow { right: -4px; } #tooltip[data-popper-placement^='right'] > #arrow { left: -4px; } #tooltip[data-popper-placement^='top'] > #arrow { bottom: -4px; } .mon_compte { background: var(--blanc); color: var(--gris); font-weight: bold; padding: 4px 8px; font-size: 13px; border-radius: 4px; display: none; border: solid 0.1rem; border-color: var(--gris); width: 16rem; z-index: 10000000; } .mon_compte li { list-style-type: none; margin: 0.5rem; } .mon_compte ul { padding-left: 0; margin: auto; } .mon_compte ul li > * { display:flex; flex-wrap: nowrap; align-items: center; color: var(--gris); text-decoration: none; } .mon_compte ul li span.img_commande { display: inline-block; height: 1.7rem; width: 3rem; background-image: url(../images/commande.svg); background-repeat: no-repeat; background-position: center; } .mon_compte ul li span.img_panier { display: inline-block; height: 1.7rem; width: 3rem; background-image: url(../images/compte.svg); background-repeat: no-repeat; background-position: center; } .mon_compte ul li > *:hover { text-decoration: underline; } .mon_compte[data-show] { display: block; } li.profil span.off.obf.obf-enabled:focus { background-color: var(--grisClair); border-radius: 100%; } .colorisTooltip { background: var(--grisMoyen) !important; color: var(--blanc); font-weight: bold; padding: 4px 8px; font-size: 13px; border-radius: 4px; display: none; z-index: 11; } .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; } #arrow::before { visibility: visible; content: ''; transform: rotate(45deg); } #tooltip[data-popper-placement^='top']>#arrow { bottom: -4px; } #tooltip[data-popper-placement^='bottom']>#arrow { top: -4px; } #tooltip[data-popper-placement^='left']>#arrow { right: -4px; } #tooltip[data-popper-placement^='right']>#arrow { left: -4px; } @media screen and (min-width: 992px) { .colorisTooltip span.disponibilite { font-size: .8rem; flex-direction: column; height: 2.5rem; } .colorisTooltip span.delai { font-size: .8rem; height: 2.5rem; } }#busyMessage p.texte span.chargement span.out span.in::after { content: " en cours"; } #busyMessage p.texte span.message { 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='Chi Siamo?'] ) { display: none; } .IndeXysPortletFilAriane li:has( a[title='Guida e consigli tecnici'] ) { display: none; } .IndeXysPortletFilAriane li:has( a[title='I vostri ordini'] ) { display: none; } .IndeXysPortletFilAriane li:has( a[title='Tempi e consegne'] ) { display: none; } .Produit[class*='zanzarier'] .IndeXysPortletFilAriane ul li:nth-child(3), .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); } .ecriturevert { color: var(--vert); } .ecriturevertClair { color: var(--vertClair); } .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.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.offrir-un-cheque-cadeau div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: initial; } 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*="choisir-vos-stores-et-rideaux"] div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-of-type(2) { display: none; } body[class*="recensioni"] div#zoneCentre div.contenuPortlet div.contenuRubrique p div.video-responsive iframe { max-width: 100%; } body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.erreur404 p:not(:has(a)) { margin-top: .5rem; } body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.information.Produit.liste div.image p:not([class*="ekoo"]).titre-produit-liste { position: absolute; bottom: -1rem; text-shadow: none; font-weight: 500; font-size: .7rem; transform: translateY(100%); top: initial; padding: 0 1rem; display: block; max-width: 1600px; margin: 1rem auto; line-height: initial; } body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.information.Produit.liste div.image p:not([class*="ekoo"]).titre-produit-liste span[class*='obf'] { color: var(--gris) !important; text-decoration: inherit; text-transform: uppercase; height: 100%; display: flex; justify-content: center; align-items: flex-end; } body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication div.erreur404 a { text-transform: uppercase; border: none; background-color: var(--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/a3623206-ea1f-4403-a971-8da0da3e2fd6/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; color: var(--gris); } body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.maillage404 div.image h2 span { color: var(--gris); } 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#conteneur.cuscini-per-panca div#zoneCentre h3, div#conteneur.cuscini-per-divani-esterno div#zoneCentre h3 { max-width: initial; } div#zoneBas { color: var(--gris); position: relative; } div#zoneBas .scroll-top-wrapper { right: 1rem; bottom: 5rem; background-color: var(--gris); line-height: initial; padding-top: initial; } div#zoneBas .scroll-top-wrapper .scroll-top-inner { display: block; height: 100%; padding: 0.25rem; } div#zoneBas .scroll-top-wrapper .scroll-top-inner span { display: none; } div#zoneBas .scroll-top-wrapper .scroll-top-inner:after { content: ""; display: inline-flex; position: initial; justify-content: center; background-image: url(../images/f0aa.svg); width: 100%; line-height: initial; aspect-ratio: 1/1; font-weight: 900; color: var(--blanc); font-size: 2rem; align-items: center; filter: invert(100%) sepia(4%) saturate(16%) hue-rotate(153deg) brightness(99%) contrast(105%); } div#zoneBas .scroll-top-wrapper:hover { background-color: var(--grisTransparent); } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant { margin: 2rem 0 0; padding: 0 1rem; list-style: none; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li { padding: 1rem 0; border-bottom: 1px solid var(--gris); } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > a, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > span.obf { color: inherit; text-decoration: inherit; cursor: pointer; text-transform: uppercase; font-weight: 800; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > a::before, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant > li > span.obf::before { content: ""; background-image: url(../images/f068.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; margin-right: .5rem; font-weight: 400; font-size: 1rem; color: var(--rouge); filter: invert(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: inherit; text-decoration: inherit; cursor: pointer; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li a:hover, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li span.obf:hover { text-decoration: underline; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li.ventes-privees { display: none; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li.closed ul { display: none; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li.open ul { display: inherit; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a span, div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf span { display: none; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { content: ""; background-image: url("../images/drapeau_it.svg"); background-size: auto 100%; display: block; width: 1rem; height: 5rem; position: fixed; top: 40vh; right: 0; z-index: 40; cursor: pointer; } div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste { margin: 1rem 2rem; padding: 0; list-style: none; } div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li a span.out, div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf span.out { display: none; } div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { display: block; margin: 0 auto; width: 300px; height: 50px; background-image: url(../images/logoTendeETende2024.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; cursor: pointer; } div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste { margin: 0 1rem; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste li { font-size: .8rem; margin: 0 .5rem .5rem; } div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { color: inherit; text-decoration: inherit; cursor: pointer; } div#zoneBas div#newsletter.IndeXysPortletNewsletter { background-color: var(--grisTitre); color: var(--blanc); } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement { text-align: center; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement h4 { max-width: 450px; margin: 0 auto; padding-top: 1.5rem; margin-top: 0; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p { max-width: 480px; margin: 0 auto; padding: 1rem; display: flex; align-items: center; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p button { width: 95px; border-radius: 0 .7rem .7rem 0; background-color: var(--grisTransparent); border: none; padding: .5rem; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p button span { color: var(--blanc); } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email { border-radius: 20px 0 0 20px; background-color: var(--blanc); border: none; padding: .5rem 1rem; width: calc(100% - 95px); } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email::placeholder { color: var(--gris); } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email:focus-visible { border: 2px solid var(--vert); outline: none; } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste { margin: 1rem 2rem; padding: 0; list-style: none; } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li a span.out, div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf span.out { display: none; } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { display: block; margin: 0 auto; width: 300px; background-image: url(../images/pagamenti-sicuri-2.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; cursor: pointer; aspect-ratio: 445/132; } 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 1rem .5rem; position: relative; } div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous img { width: 260px; 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%; flex-wrap: wrap; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li { width: 50%; font-size: .8rem; text-align: center; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li img { width: auto; height: 30px; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li:nth-child(3) { display: none; } div#zoneBas div.IndeXysPortletPiedDePage div.titre { position: relative; border-bottom: 1px solid var(--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; font-weight: 700; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication .snp-mondrian-html-content span.surligne, div.detailPublication div.detail section.memento div.snp-mondrian-html-content p span.surligne { display: inline-block; background-color: var(--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 p { margin: 1rem .5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p img { /*width: 100%; height: auto; Images enormes sur les prises de mesures */ } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section .colorvertClair { color: var(--vertClair); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.bouton p a { color: var(--gris); border: 3px solid var(--gris); text-decoration: none; padding: .25rem .5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit { background-position: center; background-size: auto 100%; background-repeat: no-repeat; height: 350px; position: relative; overflow: hidden; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover { position: absolute; top: 0; left: -100%; height: 100%; width: 100%; padding: 1rem 0; transition: all 200ms ease 0s; background-color: var(--noirTransparent); display: flex; flex-direction: column; color: var(--blanc); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more { padding: 0 .5rem; text-align: center; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more span.sr-categorieproduit-obfuscation { display: inline-flex; color: var(--blanc); border: 3px solid var(--blanc); text-decoration: inherit; height: 40px; justify-content: center; align-items: center; min-width: 240px; font-size: .9rem; font-weight: 700; padding: 0 .5rem; text-transform: capitalize; transition: all 200ms ease 0s; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.more span.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; /* color: inherit; text-decoration: inherit; padding: .5rem; padding-left: 60px; display: grid; grid-template-columns: 1fr; font-weight: 800; background-repeat: no-repeat; background-position: 1rem center; background-size: 30px auto; font-size: 1rem; cursor: pointer; */ } 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.menu { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li 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 ul.listeProduit li.voilages-unis-non-feu-m1 a { background-image: url(../images/voilageBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie { flex-grow: 1; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit { margin: 0; padding: 0; list-style: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li + li { margin-top: .5rem } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li .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; } 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.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.parois-japonaises span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/japonaisBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-exterieurs span.icon { background-image: url(../images/picto_rideaux_exterieurs_blanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-occultation-m1 span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/occultantBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-petite-enfance-m1 span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/motifBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-protection-solaire span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/pare-soleil-Blanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.rideaux-velours-m1 span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/velourBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.store-banne-coffre-compacte span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/compactBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-a-enrouleur span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/enrouleurBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bannes-coffre-terrasse span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/terasseBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bannes-monobloc span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/monoblocBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-bateaux span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/bateauBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-lames-verticales span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/californienBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-pour-velux span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/veluxBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.stores-venitiens span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/venitienBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.tende-bastone, 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.tende-termiche-invernali { 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.tende-bianche, 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.tende-bianche { 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.tende-termiche 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.tende-termiche 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.tringles span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/tringleBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li.voilages-m1 span.icon { grid-column: 1/2; grid-row: 1/3; background-image: url(../images/voilageBlanc.svg); background-repeat: no-repeat; background-position: center; background-size: 30px auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover.hover { left: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title { width: 100%; height: 100%; text-shadow: 0 0 3px var(--gris); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.sr-categorieproduit-obfuscation { display: flex; width: 100%; height: 100%; color: var(--blanc); text-decoration: inherit; justify-content: center; cursor: pointer; transition: all 200ms ease 0s; align-items: center; flex-direction: column; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title { background-image: url(../images/tringles.svg); background-size: 5rem auto; } 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.25rem; font-weight: 900; transition: all 200ms ease 0s; min-height: 111px; display: flex; justify-content: flex-start; align-items: flex-start; 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 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 div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { display: grid; grid-template-columns: repeat(2, 1fr); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { background-image: url(../images/coussinBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins div.sr-categorieProduit-title div.title { background-image: url(../images/coussinBlanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.title span.menu { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li span.title span.menu { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.embrases div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { background-image: url(../images/embraseBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.embrases div.sr-categorieProduit-title div.title { background-image: url(../images/embraseBlanc.svg); background-size: 5rem auto; } 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 a { background-image: url(../images/filmBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title span.obf { background: linear-gradient(90deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0) 60%); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.films-vitrage div.sr-categorieProduit-title div.title { background-image: url(../images/filmBlanc.svg); background-size: 5rem auto; } 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 { background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title div.title h2 { font-size: 1.7rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux div.sr-categorieProduit-title { background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux div.sr-categorieProduit-title div.title { background-image: url(../images/occultantBlanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux-et-voilages div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.models { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.rideaux-et-voilages div.sr-categorieProduit-title { background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores div.sr-categorieProduit-title div.title { background-image: url(../images/bateauBlanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.models { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs div.sr-categorieProduit-title div.title { background-image: url(../images/compactBlanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-interieurs div.sr-categorieProduit-title span.icon { background-image: url(../images/); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tende-per-esterni div.sr-categorieProduit-title div.title { background-image: url(../images/picto_rideaux_exterieurs_blanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { background-image: url(../images/tringleBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-1 div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li a { background-image: url(../images/tringleBlanc.svg); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-1 div.sr-categorieProduit-title div.title { background-image: url(../images/tringleBlanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-title div.title h2 { width: 200px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.ventes-privees div.sr-categorieProduit-title span.models { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.voilages-m1 div.sr-categorieProduit-title div.title { background-image: url(../images/voilageBlanc.svg); background-size: 5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit:not(.stores-interieurs, .cuscini) div.sr-categorieProduit-hover nav.listeSousCategorie ul.listeCategorieProduit li span.title { min-height: 41px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section p.essai { text-align: center; margin: 2rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column { margin: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content p a { display: inline-flex; color: var(--blanc); background-color: var(--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 .swiper-button-next, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama .swiper-button-prev { color: var(--gris); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama div.snp_diaporama { height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { color: inherit; text-shadow: none; margin: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-next, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-prev { color: var(--blanc); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-slide-clickable { cursor: pointer; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p { margin: .75rem 0; font-size: 1.25rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p:last-of-type { margin: 1rem 0 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama img { /*width: 100%; height: 100%;*/ } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content { color: var(--blanc); text-shadow: 0 0 3px var(--gris); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content a { display: inline-block; color: inherit; border: 2px solid var(--blanc); text-decoration: inherit; padding: .25rem .5rem; font-size: 1.25rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content span.titre-principal { margin: 0 0 .5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama span.diaporama_content hr { color: var(--blanc); border: 1px solid var(--blanc); width: 200px; margin: 1.5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento { padding: 2rem .5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content h1 br { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento.mementoGris div.snp-mondrian-html-content p br { display: initial; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog { /*padding: 2rem 1rem 2rem 10rem; background-image: url(/data/IndeXysBibliothequeHTML/714d8a95-af15-4891-a882-d409bb687d8c/accueil/blogMobile.png); background-size: auto calc(100% - 7rem); background-repeat: no-repeat; background-position: left center;*/ padding: 2rem 1rem; font-size: .8rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-column:first-of-type div.snp-mondrian-html-content { position: relative; height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-column:first-of-type div.snp-mondrian-html-content p { position: absolute; top: 0; right: 1rem; height: 100%; aspect-ratio: 800/502; margin: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p a { display: inline-flex; color: var(--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(../images/picto_blog.svg); background-repeat: no-repeat; background-position: left top; background-size: 2.5rem; padding-left: 3rem; font-weight: 800; font-size: 1.25rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-row { flex-wrap: nowrap; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements { padding: 1rem 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-column #youtubePopup { cursor: pointer; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p iframe { width: 100%; height: 320px; padding: 0 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p img { padding: 0 1rem; width: 100%; height: auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p { text-align: center; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p > span { display: inline-flex; color: var(--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; cursor: pointer; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p > span:hover { background-color: var(--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; text-align: center; font-weight: 900; font-size: 1.75rem; background-image: url(../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_repara.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position-x: right; padding: 3rem 1rem 2rem; color: var(--blanc); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content { padding-left: 3rem; background-image: url(../images/picto_reparation.svg); background-repeat: no-repeat; background-size: auto 3rem; background-position: top left; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content h2 { margin: 0; font-size: 1.75rem; font-weight: 900; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p span[class*="obf"] { 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; padding: 1.5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p a:hover, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p span[class*="obf"]:hover { background-color: var(--blanc); color: var(--vert); } 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 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 { 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; padding: 0 1rem; font-weight: 400; margin: 1rem auto; max-width: 1600px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento.mementoGris div.snp-mondrian-html-content p { color: var(--gris); line-height: 2.75rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento.mementoGris div.snp-mondrian-html-content p span.titreCategorie, div.detailPublication div.detail section.memento div.snp-mondrian-html-content p span.titreCategorie { text-transform: uppercase; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.snp-mondrian-section.closed > div.snp-mondrian-row { display: block; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { display: none; } div#zoneCentre div#detailPublication.IndeXysPortletPublication div.detailPublication div.information.CategorieProduit.detail section.selectionProduits div.image { display: initial; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty { grid-column: 1/3; text-transform: lowercase; text-align: center; font-size: 1rem; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty.always-display { display: none; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty::before, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty::before { content: "Siamo spiacenti, "; 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: " su-misura"; } 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, 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.listeProduit ul.listeProduit li span.title br { display: none; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit li 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 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 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 span.title::before { content: "+ "; } 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.sR6categorieProduit div.sr-categorieProduit-title.hover span.obf, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title.hover span.right span { color: transparent !important; text-shadow: none; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title.hover span.icon { background-image: initial !important; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.coussins-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.cuscini-per-panca div.sr-categorieProduit-title span.models, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.cuscini-per-divani-esterno div.sr-categorieProduit-title span.models { display: none; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-hover div.title { background-position: left .25rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.parois-japonaises div.sr-categorieProduit-hover div.title { background-image: url(../images/japonaisBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.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-a-enrouleur div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-a-enrouleur div.sr-categorieProduit-hover div.title, 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/enrouleurBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-hover div.title { background-image: url(../images/bateauBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-lames-verticales div.sr-categorieProduit-hover div.title { background-image: url(../images/californienBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-pour-velux div.sr-categorieProduit-hover div.title { background-image: url(../images/veluxBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-venitiens div.sr-categorieProduit-hover div.title { background-image: url(../images/venitienBlanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-bastone, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-termiche-invernali { display: none; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-bianche, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-bianche { display: none; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-per-esterni div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-per-esterni div.sr-categorieProduit-hover div.title { background-image: url(../images/picto_rideaux_exterieurs_blanc.svg); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-termiche div.sr-categorieProduit-title span.icon, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.tende-termiche div.sr-categorieProduit-hover div.title { background-image: url(../images/pictoAntiChaleurBlanc.svg); } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication { /*background-color: var(--fondFiltres);*/ } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.contenuPortlet { max-width: 1200px; margin: 0 auto; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active { display: flex; flex-direction: column; align-items: flex-start; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle { position: relative; padding: .75rem 1.25rem; color: var(--gris); margin: 1rem; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a { position: absolute; top: 0; left: 0; transform: translate(-10%, 70%); color: var(--blanc); text-decoration: none; border: 1px solid var(--blanc); border-radius: 50%; background-color: var(--fondFiltres); display: flex; justify-content: center; align-items: center; width: .75rem; height: .75rem; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a span { display: none; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a::before { content: ""; background-image: url("../images/f00d.svg"); filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(174deg) brightness(108%) contrast(101%); background-repeat: no-repeat; background-position : center; aspect-ratio: 1/1; width: 3ch; font-weight: 400; font-size: .5rem; display: block; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle span.title { font-size: .8rem; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle span.value { display: none; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle:first-of-type { margin-right: 0; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active:empty { display: none; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 1rem .5rem; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre div#boutonFiltreMobile span.titreBoutonFiltreMobile { display: block; width: 8rem; height: 2rem; font-size: 0; background-image: url(../images/bouton_filtre.svg); background-repeat: no-repeat; background-position: center; background-size: auto 100%; cursor: pointer; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.resultats { display: none; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title { color: var(--gris); padding: 0 .5rem; display: flex; width: 100%; align-items: center; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title::before { content: ""; border-top: 1px solid var(--gris); display: block; flex-grow: 1; margin-right: .5rem; } div#zoneCentre div#referencementPublication.IndeXysPortletPublication div.contenuPortlet { max-width: 1600px; margin: 0 auto; padding: 0 1rem; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication { /*background-color: var(--fondFiltres);*/ } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.action p { margin: 0; padding: 1rem; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.contenuPortlet { max-width: 1200px; margin: 0 auto; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle { display: flex; flex-direction: column; align-items: flex-start; padding: 0 1rem; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle { margin-right: 1rem; padding: 1rem; font-weight: 700; margin-bottom: 1rem; background-color: var(--blanc); color: var(--gris); position: relative; border: 1px solid var(--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, 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: var(--vert); color: var(--blanc); } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle:last-of-type { margin-right: 0; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres { width: 100%; color: var(--blanc); } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content { display: flex; flex-wrap: wrap; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content div.filtre-cle div.filtre-contenu-cle.popup select { appearance: none; background-color: var(--blanc); border: 2px solid var(--gris); font-size: 1rem; font-family: 'Mulish', sans-serif; padding: .25rem .5rem; color: var(--gris); } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content div.filtre-cle div.filtre-contenu-cle.radio > div { display: flex; flex-direction: column; align-items: flex-start; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-title { text-transform: lowercase; width: 100%; text-decoration: underline; text-align: center; cursor: pointer; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-title::before { content: "Afficher "; text-transform: capitalize; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication.closed div.saisieFiltrePublication div.filtre-liste-cle { display: none; } div#zoneCentre div.IndeXysGlossaryPortletGlossary div.contenuPortlet { max-width: 1600px; margin: 0 auto; padding: 0 1rem; } div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletFilAriane ul li a, div#zoneCentre div.IndeXysPortletFilAriane p.rubrique a { font-weight: 300; color: inherit; text-decoration: inherit; } div#zoneCentre div.IndeXysPortletFilAriane ul li a:hover, div#zoneCentre div.IndeXysPortletFilAriane p.rubrique a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletFilAriane ul li br { display: none; } div#zoneCentre div.IndeXysPortletFilAriane ul li span.masquer { /*display: none;*/ } div#zoneCentre div.IndeXysPortletFilAriane ul li span.option { display: none; } div#zoneCentre div.IndeXysPortletFilAriane ul li span.promo { display: none; } div#zoneCentre div.IndeXysPortletFilAriane ul li::after { content: ">"; margin: 0 1ch; } div#zoneCentre div.IndeXysPortletFilAriane ul li:last-of-type::after { content: ""; } div#zoneCentre div.IndeXysPortletFilAriane ul span.retour-ligne { display: none; } div#zoneCentre div.IndeXysPortletFilAriane ul, div#zoneCentre div.IndeXysPortletFilAriane p.rubrique { margin: .5rem 1rem; padding: 0; list-style: none; font-weight: 700; font-size: .8rem; display: flex; flex-wrap: wrap; line-height: 1.25rem; } div#zoneCentre div.IndeXysPortletNewsletter div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletNewsletter form > p button { width: 95px; border-radius: 0 .7rem .7rem 0; background-color: var(--gris); border: 2px solid var(--gris); border-left: none; padding: .5rem; cursor: pointer; } div#zoneCentre div.IndeXysPortletNewsletter form > p button span { color: var(--blanc); } div#zoneCentre div.IndeXysPortletNewsletter form > p input.email { border-radius: 20px 0 0 20px; background-color: var(--grisRecap); border: 2px solid var(--gris); padding: .5rem 1rem; width: calc(100% - 95px); border-right: none; } div#zoneCentre div.IndeXysPortletNewsletter form > p input.email:focus { outline: none; } div#zoneCentre div.IndeXysPortletNewsletter form > p input.email:focus-within { border-color: var(--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, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.sr-categorieproduit-obfuscation { 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 .swiper-button-next::after, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama .swiper-button-prev::after { font-size: 12px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide img { width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content span.titre-principal, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1 { margin: 1rem 1rem 0; text-transform: uppercase; font-weight: 900; line-height: initial; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p { margin: 0; font-size: .9rem; font-size: 1.17rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content, div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { color: var(--blanc); text-shadow: 0 0 10px var(--noir); } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section#commandesImportantes table.delais-expedition tbody tr td p { margin: .25rem 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.sr-categorieproduit-obfuscation { text-decoration: inherit; cursor: pointer; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition { width: 100%; border-collapse: collapse; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td { color: var(--noir); padding: 7px; padding-left: 30px; padding-right: 30px; border: 1px solid #222; font-size: 1rem; text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td p { margin: 0; padding: 0; text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td p span.delai-exceptionnel { display: inline-block; margin-left: 5px; color: var(--rouge); } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td:not(.quantite) br { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr:nth-of-type(even) { background-color: rgb(206, 212, 217); } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition thead tr th { background-color: var(--gris); color: var(--blanc); padding: 12px; padding-left: 30px; padding-right: 30px; border: 0; border-bottom: 2px solid var(--grisClair); font-size: 1rem; font-weight: bold; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { display: block; margin: 0 auto; max-width: 1600px; padding: 0 1rem; } div#zoneCentre div.sr-categorie-produit-liens { 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(--vertClair) } 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/videoLiens.svg); background-position: left center; background-repeat: no-repeat; background-size: 3.5rem auto; align-items: center; font-weight: 700; font-size: .9rem; } div#zoneCentre h2, div#zoneCentre h3, div#zoneCentre h4, div#zoneCentre h5, div#zoneCentre h6 { padding: 0 1rem; display: block; /*titres décalés sur configurer et passer une commande*/ max-width: 1600px; margin: 1rem auto; } div#zoneCentre section div.snp-mondrian-html-content.titreTrait { border-bottom: 1px solid var(--gris); margin-bottom: 1.5rem; } div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2 { transform: translate(1rem, 40%); margin: 0; padding: 0 .5rem; background-color: var(--blanc); display: inline-block; text-transform: uppercase; color: var(--gris); font-weight: 700; } div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2.ecritureGris { color: var(--gris); } div#zoneCentre section div.snp-mondrian-html-content.titreTrait.titreGris { border-bottom: 1px solid var(--gris); } div#zoneCentre section.diaporama div.snp-mondrian-column { width: 100%; } div#zoneCentre section.memento div.snp-mondrian-column { width: 100%; } div#zoneCentre section.pointsForts div.snp-mondrian-column { width: 25%; } div#zoneCentre section.selectionProduits { max-width: 1600px; margin: 0 auto; } div#zoneCentre section.selectionProduits .listeFavoriPublication { padding: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } div#zoneGauche div.StoresEtRideauxPortletAide { position: fixed; top: 0; left: 0; background-color: var(--blanc); z-index: 1000; height: 100vh; width: 100%; display: none; } div#zoneGauche div.StoresEtRideauxPortletAide div#aide-storesetrideaux { /* display: none; */ } div#zoneGauche div.StoresEtRideauxPortletAide div.aideEnLigne { height: 100%; } div#zoneGauche div.StoresEtRideauxPortletAide div.aideEnLigne div.aide { height: 100%; min-width: 345px; max-width: 500px; } div#zoneGauche div.StoresEtRideauxPortletAide div.content { background-color: var(--blanc); height: 100%; overflow: auto; padding: 3rem 1rem 1rem; } div#zoneGauche div.StoresEtRideauxPortletAide div.contenuPortlet { height: 100%; } div#zoneGauche div.StoresEtRideauxPortletAide p.close { position: absolute; top: 0; right: 0; margin: 0; } div#zoneGauche div.StoresEtRideauxPortletAide p.close a { margin: 0; display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; background-color: var(--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.CategorieProduit.embrases div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.ventes-privees div#zoneCentre div.sr-categorie-produit-liens { display: none; } div.CategorieProduit.moustiquaires div#zoneCentre div.sr-categorie-produit-liens { display: none; } div.CategorieProduit.stores-interieurs div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.rideaux-et-voilages div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.stores-exterieurs div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.tringles-a-rideaux div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.quel-coussin-choisir div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.films-vitrage-1 div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.accessoires div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.quelle-embrase-choisir div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.accessoires-de-pose-stores div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.anti-chaleur div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.ventes-privees div#zoneCentre div.sr-categorie-produit-liens, div.CategorieProduit.stores div#zoneCentre div.sr-categorie-produit-liens { display: none; } div.detailPublication div.detail section.memento div.snp-mondrian-html-content p span.smallEcriture { font-size: 1rem; } div.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.sr-categorieProduit > div.sr-categorieProduit-title > a > div.title > span > h2 > span.right::before, div.sr-categorieProduit > div.sr-categorieProduit-hover > div.title > span > h2 > a > span.right::before { content: " "; } div.table-overflow { display:block; overflow-x: auto; padding-bottom: 1rem; } div.table-overflow table { min-width: 100%; } h2.mondeNumerique { font-size: 1.2rem; } section.preprod div.snp-mondrian-row { display: none } body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a, body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.obf { color: inherit; text-decoration: inherit; cursor: pointer; } body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a:hover, body.conditions-generales-de-vente div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique span.obf:hover { text-decoration: none; font-weight: 700; }@media screen and (min-width: 375px){ div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication section.memento.normeNonFeu div.snp-mondrian-html-content p{ line-height: initial; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p.presNormeNF{ font-size: 1rem; margin-top: 0; } div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2.normesFeu{ transform: translate(1rem, 40%); font-size: 1.1em; max-width: 90%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateDroite{ border-left: 2px solid var(--gris); margin: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateGauche{ border-right: 2px solid var(--gris); margin: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.imageGauche{ order: 2; } [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a::before, [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf::before { content: ""; top: 6rem; right: 39px; } } @media screen and (min-width: 410px){ div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2{ transform: translate(2rem, 40%); padding: 0 1rem; } } @media screen and (min-width: 576px) { div#zoneGauche div.StoresEtRideauxPortletAide { width: initial; } div#zoneHaut div#valeurs.IndeXysPortletUrl div.contenuPortlet { font-size: .875rem; } [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a::before, [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf::before { content: ""; top: 6.3rem; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique { margin-left: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content span.titre { font-size: 2rem; margin: 1rem 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog { font-size: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.tringles-rideaux-et-embrases div.sr-categorieProduit-title div.title h2 { width: initial; margin: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-row { flex-wrap: wrap; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-column { width: 100% !important; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-row { flex-wrap: wrap; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column { width: calc(50% - 2rem) !important; } div#zoneBas { padding-top: 1rem; } } /*---fin576px---*/ @media screen and (min-width: 660px) { div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit { background-size: 100% auto; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires { flex-direction: row; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul { width: 100%; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit { background-size: auto 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires { background-size: auto 100%; } } /*---fin660px---*/ @media screen and (min-width: 768px) { div.table-overflow table { min-width: 576px; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul{ flex-wrap: nowrap; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li:nth-child(3){ display: initial; } [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a::before, [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf::before { content: ""; right: 102px; } .masquerMobile { display: inherit !important; } .masquerDesktop { display: none !important; } div#zoneHaut div#menu-mobile.IndeXysPortletNavigationPublication { display: none; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav a span.out { display: flex; flex-direction: column; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav a span.out::after { content: "02 4792 7128"; display: block; font-size: 1rem; color: var(--rouge); } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav a span.out::before { content: "Contattateci"; display: block; font-size: .8rem; color: var(--gris); } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav span.obf span.out { display: flex; flex-direction: column; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav span.obf span.out::before { content: "Contattateci"; display: block; font-size: .8rem; color: var(--gris); } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav span.obf span.out::after { content: "02 4792 7128"; display: block; font-size: 1rem; color: var(--vert); font-weight: 800; } div#zoneHaut div#profil.IndeXysPortletNavigationRubrique { width: 70px; } div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier { width: 70px; } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande { display: initial; width: calc(100% - 150px); position: relative; } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive { width: calc(100% + 150px); } div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique { display: block; min-width: 150px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row { flex-wrap: initial; margin: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-column { flex-basis: 25% !important; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p { margin: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:first-of-type { margin-right: 0; width: 50% !important } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:last-of-type { margin-left: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:last-of-type div.snp-mondrian-html-content p { display: flex; margin: 0; height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content p img { width: 100%; height: auto; object-fit: cover; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog { padding: 2rem 1rem; background: none; font-size: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p { margin: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content.masquerMobile { width: 100%; height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content.masquerMobile p { margin: 0; display: block; width: 100%; height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p img { width: 100%; height: 100%; object-fit: cover; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire { grid-template-columns: repeat(3, 1fr); } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty { grid-column: 1/4; font-size: 1.25rem; } div#conteneur.EnsembleCollection div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication { grid-template-columns: repeat(3, 1fr); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-row { flex-wrap: nowrap; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p iframe { padding: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-row { flex-wrap: nowrap; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-column:last-of-type div.snp-mondrian-html-content p img { margin: 0; max-width: initial; } div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.avis { display: none; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.equipement { display: flex; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.equipement > span { background-image: url(../images/equipement.svg); padding-left: 40px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.fabrication > span, div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.livraison > span { width: initial; } div#zoneCentre section.selectionProduits .listeFavoriPublication { grid-template-columns: repeat(3, 1fr); } div#zoneHaut div.IndeXysPortletRecherche { /*margin: 0;*/ } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav a::after, div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav span.obf::after { content: "Lun al Ven : 9:00-17:00"; white-space: pre; color: var(--gris); font-size: .7rem; height: 1rem; display: block; } } /*---fin768px---*/ @media screen and (min-width: 970px) { div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store { background-size: 100% auto; } } /*---fin970px---*/ /*Passage en desktop*/ @media screen and (min-width: 992px) { body[class*=page-404] div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.information.Produit.liste div.image p:not([class*="ekoo"]).titre-produit-liste { font-size: 1rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille { font-size: 1.5rem; line-height: 2.25rem; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf span.masquerDesktop { display: none !important; } div#zoneBas .scroll-top-wrapper { right: 2rem; bottom: 6rem; } body[class*=page-404] div#zoneCentre div.IndeXysPortletRubriquePublication section.maillage404 div.image h2 { font-size: 1rem; } [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a::before, [data-isanonymous="non"] div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf::before { content: ""; top: 1.6rem; right: 23px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:last-of-type{ display:flex; } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive { top: 36px; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul { display: flex; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li { width: 50%; } div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2.normesFeu{ transform: translate(2rem, 40%); font-size: 3rem; max-width: 1600px; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant>li { border: none; flex-grow: 1; flex-shrink: 0; margin: 0 .5rem; padding: 0; } div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste { margin: 0 1rem; } div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { width: 100%; max-width: 300px; height: 70px; } div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite { left: 2.75rem; top: .1rem; z-index: 1000; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf > span { background-size: auto 33px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.livraison > span { padding-left: 80px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.fabrication > span { padding-left: 50px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf.equipement > span { padding-left: 80px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf { margin: 0 .5rem; padding: 0 1rem; flex-basis: 33%; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique { margin-right: 0; } div#zoneHaut div#valeurs.IndeXysPortletUrl { margin-bottom: .5rem; } div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li { text-align: right; } div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a, div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf { height: 3rem; width: 5rem; background-size: 2rem auto; position: relative; } div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in, div#zoneHaut div#profil.IndeXysPortletNavigationRubrique div.liste ul li span.obf span.out span.in { display: block; font-size: .875rem; position: absolute; bottom: 0; left: -3px; transform: translateY(70%); /*width: 91px;*/ text-align: center; text-transform: capitalize; text-wrap: nowrap; } div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a, div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 span.obf { width: 80px; background-size: 2rem auto; height: 3rem; position: relative; } div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a::after, div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 span.obf::after { content: "Il mio carrello"; display: initial; font-size: .875rem; position: absolute; bottom: -1rem; left: 0; transform: translateY(-15%); /*width: 85px;*/ text-align: center; font-weight: 500; text-wrap: nowrap; } div#zoneHaut div#profil.IndeXysPortletNavigationRubrique { width: 107px; } div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier { width: 107px; margin-right: 1rem; } div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { font-size: .8rem; } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM){ font-size: .8rem; font-weight: 700; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contact-sav a span.out::after { font-size: .8rem; } div#zoneHaut div.IndeXysPortletEnTete p { font-size: 1rem; } div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique { display: initial; margin: 0 auto -1.5rem 1rem; padding: 0; width: 70px; } div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.recensioni-dei-clienti a, div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.recensioni-dei-clienti span.obf { display: block; background-image: url(../images/picto_avis.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; height: 70px; cursor: pointer; } div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.recensioni-dei-clienti a span.out, div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique div.liste ul.liste li.recensioni-dei-clienti span.obf span.out { display: none; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p br, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content h1 br { display: initial; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 0 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille>div.actions { position: absolute; top: 28px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille div.snp-mondrian-column.grandeColonne { grid-column: 1/2; grid-row: 1/3; display: flex; height: 100%; width: auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateDroite{ margin: 3rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.dateGauche{ margin: 3rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.imageGauche{ order: initial; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille div.snp-mondrian-column.grandeColonne_2 { grid-column: 2/2; grid-row: 1/3; display: flex; height: 100%; width: auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.snp-mondrian-row.produitsGrille div.snp-mondrian-column { grid-column: 2/3; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-next::after, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama .swiper-button-prev::after { font-size: var(--swiper-navigation-size); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.sr-mondrian-accueil-categorieproduit { width: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.sr-categorieproduit-obfuscation { background-size: 100% auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit { height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title { height: 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits div.grandeColonne div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.obf { height: 100%; background-size: auto 100%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store { background-size: auto 100%; padding-left: 5%; background-color: var(--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, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p span[class*="obf"] { font-size: 1.5rem; width: initial; padding: 0 1.5rem; height: 60px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content p:last-of-type { text-align: initial; margin-top: 3rem; } div#zoneBas { display: grid; grid-template-columns: repeat(12, 1fr); } div#zoneBas div.IndeXysPortletPiedDePage { grid-column: 1/13; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires { flex-direction: initial; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul { width: 100%; } div#zoneBas div.IndeXysPortletPiedDePage div.titre { margin: 0 0 7rem; } div#zoneBas div.IndeXysPortletPiedDePage div.titre br { display: none; } div#zoneBas div#newsletter.IndeXysPortletNewsletter { grid-column: 1/7; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement h4 { margin: 1.5rem auto; padding: 0; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p { margin: 1rem auto 1.5rem; padding: 0 1rem; } div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique { grid-column: 7/13; padding: 0; } div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.titrePortlet h3 { padding-bottom: 0; margin: 1.5rem 0; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique { grid-column: 1/13; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant { display: grid; grid-template-columns: repeat(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: 100% auto; margin: 0 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique .container { margin: 0 auto; max-width: 90%; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p img { width: auto; height: 60px; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li img { width: auto; height: 50px; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 { font-size: 1.5rem; line-height: 2.25rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.stores-bateaux div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { font-size: 1rem; grid-template-columns: repeat(3, 1fr); } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { font-size: 1rem; grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-columns: repeat(3, 1fr); } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire { grid-template-columns: repeat(4, 1fr); } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.listePublicationLiee span.empty, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.produit-secondaire span.empty { grid-column: 1/5; } div#conteneur.EnsembleCollection div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication { grid-template-columns: repeat(4, 1fr); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content h1 { font-size: 2rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento div.snp-mondrian-html-content p.presNormeNF{ text-align: center; font-size: 1.25rem; margin-top: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p { font-size: 1.5rem; } div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.liste ul.liste { margin-top: 2.6rem; } div#zoneCentre section div.snp-mondrian-html-content.titreTrait h2 { transform: translate(6rem, 40%); font-size: 3rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p { font-size: 1.5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store div.snp-mondrian-html-content h2 { font-size: 2.5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.titre h3 { font-size: 2.5rem; padding-left: 4rem; background-position: 1rem center; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content p { font-size: 1.5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p { text-align: left; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements div.snp-mondrian-html-content.lien p > span { font-size: 1.5rem; width: initial; padding: 0 1.5rem; height: 60px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-html-content span.titre { font-size: 2.5rem; } div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(4, 1fr); } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires ul li { font-size: 1.25rem; } div#zoneBas div.IndeXysPortletPiedDePage div.titre span.titre { font-size: 2rem; 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#zoneHaut div#profil.IndeXysPortletNavigationRubrique { margin-right: 1rem; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:last-of-type { justify-content: center; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title { max-width: 60%; padding-left: 8rem; background-position: left 1.25rem; background-size: 6.5rem auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover { width: 50%; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p input.email { width: calc(100% - 135px); height: 40px; font-size: 1rem; border-radius: 20px 0 0 20px; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.abonnement p button { width: 135px; font-size: 1.2rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a::after, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf']::after { content: ""; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span.icon { background-size: 5rem auto; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant>li>a::before, div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant>li>span.obf::before{ content: ""; background-image: url(../images/2b.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; filter: invert(14%) sepia(70%) saturate(3490%) hue-rotate(347deg) brightness(108%) contrast(112%); } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre div.boutonFiltreMobile { display: none; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre::before { content: ""; border-top: 1px solid var(--gris); display: block; flex-grow: 1; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title { width: initial; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre span.title::before { display: none; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.titreFiltrePublication div.filtre-titre::after { content: ""; border-top: 1px solid var(--gris); display: block; flex-grow: 1; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.sr-categorieproduit-obfuscation { cursor: default; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { width: 1.5rem; } div#zoneCentre div#recapitulatifFiltrePublication.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active { flex-direction: row; flex-wrap: wrap; align-items: initial; } div#zoneCentre div#saisieFiltrePublication.IndeXysPortletPublication div.saisieFiltrePublication div.filtre-liste-cle { flex-direction: row; flex-wrap: wrap; align-items: initial; justify-content: center; } div#zoneCentre div.sr-categorie-produit-liens { display: none; justify-content: center; align-items: center; background: rgb(152, 152, 139); background: linear-gradient(0deg, rgba(152, 152, 139, 0.468207351299895) 0%, rgba(255, 255, 255, 0) 100%); } div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure { max-width: calc(800px - 1rem); background: none; flex-grow: 1; border: none; border-right: 2px solid var(--blanc); } div#zoneCentre div.sr-categorie-produit-liens div.pose-facile { max-width: calc(800px - 1rem); background: none; flex-grow: 1; padding-left: 5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { width: initial; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1, div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content span.titre-principal { font-size: 3rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication { grid-template-columns: repeat(4, 1fr); display: grid; grid-gap: 1rem; } div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous { padding: 6rem .5rem 2rem .5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-column:first-of-type div.snp-mondrian-html-content p { position: initial; aspect-ratio: initial; } div#zoneCentre section.selectionProduits .listeFavoriPublication { grid-template-columns: repeat(4, 1fr); } body.profil div.ui-dialog { width: 800px !important; max-width: 920px !important; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf'] { grid-template-columns: 150px 1fr; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-unis div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { display: grid; grid-template-columns: repeat(2, 1fr); } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.coussins-a-motifs div.sr-categorieProduit-hover nav.listeProduit ul.listeProduit { display: grid; grid-template-columns: repeat(3, 1fr); } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique { grid-column: 1/13; align-self: flex-end; } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste { margin: 0 1rem; } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { width: 100%; max-width: 400px; } div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneBas div#pagamenti-sicuri.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { position: absolute; } } /*---fin992px---*/ @media screen and (min-width: 1045px) { div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li a, div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul li span[class*="obf"]:not(.obfusquer-MM) { font-size: .875rem; } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive div.mm-content-base { padding: 1rem 4rem; } } /*---fin1045px---*/ @media screen and (min-width: 1100px) { div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.stores-exterieurs { background-size: 100% auto; margin: 0; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires { margin: 0; } div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li a, div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique div.liste ul.liste li span.obf { font-size: .875rem; } } /*---fin1100px---*/ @media screen and (min-width: 1200px) { div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.reparer-votre-store { padding-left: 15%; } div#zoneHaut div#avisClient.IndeXysPortletNavigationRubrique { margin: 0 auto -1.5rem 3rem; } div#zoneHaut div#profil.IndeXysPortletNavigationRubrique { margin-right: 3rem; } div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.titre-prise-de-mesure { font-size: 1.4rem; font-weight: 700; padding: .75rem 0 .75rem 5.25rem; background-size: 4rem auto; } div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.titre-pose-facile { font-size: 1.4rem; font-weight: 700; padding: .75rem 0 .75rem 5.25rem; background-size: 4rem auto; } div#zoneHaut div.IndeXysPortletRecherche div.contenuPortlet { max-width: 600px; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p input { height: 40px; width: calc(100% - 56px); } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p button { height: 40px; width: 40px; background-size: auto 35px; } div#zoneHaut div#valeurs.IndeXysPortletUrl span.obf:last-of-type { width: initial; } div#zoneHaut div#valeurs.IndeXysPortletUrl div.contenuPortlet { padding: .5rem 0; } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande { width: calc(100% - 210px); } div#zoneHaut div#main-nav.StoresEtRideauxPortletCommande div.menuDeroulantResponsive ul div.contentMenuDeroulantResponsive { width: calc(100% + 210px); } div#zoneHaut div#echantillons.IndeXysPortletNavigationRubrique { min-width: 210px; } } /*---fin1200px---*/ @media screen and (min-width: 1400px) { div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title .titre-famille { font-size: 3rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title .titre-famille { font-size: 2.25rem; margin-bottom: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.produits { max-width: 1600px; margin: 0 auto 1rem; } div#zoneBas div.IndeXysPortletPiedDePage div.infos-complementaires { max-width: 1600px; margin: 0 auto; } div#zoneBas div#newsletter.IndeXysPortletNewsletter div.contenuPortlet { width: 100%; margin-left: auto; max-width: 800px; } div#zoneBas div#reseaux-sociaux.IndeXysPortletNavigationRubrique div.contenuPortlet { width: 100%; margin-right: auto; max-width: 800px; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.contenuPortlet { width: 100%; margin: 0 auto; max-width: 1600px; } div#zoneBas div#footer-logo-accueil.IndeXysPortletNavigationRubrique div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneBas div#liensFooter.IndeXysPortletNavigationRubrique div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique .container { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.nos-engagements { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.avisClients div.snp-mondrian-row { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts { max-width: 1700px; margin: 0 auto; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.contenuPortlet, div#zoneCentre div.StoresEtRideauxPortletCategorieProduit div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#filtrePublication.IndeXysPortletPublication div.contenuPortlet { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrian-html-content.titreTrait { border-bottom: 1px solid var(--gris); margin-bottom: 3.5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.memento { padding: 3rem .5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts { margin: 2rem auto 4rem; letter-spacing: .1rem; } div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p a, div#zoneBas div.IndeXysPortletPiedDePage div.contactez-nous p span.obf { font-size: 1.75rem; } div#zoneBas div#delaisInformationsConseils.IndeXysPortletNavigationRubrique div.contenuPortlet { margin-top: 3rem; } div#conteneur.CategorieProduit div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication { grid-gap: 3rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit.films-vitrage { background-size: 100% auto; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 { font-size: 2.25rem; margin-bottom: 1rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-hover { padding: 1.5rem 2.5rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover div.title h2 { font-size: 2rem; font-weight: 900; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 { font-size: 2.75rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit.moustiquaires div.sr-categorieProduit-title div.title h2 { font-size: 2.75rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeSousCategorie { margin-top: 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-hover nav.listeProduit { margin-top: 1rem; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title div.title h2 { font-size: 3rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content span.titre { font-size: 2.5rem; background-position: left center; background-size: auto 120%; padding-left: 3rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.miseEnAvantBlog div.snp-mondrian-html-content p a { font-size: 1.5rem; width: initial; padding: 0 1.5rem; height: 60px; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique ul { font-size: 1.25rem; line-height: 1.5rem; } div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.telechargement-prise-de-mesure a { font-size: .9rem; } div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.video-prise-de-mesure a { font-size: .9rem; } div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.telechargement-pose-facile a { font-size: .9rem; } div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.video-pose-facile a { font-size: .9rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { margin-left: 10% } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique section.diaporamaAccueil div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { margin-left: 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table.delais-expedition tbody tr td p { font-size: 1rem !important; } } /*--finDesktop--*/ /*---fin1400px---*/ @media screen and (min-width: 1455px) { div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.produitsGrille div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit { 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 { max-width: 1600px; margin: 1rem auto; padding: 0 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique div.choices { max-width: 1600px; margin: 0 auto; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section div.sr-mondrian-accueil-categorieproduit div.sr-categorieProduit div.sr-categorieProduit-title span.models { padding: 0 1rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique table { max-width: 1600px; margin: 1rem auto !important; } div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee { max-width: 1600px; margin: 0 auto 1rem; } } /*---fin1455px---*/ @media screen and (min-width: 1580px) { div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.telechargement-prise-de-mesure a { font-size: 1rem; } div#zoneCentre div.sr-categorie-produit-liens div.prise-de-mesure div.video-prise-de-mesure a { font-size: 1rem; } div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.telechargement-pose-facile a { font-size: 1rem; } div#zoneCentre div.sr-categorie-produit-liens div.pose-facile div.video-pose-facile a { font-size: 1rem; } div#zoneHaut div.IndeXysPortletRecherche div.contenuPortlet { max-width: 700px; } } /*--fint1580px--*/.sr-mondrian-MaillageProduit div.information.Produit.liste div.image { aspect-ratio: 600 / 394; } #zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .sr-categorieProduit-title { position: absolute; top: 0; } #zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .bg-image { display: block; width: auto; height: 100%; } div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.information.Produit.liste div.image span > img { height: 100%; } #zoneCentre #listeSousPublication.IndeXysPortletPublication .listeSousPublication .sr-categorieProduit .bg-image img { object-position: center; object-fit: cover; width: 100%; height: 100%; } .snp_maillage_produit div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars > div.skeepers_product__stars { bottom: -14px; } .snp_maillage_produit .information.Produit.liste .image .titre-produit-liste a { margin-top: 1.3rem; } div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition::after { content: 'Invio in busta postale'; display: block; margin-top: 1rem; } div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a { font-size: 0; } div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a span, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a span { font-size: 14px; } div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a span::after, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a span::after { content: ' recensioni)'; } div.information.Produit.liste div.image div.avis-clients div.ekomi-widget-container a span::before, div.information.EnsembleCollection.liste div.image div.avis-clients div.ekomi-widget-container a span::before { content: '('; } .sr-mondrian-MaillageProduit .snp-actions + .snp_maillage_produit { display: grid; grid-template-columns: repeat(4, 1fr); } .sr-mondrian-MaillageProduit .swiper-button-next, .swiper-rtl .swiper-button-prev { right: -1rem; display: block; width: 2rem; height: initial; aspect-ratio: 1/1; } .sr-mondrian-MaillageProduit .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: ''; background-image: url(../images/circle-arrow-right-solid.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block; width: 100%; aspect-ratio: 1/1; } .sr-mondrian-MaillageProduit .swiper-button-prev, .swiper-rtl .swiper-button-next { left: -1rem; display: block; width: 2rem; height: initial; aspect-ratio: 1/1; } .sr-mondrian-MaillageProduit .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: ''; background-image: url(../images/circle-arrow-left-solid.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block; width: 100%; aspect-ratio: 1/1; } .sr-mondrian-MaillageProduit .swiper-group { position: relative; } .sr-mondrian-MaillageProduit div.information.Produit.liste div.compare { display: none; } .sr-mondrian-MaillageProduit div.information.Produit.liste div.image img { aspect-ratio: 600/394; object-position: top; } .sr-mondrian-MaillageProduit div.information.Produit.liste { font-size: 0; } .sr-mondrian-MaillageProduit div.information.Produit.liste div.modeles { margin-top: 5rem; font-size: 1rem; } .sr-mondrian-MaillageProduit div.information.Produit.liste div.texte { display: none; } .sr-mondrian-MaillageProduit div.information.Produit.liste p.enSavoirPlus span.obfusquer-cta-produit { /*display: inline-flex; color: var(--blanc); background-color: var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; transition: all 250ms ease 0s;*/ } .sr-mondrian-MaillageProduit div.information.Produit.liste p.enSavoirPlus span.obfusquer-cta-produit:hover { /*background-color: var(--vert-clair);*/ } .sr-mondrian-MaillageProduit div.swiper-group div.swiper { padding: 1rem; } body.demande-d-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif + p.enSavoirPlus { display: none; } body.demande-d-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { display: none; } body.demande-d-echantillons div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { display: none } body.nos-talents-recrutement .snp-mondrian-formulaire p button { margin: .5rem auto; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; display: flex; justify-content: center; align-items: center; height: 40px; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 600; font-size: .9rem; } body.offrir-un-cheque-cadeau div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { display: none; } body:not(.panier) .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 a, body:not(.panier) .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 span[class*='obf'] { color: var(--gris) !important; } body[class*=campioni] div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { display: none; } body[class*=echantillon] div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition { display: none; } body[class*=echantillon] div.information.IndeXysCommerceArticle.liste div.texte { display: none; } div#conteneur.EnsembleCollection div.information.Produit.liste div.image { min-height: initial; } div#conteneur.tende-termiche div.information.Produit.liste div.image span > img { aspect-ratio: 460/300; object-fit: cover; object-position: top; } div#contenu-referencement section.snp-mondrian-section.closed > div.snp-mondrian-row { display: block; } div#contenu-referencement section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { display: none; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section + div.section { margin-top: 2rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste { margin: 0; border: 1px solid #cccccc; padding: 0; background-color: #fff; position: relative; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.image { margin: 0; padding: 0; width: 100%; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.image img { width: 100%; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; padding: .5rem 1rem; padding-top: 0; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos div.listeCategorie { margin: 0; padding: 0; font-size: 12px; text-align: left; line-height: 20px; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos div.listeCategorie a { color: #999999; margin: 0; text-decoration: none; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos div.listeCategorie a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos p.date { margin: 0; padding: 0; font-size: 12px; text-align: left; color: #999; width: initial; display: flex; align-items: center; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.infos p.date::before { content: ""; width: 1.5ch; background-position: center; background-image: url(../images/f111.svg); background-repeat: no-repeat; aspect-ratio: 1/1; font-weight: 900; font-size: .25rem; margin: 0 .25rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte { margin: 0; padding: 1rem; padding-bottom: 2.5rem; display: flex; flex-wrap: wrap; align-items: center; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte h2 { margin: 0; margin-bottom: 10px; padding: 0; font-weight: bold; color: #333333; font-size: 18px; line-height: 20px; width: 100%; background:none; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte h2 a { color: #666666; text-decoration: none; font-size: 18px; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte h2 a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste div.texte p { margin: 0; margin-top: 5px; padding: 0; color: #666666; font-size: 14px; line-height: 20px; text-align: justify; width: 100%; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus { margin: 0; margin-left: auto; padding: 0; text-align: right; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a { color: #797979; text-decoration: none; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a span { font-size: 0px; color: #ffffff; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a span::after { content: " | En découvrir +"; font-size: 12px; color: #797979; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysActualite.liste p.enSavoirPlus a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysResultatRecherche.liste h2 { display: block; width: 100%; height: 100%; margin: 0; min-height: 4rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysResultatRecherche.liste h2 a { display: inline-flex; color: var(--vert); border: 2px solid var(--vert); text-decoration: inherit; text-transform: uppercase; height: 100%; justify-content: center; align-items: center; font-size: 1rem; font-weight: 700; padding: 0 .5rem; transition: all 250ms ease 0s; width: 100%; text-align: center; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation div.information.IndeXysResultatRecherche.liste h2 a:hover { color: var(--blanc); border: 2px solid var(--vert); background-color: var(--vert); } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section p.reponses { font-size: 1rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section p.reponses span.quantite { display: inline-block; margin: 0 .25rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section.displayNone { display: none; } div#zoneCentre div.information.CategorieProduit.detail div.titre h1, div#zoneCentre div.information.CategorieProduit.detail div.titre h2 { transform: translate(1rem, 40%); margin: 0; padding: 0 1rem; background-color: var(--blanc); display: inline-block; text-transform: uppercase; color: var(--gris); font-weight: 700; font-size: 1.25rem; } div.CategorieProduit.stores-enrouleurs div.information.CategorieProduit.detail div.titre { display: none; } div.CategorieProduit:not(.cuscini-per-divani-esterno):not(.stores-pour-velux):not(.stores-bateaux):not(.moustiquaires):not(.cuscini-per-panca):not(.coussins-a-motifs):not(.coussins-unis):not(.tende-per-esterni) div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.CategorieProduit:not(.cuscini-per-divani-esterno):not(.stores-pour-velux):not(.stores-bateaux):not(.moustiquaires):not(.cuscini-per-panca):not(.coussins-a-motifs):not(.coussins-unis):not(.tende-per-esterni) div.information.Produit.liste div.image span > img { aspect-ratio: 1.5 / 1; } div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity select.quantite:focus-visible { outline: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.pluriel,div.Echantillon div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.pluriel { display: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.singulier,div.Echantillon div#detailPublication div.detailPublication [data-delaiexpeditionprevisionnel="1"] div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value span.singulier { display: initial !important; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.amount span.devise:after { content: ' IVA inclusa '; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity input.quantite, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity select.quantite { appearance: none; border: none; font-size: 3rem; color: var(--vert); width: 7rem; text-align: center; padding: 0 0.5rem; background-color: var(--grisClair); } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity span.dec.quantity-button button { padding: 0; background: var(--blanc); cursor: pointer; width: 1.5rem; height: 1.5rem; border: 2px solid var(--gris); border-radius: 100%; background-image: url(../images/minus-solid.svg); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity span.inc.quantity-button button { padding: 0; background: var(--blanc); cursor: pointer; width: 1.5rem; height: 1.5rem; border: 2px solid var(--gris); border-radius: 100%; background-image: url(../images/plus-solid.svg); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config > div.delai-expedition { display: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.actions { display: block; margin: 0 .5rem; background-color: var(--grisClair); text-align: center; padding: 1rem .5rem 2rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.actions button { display: inline-flex; justify-content: center; align-items: center; height: 50px; width: 100%; background-color: var(--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/picto_panierBlanc.svg); background-repeat: no-repeat; background-position: 2rem center; background-size: auto 60%; padding-left: 1.5rem; cursor: pointer; text-decoration: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p { margin: 0; text-align: left; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition { margin: 0 .5rem; padding: .1rem .1rem; background-color: var(--grisClair); text-align: center; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.montant-total span.ecotaxes, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total span.ecotaxes { display: flex; justify-content: center; padding: 1rem 0rem 0.1rem; gap: 0.5rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.montant-total span.montant span.taxes, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total span.montant span.taxes { padding: 0 0.75rem 0 0.25ch; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.montant-total span.montant, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total span.montant { color: var(--blanc); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 0 0 0.75rem; font-size: 1.5rem; font-weight: 700; background-color: var(--fondFiltres); } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.montant-total, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total { margin: 1rem 0 0; padding: 0 0 1rem; text-align: center; position: relative; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.montant-total:after, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.montant-total:after { content: ""; width: 60%; border-bottom: 1px solid var(--gris); position: absolute; bottom: 0; left: 20%; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.delai-expedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif div.delai-expedition { padding: 1.1rem 0.1rem; width: 100%; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total { margin: 1rem 0 0; padding: 0 0 1rem; text-align: center; position: relative; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total span.ecotaxes { display: flex; justify-content: center; padding: 1rem 0rem 0.1rem; gap: 0.5rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total span.ecotaxes div.row span.taxe span.title { display: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total span.montant { padding: 1rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total span.montant span.prix, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total span.montant { color: var(--blanc); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 0 0 .75rem; font-size: 1.5rem; font-weight: 700; background-color: var(--fondFiltres); } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total span.montant span.taxes { color: var(--blanc); display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 .75rem 0 .25ch; font-size: 1.5rem; font-weight: 700; background-color: var(--fondFiltres); gap: .2rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.montant-total::after { content: ""; width: 60%; border-bottom: 1px solid var(--gris); position: absolute; bottom: 0; left: 20%; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter > span.prix, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter > span.prix { margin: 0 0 1rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter span:after, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter span:after { content: " AL CARRELLO"; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter { display: inline-flex; transition: .5s ease-in-out; justify-content: center; align-items: center; height: 50px; width: 100%; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 700; font-size: 1rem; max-width: 300px; margin: 0 auto; background-image: url(../images/fleche-ajout-panier.svg); background-repeat: no-repeat; background-position: 14.5rem center; background-size: auto 30%; padding-right: 3.5rem; cursor: pointer; text-decoration: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter:hover, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.ajouter:hover { background-color: var(--vertClair); background-position: 15rem center; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.offrir { display: inline-flex; justify-content: center; align-items: center; height: 50px; width: 100%; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 700; font-size: 1rem; max-width: 160px; margin: 1rem auto 0; cursor: pointer; text-decoration: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter button.offrir:hover { background-color: var(--vertClair); } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.amount:before, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.amount:before { content: 'Da : '; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.unitPrice, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.devise, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.unit, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.prix span.unitPrice { font-weight: 700; font-size: 1.2rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity { display: flex; justify-content: center; align-items: center; position: relative; padding-top: 1rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity:before, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity:before { content: ""; width: 30%; border-bottom: 1px solid var(--gris); position: absolute; top: 0; left: 35%; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter { display: flex; flex-direction: column; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.alerte-expedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity label.champObligatoire, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.montant-total span.ecotaxes span.taxe span.title, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity span.quantity-button button span, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif form p.ajouter span.quantity label.champObligatoire, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif p.alerte-expedition { display: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.prix-unitaire-final { margin: 0 0 1rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.prix-unitaire-final strong { font-size: 1.2rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.quantite { display: flex; justify-content: center; align-items: center; position: relative; padding-top: 1rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.quantite span.diminuer-quantite, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.quantite span.augmenter-quantite { display: flex; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.quantite span.quantite { margin: 0 1rem; flex-shrink: 0; display: block; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif p.quantite::before { content: ""; width: 30%; border-bottom: 1px solid var(--gris); position: absolute; top: 0; left: 35%; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif { margin: 0 .5rem; padding: 1rem .5rem; background-color: var(--grisClair); text-align: center; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.ideal, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.générationBrute { display: none; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition span.value { color: var(--vert); } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.delaiExpedition { font-weight: 700; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.titre h1 span span.sizeInTitle { display: block; font-weight: 400; font-size: 1.2rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.titre h1, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition div.titre h1 { text-align: left; } div.IndeXysPortletRubriquePublication#titreRubrique { /*display: none;*/ } div.anti-chaleur div.information.CategorieProduit.detail div.titre { display: none; } div.information.CategorieProduit.detail div.listeProduitDetail.secondaire { max-width: 1600px; margin: 0 auto; padding: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } div.information.CategorieProduit.detail div.texte { padding: 0 0 1rem; } div.information.CategorieProduit.detail div.texte p:not([class*="ekoo"]) { margin: 1rem; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide img { /*width: 100%; height: 100%;*/ } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { color: var(--blanc); text-shadow: 0 0 10px var(--noir); width: 100%; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1 { margin: 1rem 1rem 0; text-transform: uppercase; font-weight: 900; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p { margin: 0; font-size: .9rem; font-weight: 700; font-size: 1.17rem; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p span.surligne { display: inline-block; background-color: var(--vert); color: var(--blanc); white-space: nowrap; padding: 0 .6rem; text-align: center; margin: 0 auto; font-size: 1.5rem; font-weight: 300; text-shadow: none; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p span.surligne strong { font-weight: 700; } div.information.CategorieProduit.detail div.texte section.filtres { display: none; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content p, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content p, div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content h1, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content h1 { font-weight: 300; font-size: 1.1rem; margin: 0 1rem; line-height: 1.75rem; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content span.surligne,div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content span.surligne,div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content span.surligne { display: inline-block; background-color: var(--vert); color: var(--blanc); white-space: nowrap; padding: 0 .6rem; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content span.titreCategorie, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content span.titreCategorie, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content span.titreCategorie { font-weight: 400; text-transform: uppercase; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content strong, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content strong, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content strong { font-weight: 700; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content { display: none; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-column { max-width: 50%!important; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content { display: none; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p { margin: 0; font-size: 1rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p img { margin: 2rem 0 0; height: 2rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre { color: var(--vert); font-size: 2.25rem; font-weight: 700; } div.information.CategorieProduit.detail div.texte section.presentation { display: none; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content { display: none; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content a, div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content span[class*="obf"] { color: var(--vert); text-decoration: inherit; cursor: pointer; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content a:hover, div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content span[class*="obf"]:hover { text-decoration: underline; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content p { margin: 1rem; } div.information.CategorieProduit.detail div.titre { display:none; } div.information.CategorieProduit.referencement div.texteReferencement { font-size: 1rem; } div.information.CategorieProduit.referencement div.texteReferencement a, div.information.CategorieProduit.referencement div.texteReferencement span.obf { color: var(--vert); text-decoration: inherit; cursor: pointer; } div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-column-add span { display: none; } div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-element-add span { display: none; } div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-row-add span { display: none; } div.information.CategorieProduit.referencement div.texteReferencement a.snp-mondrian-button-section-add span { display: none; } div.information.CategorieProduit.referencement div.texteReferencement a:hover, div.information.CategorieProduit.referencement div.texteReferencement span.obf:hover { text-decoration: underline; } div.information.CategorieProduit.referencement div.texteReferencement section { border-top: 1px solid var(--gris); padding: 2rem 0; } div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-html-content { padding: 0 1rem; } div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { color: var(--gris); cursor: pointer; text-transform: uppercase; font-weight: 400; margin: 0; font-size: 1.25rem; } div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { color: var(--vert); } div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { content: ""; background-image: url(../images/f068.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; filter: invert(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%); display: inline-block; margin-right: .2rem; font-weight: 400; font-size: 1rem; } div.information.CategorieProduit.referencement div.texteReferencement section.avis div.snp-mondrian-column { width: 100%; } div.information.CategorieProduit.referencement div.texteReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { color: var(--gris); } div.information.CategorieProduit.referencement div.texteReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { content: ""; background-image: url(../images/2b.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%); margin-right: .2rem; font-weight: 400; font-size: 1rem; } div.information.CategorieProduit.referencement div.texteReferencement section.closed.videos { padding-bottom: 2rem; } div.information.CategorieProduit.referencement div.texteReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row { display: block; } div.information.CategorieProduit.referencement div.texteReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { display: none; } div.information.CategorieProduit.referencement div.texteReferencement section.videos { padding-bottom: 6rem; } div.information.CategorieProduit.referencement div.texteReferencement section.videos div.snp-mondrian-column { width: 100%; } div.information.EnsembleCollection.liste { border: 2px solid var(--grisBordure); position: relative; display: flex; flex-direction: column; cursor: pointer; } div.information.EnsembleCollection.liste:hover { border: 3px solid var(--vert); scale: 1.02; } div.information.EnsembleCollection.liste div.coloris { padding: 0 .5rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-gap: .5rem; } div.information.EnsembleCollection.liste div.coloris div.produit p.image { margin: 0; padding: 0; } div.information.EnsembleCollection.liste div.coloris div.produit p.image a img { width: 100%; height: 100%; object-fit: cover; } div.information.EnsembleCollection.liste div.coloris div.produit p.title { margin: 0; padding: 0; font-size: .7rem; text-align: center; min-height: 42px; } div.information.EnsembleCollection.liste div.compare { padding: 0 .25rem; } div.information.EnsembleCollection.liste div.compare div.row-compare { color: var(--gris); display: flex; flex-direction: row-reverse; align-items: flex-end; margin-bottom: .5rem; } div.information.EnsembleCollection.liste div.compare div.row-compare span.label-compare { font-size: .6rem; flex-grow: 1; font-weight: 700; display: inline-flex; } div.information.EnsembleCollection.liste div.compare div.row-compare span.label-compare::after { content: ""; border-bottom: 1px solid var(--gris); flex-grow: 1; margin-bottom: .2rem; margin-left: .25rem; } div.information.EnsembleCollection.liste div.compare div.row-compare span.value-compare { display: inline-flex; width: 25px; height: 5px; justify-content: space-between; margin-left: .5rem; flex-shrink: 0; margin-bottom: .2rem; } div.information.EnsembleCollection.liste div.compare div.row-compare span.value-compare span { width: 7px; background-color: var(--gris); } div.information.EnsembleCollection.liste div.compare div.row-compare span.value-compare span.on { background-color: var(--vert); } div.information.EnsembleCollection.liste div.image { position: relative; background-color: var(--vert); } div.information.EnsembleCollection.liste div.image > a, div.information.EnsembleCollection.liste div.image > span, div.information.Produit.liste div.image > a, div.information.Produit.liste div.image > span[id*="image"] { display: flex; cursor: pointer; } div.information.EnsembleCollection.liste div.image a img, div.information.EnsembleCollection.liste div.image span img, div.information.Produit.liste div.image a img, div.information.Produit.liste div.image > span[id*="image"] img { width: 100%; height: auto; } div.information.EnsembleCollection.liste div.image div.avis-clients { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } div.information.EnsembleCollection.liste div.image div.avis-clients p { margin: 0; } div.information.EnsembleCollection.liste div.image div.promotion { display: none; } div.information.EnsembleCollection.liste div.image h2 { font-size: .68rem; margin: 0 0 .25rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: var(--blanc); text-shadow: 0 0 3px var(--noir); font-weight: 900; display: flex !important; justify-content: center; align-items: flex-end; } div.information.EnsembleCollection.liste div.image h2 a { color: var(--blanc); text-decoration: inherit; text-transform: uppercase; } div.information.EnsembleCollection.liste div.image h2 a span.titre { font-size: 1rem; font-weight: 800; } div.information.EnsembleCollection.liste div.image span.fabrication-francaise { display: none; } div.information.EnsembleCollection.liste div.image span.garantie { display: none; } div.information.EnsembleCollection.liste div.modeles { color: var(--vert); margin: .5rem 0; text-align: center; font-weight: 700; } div.information.EnsembleCollection.liste div.tarif { flex-grow: 1; display: flex; justify-content: center; align-items: flex-end; } div.information.EnsembleCollection.liste div.tarif p.tarif { margin: 1rem .25rem; text-align: center; } div.information.EnsembleCollection.liste div.tarif p.tarif span.montant { display: flex; justify-content: center; align-items: baseline; font-size: .9rem; font-weight: 700; } div.information.EnsembleCollection.liste div.tarif p.tarif span.montant span.devise { font-size: .75rem; } div.information.EnsembleCollection.liste div.texte { padding: 0 .5rem; font-size: .6rem; font-weight: 700; } div.information.EnsembleCollection.liste div.texte p { margin: .5rem .25rem 0; font-size: .6rem; } div.information.EnsembleCollection.liste div.texte ul { margin: 0; padding: .5rem .25rem; list-style: none; } div.information.EnsembleCollection.liste p.enSavoirPlus { text-align: center; margin: 0 0 1rem; } div.information.EnsembleCollection.liste p.enSavoirPlus a, div.information.EnsembleCollection.liste p.enSavoirPlus > span { display: inline-flex; color: var(--blanc); background-color: var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; transition: all 250msease 0s; width: 80px; background-image: url(../images/fleche-ajout-panier.svg); background-repeat: no-repeat; background-position: 3.3rem center; background-size: auto 30%; padding-right: 1.6rem; transition: .5sease-in-out; } div.information.EnsembleCollection.liste p.enSavoirPlus a:hover, div.information.EnsembleCollection.liste p.enSavoirPlus > span:hover { background-color: var(--vert-clair); background-position: 3.5rem center; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement a { color: var(--vert); text-decoration: inherit; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement a:hover { text-decoration: underline; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section { border-top: 1px solid var(--gris); padding: 2rem 0; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-html-content { padding: 0 1rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { color: var(--gris); cursor: pointer; text-transform: uppercase; font-weight: 400; margin: 0; font-size: 1.25rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { color: var(--vert); } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { content: ""; background-image: url(../images/f068.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; filter: invert(69%) sepia(61%) saturate(275%) hue-rotate(29deg) brightness(88%) contrast(98%); display: inline-block; margin-right: .5rem; font-weight: 400; font-size: 1rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.avis div.snp-mondrian-column { width: 100%; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { color: var(--gris); } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { content: ""; background-image: url(../images/2b.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%); margin-right: .5rem; font-weight: 400; font-size: 1rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.closed.videos { padding-bottom: 2rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row { display: block; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.snp-mondrian-section.closed > div.snp-mondrian-row ~ div.snp-mondrian-row { display: none; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.videos { padding-bottom: 6rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section.videos div.snp-mondrian-column { width: 100%; } div.information.IndeXysCommerceArticle.detail { margin: 1.5rem auto 0; padding: 0 1rem; max-width: 1600px; } div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande { grid-column: 1/3; } div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { grid-column: 1/3; } div.information.IndeXysCommerceArticle.detail div#detailArticle div.presentation, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.imageAccessoire, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config, div.Echantillon div#detailPublication div.detailPublication div.grille div.imageAccessoire { grid-column: 1/3; } div.information.IndeXysCommerceArticle.detail div#detailArticle, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille, div.Echantillon div#detailPublication div.detailPublication div.grille { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; } div.information.IndeXysCommerceArticle.detail div.commande { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.ajouter { margin: .5rem auto; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; display: flex; justify-content: center; align-items: center; height: 40px; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 600; font-size: .9rem; cursor: pointer; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.ajouter:hover { background-color: var(--vertClair); } div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.offrir { margin: .5rem auto; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; display: flex; justify-content: center; align-items: center; height: 40px; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 600; font-size: .9rem; cursor: pointer; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif button.offrir:hover { background-color: var(--vertClair); } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter { text-align: center; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.prix { display: block; margin-bottom: .5rem; text-transform: Capitalize; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite { margin-left: 1ch; border: 1px solid var(--vert); background-color: var(--blanc); color: var(--vert); font-size: 1rem; display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 .5rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: textfield; max-width: 3rem; text-align: center; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite:focus-visible { outline: none; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input[type="number"]::-webkit-outer-spin-button, div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity select.quantite { border: 1px solid var(--vert); background-color: var(--blanc); color: var(--vert); font-size: 1rem; display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 .5rem; cursor: pointer; margin-left: 0.5rem; margin-right: 0.5rem; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.dec { margin-left: 1rem; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.quantity-button { flex-shrink: 0; font-size: 13px; display: inline-block; padding: 0; background-color: #ffffff; cursor: pointer; width: 25px; height: 25px; border: 2px solid #999999; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-size: 50% auto; box-shadow: 0px 0px 4px #999; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.alerte-expedition { text-align: center; } div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.montant-total { display: none; } div.information.IndeXysCommerceArticle.detail div.commande p.enSavoirPlus { text-align: center; margin: 0 0 1rem; } div.information.IndeXysCommerceArticle.detail div.commande p.enSavoirPlus a { display: inline-flex; color: var(--vert); border: 2px solid var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; } div.information.IndeXysCommerceArticle.detail div.image { position: sticky; top: 1rem; max-width: 400px; margin: 0 auto; } div.information.IndeXysCommerceArticle.detail div.image > a { display: flex; cursor: pointer; } div.information.IndeXysCommerceArticle.detail div.image a img { width: 100%; height: auto; } div.information.IndeXysCommerceArticle.detail div.image a span, div.information.IndeXysCommerceArticle.detail div.image span span { display: none; } div.information.IndeXysCommerceArticle.detail div.image h1 a { display: inline-block; text-decoration: inherit; font-size: .68rem; margin: 0 0 .25rem; width: 100%; text-align: center; color: var(--gris); } div.information.IndeXysCommerceArticle.detail div.texte { display: none; } div.information.IndeXysCommerceArticle.detail h1 { margin: .5rem 0 1.5rem; font-size: 1rem; font-weight: 900; text-align: center; } div.information.IndeXysCommerceArticle.liste { border: 2px solid var(--gris); position: relative; display: flex; flex-direction: column; cursor: pointer; background-color: var(--blancCasse); } div.information.IndeXysCommerceArticle.liste div.commande { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter { text-align: center; margin-top: 0; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter .montant-total, div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter .delai-expedition { display: none; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { margin: .5rem auto; padding: 0 .5rem; display: flex; justify-content: center; align-items: center; height: 40px; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 600; font-size: .7rem; cursor: pointer; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter::after { content: "al carrello"; margin-left: .5ch; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter:hover { background-color: var(--vertClair); } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.offrir { margin: .5rem auto; display: flex; justify-content: center; align-items: center; height: 40px; background-color: var(--vert); border: none; text-transform: uppercase; color: var(--blanc); font-family: 'Mulish'; font-weight: 600; font-size: .9rem; cursor: pointer; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.offrir:hover { background-color: var(--vertClair); } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix { display: block; margin-bottom: .5rem; text-transform: Capitalize; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix .gratis { text-transform: uppercase; color: var(--vert); font-weight: 600; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity input.quantite { margin-left: 1ch; border: 1px solid var(--vert); background-color: var(--blanc); color: var(--vert); font-size: 1rem; display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 .5rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: textfield; max-width: 3rem; text-align: center; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity input.quantite:focus-visible { outline: none; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity select.quantite { margin-left: 1ch; border: 1px solid var(--vert); background-color: var(--blanc); color: var(--vert); font-size: 1rem; display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 .5rem; cursor: default; appearance: none; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { text-align: center; margin: 0; } div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus { text-align: center; margin: 1rem 0; } div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a, div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus > span { display: inline-flex; color: var(--vert); border: 2px solid var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; cursor: pointer; } div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a:hover, div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus > span:hover { color: var(--blanc); background-color: var(--vert); } div.information.IndeXysCommerceArticle.liste div.image { position: relative; } div.information.IndeXysCommerceArticle.liste div.image > a, div.information.IndeXysCommerceArticle.liste div.image > span[class*="obf"] { display: flex; cursor: pointer; } div.information.IndeXysCommerceArticle.liste div.image h2 { margin: 0 !important; margin-top: .5rem !important; text-align: center; } div.information.IndeXysCommerceArticle.liste div.image h2 a, div.information.IndeXysCommerceArticle.liste div.texte h2 a, div.information.IndeXysCommerceArticle.liste div.image h2 span[class*="obf"], div.information.IndeXysCommerceArticle.liste div.texte h2 span[class*="obf"] { display: inline-block; text-decoration: inherit; font-size: .68rem; margin: 0 0 .25rem; width: 100%; text-align: center; color: var(--gris); cursor: pointer; } div.information.IndeXysCommerceArticle.liste div.image img { width: 100%; height: auto; } div.information.IndeXysCommerceArticle.liste div.texte { display: flex; flex-direction: column; } div.information.IndeXysCommerceArticle.liste div.texte h2 { order: 2; } div.information.IndeXysCommerceArticle.liste:hover { border: 3px solid var(--vert); scale: 1.02; } div.information.IndeXysCommerceRayon.detail { max-width: 1600px; margin: 0 auto; padding: 0 1rem; } div.information.IndeXysCommerceRayon.liste { border: 2px solid var(--grisBordure); position: relative; display: flex; flex-direction: column; } div.information.IndeXysCommerceRayon.liste div.image { position: relative; background-color: var(--vert); } div.information.IndeXysCommerceRayon.liste div.image > a { display: flex; cursor: pointer; } div.information.IndeXysCommerceRayon.liste div.image a img { width: 100%; height: auto; max-height: 200px; object-fit: cover; } div.information.IndeXysCommerceRayon.liste div.image h2 { font-size: .68rem; margin: 0 0 .25rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: var(--blanc); text-shadow: 0 0 3px var(--noir); font-weight: 900; } div.information.IndeXysCommerceRayon.liste div.image h2 a { color: var(--blanc); text-decoration: inherit; text-transform: uppercase; height: 100%; display: flex; justify-content: center; align-items: flex-end; } div.information.IndeXysCommerceRayon.liste div.image h2 a span.titre { font-size: 1rem; font-weight: 800; } div.information.IndeXysCommerceRayon.liste div.texte { flex-grow: 1; padding: 0 .5rem; } div.information.IndeXysCommerceRayon.liste div.texte p { margin: .5rem .25rem 0; font-size: .6rem; } div.information.IndeXysCommerceRayon.liste div.texte ul { margin: 0; padding: .5rem .25rem; list-style: none; font-size: .7rem } div.information.IndeXysCommerceRayon.liste p.enSavoirPlus { text-align: center; margin: 0 0 1rem; } div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a { display: inline-flex; color: var(--vert); border: 2px solid var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; transition: all 250ms ease 0s; } div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a:hover { color: var(--blanc); border: 2px solid var(--vert); background-color: var(--vert); } div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description div.content-before-add p span.label, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p span.label { font-weight: 800; } div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description div.content-before-add p span.rouge, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p span.value span.rouge { color: var(--vertClair); font-weight: 800; } div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.description div.content-before-add p span.value, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.delai-expedition p span.value { display: block; font-weight: 300; } div.information.Produit.liste { border: 2px solid var(--grisBordure); position: relative; display: flex; flex-direction: column; cursor: pointer; align-items: center; } div.information.Produit.liste div.coloris { display: none; /*padding: 0 .5rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-gap: .5rem;*/ } div.information.Produit.liste div.coloris div.produit p.image { margin: 0; padding: 0; } div.information.Produit.liste div.coloris div.produit p.image a img { width: 100%; height: 100%; object-fit: cover; } div.information.Produit.liste div.coloris div.produit p.title { margin: 0; padding: 0; font-size: .7rem; text-align: center; min-height: 42px; } div.information.Produit.liste div.compare { padding: 0 .25rem; } div.information.Produit.liste div.compare div.row-compare { color: var(--gris); display: flex; flex-direction: row-reverse; align-items: flex-end; margin-bottom: .5rem; } div.information.Produit.liste div.compare div.row-compare span.label-compare { font-size: .6rem; flex-grow: 1; font-weight: 700; display: inline-flex; } div.information.Produit.liste div.compare div.row-compare span.label-compare::after { content: ""; border-bottom: 1px solid var(--gris); flex-grow: 1; margin-bottom: .2rem; margin-left: .25rem; } div.information.Produit.liste div.compare div.row-compare span.value-compare { display: inline-flex; width: 25px; height: 5px; justify-content: space-between; margin-left: .5rem; flex-shrink: 0; margin-bottom: .2rem; } div.information.Produit.liste div.compare div.row-compare span.value-compare span { width: 7px; background-color: var(--grisMoinsClair); } div.information.Produit.liste div.compare div.row-compare span.value-compare span.on { background-color: var(--vert); } div.information.Produit.liste div.image { position: relative; width: 100%; } div.information.Produit.liste div.image > a { display: flex; cursor: pointer; } div.information.Produit.liste div.image a img { width: 100%; height: auto; } div.information.Produit.liste div.image div.avis-clients { text-shadow: 0 0 3px var(--noir); display: none; } div.information.Produit.liste div.image div.avis-clients .ekomi-widget-container .pull-left { display: flex; } div.information.Produit.liste div.image div.avis-clients .stars-widget .total_reviews { white-space: nowrap; } div.information.Produit.liste div.image div.avis-clients p { margin: 0; } div.information.Produit.liste div.image div.promotion { position: absolute; top: 0; right: 0; } div.information.Produit.liste div.image div.promotion { position: absolute; top: 0; right: 0; } div.information.Produit.liste div.image div.promotion div.code-promo p { display: flex; margin: 0; background-color: var(--vert); color: var(--blanc); padding: .5rem .25rem; justify-content: center; align-items: center; flex-direction: column; } div.information.Produit.liste div.image div.promotion div.code-promo p span { display: block; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-avec-le-code { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-code { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-date-fin-validite { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant { font-size: 1.25rem; font-weight: bold; line-height: 2rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant sup { font-size: 1.25rem; font-weight: normal; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant-mini { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-offerts { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-offerts sup { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { font-size: 1.25rem; font-weight: bold; line-height: 2rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-produit { display: none; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-remise { display: none; } div.information.Produit.liste div.image div.promotion div.texte-promo { display: none; } div.information.Produit.liste div.image h2 { font-size: .68rem; margin: 0 0 .25rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: var(--blanc); text-shadow: 0 0 3px var(--noir); font-weight: 900; } div.information.Produit.liste div.image h2 a span.titre, div.information.Produit.liste div.image h2 > span span.titre { font-size: 1rem; font-weight: 800; } div.information.Produit.liste div.image h2 a, div.information.Produit.liste div.image h2 > span { color: var(--blanc); text-decoration: inherit; text-transform: uppercase; height: 100%; display: flex; justify-content: center; align-items: flex-end; } div.information.Produit.liste div.image span > img.image-survol-mode-liste, div.information.Produit.liste div.image span > img { width: 100%; object-fit: cover; object-position: top; /*aspect-ratio: 1.5 / 1;*/ } div.information.Produit.liste div.image span.fabrication-francaise { display: none; } div.information.Produit.liste div.image span.garantie { display: none; } div.information.Produit.liste div.modeles { color: var(--vert); margin: .5rem 0; text-align: center; font-weight: 700; } div.information.Produit.liste div.tarif { display: flex; justify-content: center; align-items: flex-end; } div.information.Produit.liste div.tarif p.tarif { margin: 1rem .25rem; text-align: center; font-size: .9rem; } div.information.Produit.liste div.tarif p.tarif span.montant { display: flex; justify-content: center; align-items: flex-start; font-weight: 700; } div.information.Produit.liste div.tarif p.tarif span.montant span.ttc { font-size: .8rem; } div.information.Produit.liste div.tarif p.tarif span.montant span.ttc::after { content: 'usa'; } div.information.Produit.liste div.texte { padding: 0 .5rem; flex-grow: 1; } div.information.Produit.liste div.texte p { margin: .5rem .25rem 0; font-size: .6rem; } div.information.Produit.liste div.texte ul { margin: 0; padding: .5rem .75rem; padding-right: 0; /*list-style: inside;*/ font-size: .7rem } div.information.Produit.liste p.enSavoirPlus { text-align: center; margin: 0 0 1rem; } div.information.Produit.liste p.enSavoirPlus a, div.information.Produit.liste p.enSavoirPlus > span { display: inline-flex; color: var(--blanc); background-color: var(--vert); text-decoration: inherit; text-transform: uppercase; height: 30px; justify-content: center; align-items: center; font-size: .6rem; font-weight: 700; padding: 0 .5rem; transition: all 250ms ease 0s; width: 80px; background-image: url(../images/fleche-ajout-panier.svg); background-repeat: no-repeat; background-position: 3.3rem center; background-size: auto 30%; padding-right: 1.6rem; transition: .5s ease-in-out; } div.information.Produit.liste p.enSavoirPlus a:hover, div.information.Produit.liste p.enSavoirPlus > span:hover { background-color: var(--vert-clair); background-position: 3.5rem center; } div.information.Produit.liste:hover { border: 3px solid var(--vert); scale: 1.02; } div.information.Produit.referencement { max-width: 1600px; margin: 0 auto; } div.information.Produit.referencement div.referencement { padding: 0 1rem; } div.information.Produit.referencement div.referencement div.contenuReferencement .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 { position: absolute; bottom: -1rem; text-shadow: none; font-weight: 500; font-size: .7rem; transform: translateY(100%); top: initial; } div.information.Produit.referencement div.referencement div.contenuReferencement a, div.information.Produit.referencement div.referencement div.contenuReferencement span.obf { color: var(--vert-glossaire); text-decoration: inherit; } div.information.Produit.referencement div.referencement div.contenuReferencement a.glossary_term { cursor: help; } div.information.Produit.referencement div.referencement div.contenuReferencement iframe:not(#AV_widget_iframe) { /*width: 100%; min-height: 200px; object-fit: cover;*/ width: 100%; max-width: 760px; object-fit: cover; aspect-ratio: 560/315; height: initial; } div.information.Produit.referencement div.referencement div.contenuReferencement img { max-width: 100%; height: 100%; min-width: 50px; object-fit: cover; } div.information.Produit.referencement div.referencement div.contenuReferencement section { border-top: 1px solid var(--gris); padding: 2rem 0; } div.information.Produit.referencement div.referencement div.contenuReferencement section div.snp-mondrian-row { max-width: 1600px; margin: 0 auto; } div.information.Produit.referencement div.referencement div.contenuReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { cursor: pointer; } div.information.Produit.referencement div.referencement div.contenuReferencement section div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { content: ""; background-image: url(../images/f068.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; margin-right: .5rem; font-weight: 400; font-size: 1rem; } div.information.Produit.referencement div.referencement div.contenuReferencement section h2 { color: var(--gris); cursor: pointer; text-transform: uppercase; font-weight: 400; margin: 0; font-size: 1.25rem; } div.information.Produit.referencement div.referencement div.contenuReferencement section.avis div.snp-mondrian-column { width: 100%; } div.information.Produit.referencement div.referencement div.contenuReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 { color: var(--gris); } div.information.Produit.referencement div.referencement div.contenuReferencement section.closed div.snp-mondrian-row:first-of-type div.snp-mondrian-html-content h2 span.toggle::before { content: ""; background-image: url(../images/2b.svg); width: 1.5ch; background-repeat: no-repeat; aspect-ratio: 1/1; display: inline-block; filter: invert(33%) sepia(0%) saturate(204%) hue-rotate(144deg) brightness(90%) contrast(81%); margin-right: .5rem; font-weight: 400; font-size: 1rem; } div.information.Produit.referencement div.referencement div.contenuReferencement section.closed.videos { padding-bottom: 2rem; } div.information.Produit.referencement div.referencement div.contenuReferencement section.videos { padding-bottom: 6rem; } div.information.Produit.referencement div.referencement div.contenuReferencement section.videos div.snp-mondrian-column { width: 100%; } div.information.Produit.referencement div.referencement div.contenuReferencement table { width: 100%; } div.information.Produit.referencement div.referencement div.contenuReferencement table.tableau-coloris thead img { display: block; width: 100%; } div.parois-japonaises div.information.Produit.liste div.image span > img, div.parois-japonaises div.information.EnsembleCollection.liste div.image span > img { aspect-ratio: 376/236; } div.plaquette-echantillons-rideaux-fleurs div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-rideaux-fleurs div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { display: none; } div.plaquette-echantillons-rideaux-geometriques div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-rideaux-geometriques div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { display: none; } div.plaquette-echantillons-rideaux-montagne div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-rideaux-montagne div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { display: none; } div.plaquette-echantillons-stores-bannes-toiles-rayures-fantaisie div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-stores-bannes-toiles-rayures-fantaisie div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { display: none; } div.plaquette-echantillons-toiles-bannes-unies div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.plaquette-echantillons-toiles-bannes-unies div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { display: none; } div.rideaux-classiques div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.rideaux-classiques div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { display: none; } div.sr-mondrian-MaillageLandingPage { margin: 1.5rem 0; } div.sr-mondrian-MaillageLandingPage ul { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0 1rem; margin: 0; list-style: none; } div.sr-mondrian-MaillageLandingPage ul a br, div.sr-mondrian-MaillageLandingPage ul span.obf br, div.sr-mondrian-MaillageLandingPage ul a span, div.sr-mondrian-MaillageLandingPage ul span.obf span { display: none; } div.sr-mondrian-MaillageLandingPage ul a, div.sr-mondrian-MaillageLandingPage ul span.obf { color: var(--noir) !important; border: 1px solid var(--grisBordure); border-radius: .25rem; padding: .25rem .5rem; } div.sr-mondrian-MaillageLandingPage ul a:hover, div.sr-mondrian-MaillageLandingPage ul span.obf:hover { color: var(--blanc) !important; text-decoration: none !important; background-color: var(--vert); border: 1px solid var(--vert); } div.sr-mondrian-MaillageLandingPage ul li::marker { content: ""; } section.presentation div.snp-mondrian-html-content { overflow: hidden; line-height: 1.5em; max-height: 7.5em; text-align: justify; transition: all 0.3s ease; display: block !important; } section.presentation div.snp-mondrian-row { position: relative; } section.presentation span.out.closed { text-align: center; cursor: pointer; color: var(--vertClair); text-decoration: underline; position: absolute; left: 0; right: 0; bottom: -3px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); padding: 1rem 0; } section.presentation span.out.open { text-align: center; cursor: pointer; color: var(--vert); text-decoration: underline; position: absolute; left: 0; right: 0; bottom: -4px; } body.offrir-un-cheque-cadeau div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix, body.offrir-un-cheque-cadeau div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { display: none; } div.information.Produit.liste div.image > span:not(.garantie, .fabrication-francaise)::after, div.information.Produit.liste div.image > span:not(.garantie, .fabrication-francaise)::after { background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgba(255,255,255,0) 10%); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.information.Produit.liste div.image div.avis-clients { z-index: 1; } div.information.Produit.liste div.image a img { position: absolute; width: 250px; bottom: -18px; left: 50%; transform: translateX(-50%); z-index: 1; max-width: 100%; } div.information.Produit.liste div.image div.avis-clients > div.skeepers_product__stars { width: 100%; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.review_header { align-items: center; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars > div.skeepers_product__stars { position: absolute; max-width: 95%; width: 250px; bottom: -24px; left: 50%; transform: translateX(-50%); z-index: 1; text-shadow: none; font-weight: 700; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating { color: black; align-items: center; display: flex; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.review__header { align-items: center; display: flex; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating span { font-size: .5rem; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating span[data-lang*="SKEEPERS_AVIS"] { margin-left: 1ch; } div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.titre div.avis-clients .review__header { margin-bottom: 0; } div.information.Produit.liste div.image div.avis-clients .skeepers_product__stars span.stars__item { width: 10px; height: 10px; } div.information.Produit.detail div.MStoresEtRideauxConfigurateur div.commande div.configuration.Produit div.titre div.avis-clients .review__header div.stars__rating { display: flex; align-items: center; } div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste { font-size: .68rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: var(--blanc); text-shadow: 0 0 3px var(--noir); font-weight: 900; display: flex !important; justify-content: center; max-width: 1600px; margin: 1rem auto; padding: 0 1rem; } div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste a { color: var(--blanc); text-decoration: inherit; text-transform: uppercase; align-content: end; } .see-more-wrap { display: flex; align-items: center; flex-direction: column; max-width: 270px; margin: auto; margin-bottom: 2rem; } .see-more-wrap .see-more-progress-bar { width: 100%; height: .4rem; margin-bottom: 1.5rem; background-color: var(--gris-moins-clair); border-radius: .15rem; } .see-more-wrap .see-more-progress-bar .progress-value { display: block; height: .4rem; border-radius: .15rem; background-color: var(--gris444); } .see-more-wrap p { font-size: 1.3rem; font-weight: 600; } .see-more-wrap button { display: inline-flex; color: var(--noir); border: 1px solid var(--noir); text-decoration: inherit; height: 30px; justify-content: center; align-items: center; padding: 0 1rem; cursor: pointer; background-color: initial; font-size: 1.3rem; } .see-more-wrap button:hover { color: var(--blanc); border: 1px solid var(--vert); background-color: var(--vert); } div.information.Produit.liste.hideProductElement, .information.EnsembleCollection.liste.hideEnsembleCollectionElement { display: none; } #detailPublication .see-more-wrap { display: flex; align-items: center; flex-direction: column; max-width: 270px; margin: auto; margin-bottom: 2rem; } #detailPublication .see-more-wrap .see-more-progress-bar { width: 100%; height: .4rem; margin-bottom: 1.5rem; background-color: var(--gris-moins-clair); border-radius: .15rem; } #detailPublication .see-more-wrap .see-more-progress-bar .progress-value { display: block; height: .4rem; border-radius: .15rem; background-color: var(--gris444); } #detailPublication .see-more-wrap p { font-size: 1.3rem; font-weight: 600; } #detailPublication .see-more-wrap button { display: inline-flex; color: var(--noir); border: 1px solid var(--noir); text-decoration: inherit; height: 30px; justify-content: center; align-items: center; padding: 0 1rem; cursor: pointer; background-color: initial; font-size: 1.3rem; } #detailPublication .see-more-wrap button:hover { color: var(--blanc); border: 1px solid var(--vert); background-color: var(--vert); } #detailPublication div.information.Produit.liste.hideProductElement { display: none; }@media screen and (min-width: 375px) { div#contenuRubrique div.contenuPortlet div.contenuRubrique section.pointsForts div.snp-mondrian-html-content p span.nombreQuiSommesNous{ font-size: 2rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content.chiffresCles p{ line-height: 1.3rem; } } @media screen and (min-width: 480px) { div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { grid-template-columns: repeat(2, 1fr); } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { background-image: url(../images/fleche-ajout-panier.svg); background-repeat: no-repeat; transition: .5s ease-in-out; background-position: 9.1rem center; background-size: auto 21%; padding-right: 1.6rem; } } @media screen and (min-width: 576px) { div.information.Produit.liste div.image a img { bottom: -24px; } div.information.Produit.liste div.image div.avis-clients .skeepers_product__stars span.stars__item { width: 15px; height: 15px; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars div.stars__rating span { font-size: .7rem; } } /*--fin576px---*/ @media screen and (min-width: 640px) { div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { grid-template-columns: repeat(3, 1fr); } div.information.CategorieProduit.detail div.listeProduitDetail.secondaire { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 768px) { div.information.Produit.liste div.image div.avis-clients .skeepers_product__stars span.stars__item { width: 12px; height: 12px; } div.information.IndeXysCommerceArticle.detail div#detailArticle div.image { grid-column: 1/2; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.imageAccessoire, div.Echantillon div#detailPublication div.detailPublication div.grille div.imageAccessoire{ grid-column: 1/2; grid-row: 1/4; height: 100%; } div.information.IndeXysCommerceArticle.detail div#detailArticle div.commande, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config, div.Echantillon div#detailPublication div.detailPublication div.grille div.titreAvisDelaiExpedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config, div.Echantillon div#detailPublication div.detailPublication div.grille div.config{ grid-column: 2/3; } div.information.IndeXysCommerceArticle.detail h1 { font-size: 1.5rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { grid-template-columns: repeat(4, 1fr); } div.information.CategorieProduit.detail div.texte section.presentation { display: inherit; } div.information.Produit.liste div.image div.promotion div.code-promo p { padding: 1rem .25rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant{ font-size: 1.75rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { font-size: 1.75rem; } div.information.CategorieProduit.detail div.listeProduitDetail.secondaire { grid-template-columns: repeat(4, 1fr); } } /*--fin768px---*/ @media screen and (min-width: 992px) { div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { background-position: 9.2rem center; background-size: auto 26%; padding-right: 2.2rem; } div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter:hover { background-position: 9.4rem center; } div.information.Produit.liste div.image div.avis-clients { display: block; } div.information.Produit.liste div.image a img { bottom: -23px; } .sr-mondrian-MaillageProduit .swiper-button-prev, .swiper-rtl .swiper-button-next { left: -2rem; } .sr-mondrian-MaillageProduit .swiper-button-next, .swiper-rtl .swiper-button-prev { right: -2rem; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { width: initial; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content h1 { font-size: 3rem; } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content p span.surligne { font-size: 3rem; } div.information.Produit.liste div.coloris div.produit p.title { font-size: 1rem; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content { display: initial; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content { display: initial; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content { display: initial; } div.information.Produit.liste div.texte p { font-size: 1rem; } div.information.EnsembleCollection.liste div.texte p { font-size: 1rem; } div.information.Produit.liste div.texte ul { font-size: 1rem; } div.information.Produit.liste div.image div.avis-clients { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 30%); color: var(--blanc); width: 100%; } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content p, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content p, div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content h1, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content h1 { font-size: 1.25rem; line-height: 1.75rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p { font-size: 1.17rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p img { height: 4rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre { font-size: 3rem; } div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.pointsForts div.snp-mondrian-html-content.chiffresCles p{ line-height: 2rem; } div.information.Produit.liste p.enSavoirPlus a, div.information.Produit.liste p.enSavoirPlus > span { font-size: .8rem; width: 100px; background-position: 4.4rem center; } div.information.Produit.liste p.enSavoirPlus a:hover, div.information.Produit.liste p.enSavoirPlus > span:hover { background-color: var(--vert-clair); background-position: 4.6rem center; } div.information.Produit.liste div.tarif p.tarif span.apartirde { font-size: 1.25rem; } div.information.Produit.liste div.tarif p.tarif { font-size: 1.25rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre { font-size: 3rem; } div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { font-size: 1.5rem; } div.information.Produit.referencement div.referencement div.contenuReferencement section h2 { font-size: 1.5rem; } div.information.IndeXysCommerceRayon.liste div.texte p { font-size: 1rem; } div.information.IndeXysCommerceRayon.liste div.texte ul { font-size: 1rem; } div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a { font-size: .8rem; } div.information.IndeXysCommerceArticle.liste div.image h2 a, div.information.IndeXysCommerceArticle.liste div.texte h2 a, div.information.IndeXysCommerceArticle.liste div.image h2 span[class*="obf"], div.information.IndeXysCommerceArticle.liste div.texte h2 span[class*="obf"] { font-size: 1rem; } div.information.EnsembleCollection.referencement div.texteAffichageReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { font-size: 1.5rem; } div.information.Produit.referencement div.referencement div.contenuReferencement .sr-mondrian-MaillageProduit div.information.Produit.liste div.image h2 { font-size: 1rem; } div.information.Produit.liste div.image h2 { font-size: .8rem; } div.information.EnsembleCollection.liste div.image h2 { font-size: .8rem; } div.information.EnsembleCollection.liste p.enSavoirPlus a, div.information.EnsembleCollection.liste p.enSavoirPlus > span { font-size: .8rem; width: 100px; background-position: 4.4rem center; } div.information.EnsembleCollection.liste p.enSavoirPlus a:hover, div.information.EnsembleCollection.liste p.enSavoirPlus > span:hover { background-position: 4.6rem center; } div.information.EnsembleCollection.liste div.tarif p.tarif span.montant { font-size: 1.25rem; } div.information.EnsembleCollection.liste div.tarif::after { font-size: .8rem; width: calc(155px - calc(2* .5rem)); } div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste { font-size: .8rem; } } /*--fin992px---*/ @media screen and (min-width: 1200px) { div.information.EnsembleCollection.liste div.texte { font-size: .8rem; } div.information.Produit.liste div.image a img { bottom: -27px; } div.information.Produit.liste div.image div.avis-clients div.skeepers_product__stars > div.skeepers_product__stars { width: 250px; bottom: -26px; max-width: initial; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.actions{ max-width: 75%; margin: 0 auto 1rem; } div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif, div.IndeXysCommerceArticle div#detailPublication div.detailPublication div.grille div.config div.tarif div.delai-expedition, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.tarif, div.Echantillon div#detailPublication div.detailPublication div.grille div.config div.delai-expedition{ max-width: 80%; margin: 0 auto; } div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title a, div#zoneCentre div#listeSousPublication.IndeXysPortletPublication div.listeSousPublication div.sr-categorieProduit div.sr-categorieProduit-title span[class*='obf'] { grid-template-columns: 150px 1fr; } div.information.CategorieProduit.referencement div.texteReferencement { font-size: 1rem; } div.information.CategorieProduit.referencement div.texteReferencement span { font-size: 1rem !important; } div.information.Produit.liste div.image h2 { font-size: .9rem; bottom: 1.5rem; transform: none; } div.information.EnsembleCollection.liste div.image h2 { font-size: .9rem; bottom: 1.5rem; transform: none; } div.information.CategorieProduit.referencement div.texteReferencement section div.snp-mondrian-row div.snp-mondrian-html-content h2 { font-size: 1.5rem; } div.information.IndeXysCommerceRayon.liste div.image h2 { font-size: 1.5rem; bottom: 1.5rem; transform: none; } div.information.Produit.liste div.compare div.row-compare span.label-compare { font-size: .8rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-date-fin-validite { display: initial; font-size: .65rem; text-transform: uppercase; margin-top: .5rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-montant{ font-size: 2.5rem; } div.information.Produit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { font-size: 2.5rem; } div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste { font-size: .9rem; bottom: 1.5rem; transform: none; } } /*--fin1200px---*/ @media screen and (min-width: 1400px) { div#zoneCentre div.information.CategorieProduit.detail div.titre h1, div#zoneCentre div.information.CategorieProduit.detail div.titre h2 { transform: translate(8rem, 40%); font-size: 3rem; } div.information.CategorieProduit.detail div.titre { max-width: calc(1600px - 2rem); } div.information.CategorieProduit.detail div.texte section div.snp-mondrianelements-diaporama div.snp_diaporama div.swiper-slide span.diaporama_content { margin-left: 10% } div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content p, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content p, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content p, div.information.CategorieProduit.detail div.texte section.memento div.snp-mondrian-html-content h1, div.information.configuration-dimension-proposee.detail section.memento div.snp-mondrian-html-content h1, div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique section.mementoProduit div.snp-mondrian-html-content h1 { margin: 0 1rem; } div.information.CategorieProduit.detail div.texte section.presentation { max-width: 1600px; margin: 0 auto; } div.information.CategorieProduit.detail div.texte section.pointsForts { max-width: 1600px; margin: 0 auto; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content p { font-size: 1rem; } div.information.CategorieProduit.detail div.texte section.presentation div.snp-mondrian-html-content ul, div.information.configuration-dimension-proposee.detail section.presentation div.snp-mondrian-html-content ul { font-size: 1rem; } div.information.CategorieProduit.detail div.texte section.pointsForts div.snp-mondrian-html-content p span.nombre { font-size: 4rem; } div.information.Produit.liste div.texte { padding: 1rem 1.5rem 0; } div.information.Produit.liste div.compare { padding: 0 1.5rem; } div.information.Produit.liste div.tarif p.tarif span.apartirde { font-size: .8rem; font-weight: 700; } div.information.EnsembleCollection.liste div.texte { padding: 1rem 1.5rem 0; } div.information.EnsembleCollection.liste div.image h2 { font-size: 1rem; } div.information.EnsembleCollection.liste div.texte { padding: 1rem 1.5rem 0; } div.information.EnsembleCollection.liste div.compare { padding: 0 1.5rem; } div.information.EnsembleCollection.liste div.compare div.row-compare span.label-compare { font-size: 1rem; } div.information.EnsembleCollection.liste div.tarif p.tarif span.apartirde { font-size: .8rem; font-weight: 700; } div.information.IndeXysCommerceRayon.liste div.texte { padding: 1rem 1.5rem 0; } div.information.Produit.liste div.image h2 { font-size: 1rem; } div.information.EnsembleCollection.liste div.image p.titre-ensembleCollection-liste { font-size: 1rem; } } /*--fin1400px---*/ @media screen and (min-width: 1580px) { div.information.CategorieProduit.detail div.titre { margin: 1rem auto 3.5rem; } div.information.Produit.liste div.compare div.row-compare span.label-compare { font-size: 1rem; } }