:root { --bleuFD: #00adbb; --vertFD: #207577; --blanc: #ffffff; --noir: #000000; --gris: #98988B; --grisV2: #444444; --grisNav: #333333; --grisPlaceHolder: #999999; --grisTitre: #222222; --grisClair: #F3F3F4; --grisMoinsClair: #e6e6e6; --noirTransparent: rgba(0,0,0, .6); --grisFonce: #5e5f5f; --or: #a67e4d; --rouge: #db1309; --boxShadow : 0 0.2rem 0.4rem 0 rgba(50, 50, 51, 0.3); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { appearance: textfield; } strong { font-weight: 600; } body[class*="accessoires"] div#zoneCentre div#filtrePublication.IndeXysPortletRubriquePublication { display: none; } body[class*="accessoires"] div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 1/13; } body[class*="accessoires"] div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.contenuPortlet { padding-top: 1rem; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a span { display: none; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication { display: none; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { max-width: initial; margin: 0; grid-column: 1/5; grid-template-columns: repeat(1, 1fr); } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { margin: 0; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { margin: 0; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: 0; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage { margin-top: 0; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: 0; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { margin: 0; padding: 0 1rem; padding-top: 1rem; display: table; width: 100%; white-space: nowrap; font-size: 1.75rem; text-transform: uppercase; position: relative; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { margin: 0; padding: 0 1rem; padding-top: 1rem; display: table; width: 100%; white-space: nowrap; font-size: 1.75rem; text-transform: uppercase; position: relative; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--bleuFD); font-size: .75rem; margin-left: 0; margin-right: .75rem; position: absolute; top: 1.8rem; border-top: none; display: inherit; width: initial; right: inherit; left: 0; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--bleuFD); font-size: .75rem; margin-left: 0; margin-right: .75rem; position: absolute; top: 1.8rem; border-top: none; display: inherit; width: initial; right: inherit; left: 0; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { margin: 0; padding: 1rem; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { margin: 0; padding: 1rem; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p { margin:0; display: block; width: 100%; padding-top: 360px; position: relative; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p { margin:0; display: block; width: 100%; padding-top: 360px; position: relative; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p img { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p img { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p::after { content: ""; display: block; width: 105px; height: 88px; background-image: url("../images/france.svg"); background-size: 100%; border: 1px solid #666666; position: absolute; top: 0; right: 0; } body[class*="eclairage-pour-l-39-interieur"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p::after { content: ""; display: block; width: 105px; height: 88px; background-image: url("../images/france.svg"); background-size: 100%; border: 1px solid #666666; position: absolute; top: 0; right: 0; } body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { grid-column: 1/5; grid-row: 1/2; text-align: center; } body[class*="accessoires"] div.IndeXysCommerceArticle.liste div.tarif p span.amount > span.complement { display: initial; } body[class*="accessoires"] div.IndeXysCommerceArticle.liste div.tarif p span.amount > span.devise { display: none; } body[class*="accessoires"] div.IndeXysCommerceArticle.liste div.tarif p span.amount > span.ttc { display: none; } body[class*="accessoires"] div.IndeXysCommerceArticle.liste div.tarif p span.amount > span.unitPrice { display: none; } div.IndeXysCommerceArticle div.referencementPublication { margin-left: 1rem; margin-right: 1rem; } div.IndeXysCommerceArticle div.referencementPublication a.document-conseils { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div.IndeXysCommerceArticle div.referencementPublication a.document-conseils span { display: none; } div.IndeXysCommerceArticle div.referencementPublication h2 { display: table; width: 100%; white-space: nowrap; text-align: center; color: var(--bleuFD); text-transform: uppercase; padding-right: 0.7rem; } div.IndeXysCommerceArticle div.referencementPublication h2::after { border-bottom: 1px solid #666666; content: ''; display: table-cell; position: relative; top: -0.3em; width: 100%; left: .75rem; } div.IndeXysCommerceArticle div.referencementPublication h2::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--bleuFD); font-size: 0.75rem; background-color: var(--blanc); margin-right: 0.75rem; position: relative; top: -0.25rem; } div.IndeXysCommerceArticle.detail { /*margin-left: 1rem; margin-right: 1rem;*/ } div.IndeXysCommerceArticle.detail div.contenu p { margin: 0; padding: 0; margin-left: 1rem; margin-bottom: .5rem; line-height: 1.5rem; } div.IndeXysCommerceArticle.detail div.fiche { display: grid; grid-template-columns: 1fr; column-gap: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche { /*grid-column: 1/2; grid-row: 1/7;*/ display: flex; flex-direction: column; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div#header-configurateur-gauche { flex-grow: 1; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie { display: grid; grid-template-columns: 1fr; column-gap: 1rem; position: relative; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div#survol { /*grid-column: 2/3; grid-row: 1/2;*/ border: 1px solid #666666; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div#survol a { display: block; width: 100%; padding-top: 100%; position: relative; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div#survol a img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div.vignettes { /*grid-column: 1/2; grid-row: 1/2;*/ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; margin-top: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div.vignettes a { display: block; width: calc(100% - 2px); padding-top: calc(100% - 2px); position: relative; border: 1px solid #666666; cursor: pointer; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div.vignettes a img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div.vignettes a:first-child { margin-top: 0; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez { display: grid; grid-template-columns: repeat(2, 50%); background-color: #ECEDED; margin-top: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif { grid-column: 1/3; justify-self: center; width: 100%; text-align: center; text-transform: uppercase; display: flex; flex-direction: column; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public { margin: 0 1rem; padding: .5rem 0 3rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: .5rem; align-items: flex-end; background-color: var(--blanc); border-top: 1px solid var(--bleuFD); position: relative; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ht { text-align: right; padding-right: .5rem; align-self: flex-start; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt { font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.devise { margin-right: .5rem; font-size: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.ht { font-family: inherit; font-size: 1rem; align-self: flex-end; padding-bottom: .1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.value { font-size: 1.5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc { text-align: left; border-left: 1px solid var(--bleuFD); padding-left: .5rem; font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes { font-size: .75rem; text-transform: uppercase; background-color: var(--blanc); padding: .5rem; width: 100%; position: absolute; bottom: 0; left: 0; display: flex/*!important*/; justify-content: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.devise { margin-right: .125rem; font-size: .5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.ttc { font-family: inherit; font-size: .5rem; align-self: flex-end; padding-bottom: .05rem; margin-right: .25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.value { margin: 0 .25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc { font-size: 1.5rem; display: flex; text-align: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.devise { margin-right: .5rem; font-size: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.ttc { font-family: inherit; font-size: 1rem; align-self: flex-end; padding-bottom: .1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.value { font-size: 1.5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public span.title { grid-column: 1/3; text-transform: lowercase; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public span.title:first-letter { text-transform: uppercase; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix { margin: 1rem; margin-bottom: 0; padding: 1rem; display: grid; grid-template-columns: 1fr 100px; align-items: flex-end; background-color: var(--blanc); } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.title { grid-column: 1/3; color: var(--bleuFD); } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votrePrixHt { color: var(--bleuFD); font-size: 1rem; padding-right: .5rem; padding-left: 0; display: flex; justify-content: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votrePrixHt span.devise { margin-right: .5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votrePrixHt span.ht { align-self: flex-end; padding-bottom: .25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votrePrixHt span.value { font-size: 2.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votreRemise { text-align: left; text-transform: lowercase; padding: .25rem .5rem; color: var(--blanc); background-color: var(--vertFD); } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votreRemise span.value { font-weight: bold; font-size: 1.25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p { text-align: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter button { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.prix { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.quantity { margin: 2rem; margin-bottom: 1rem; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.quantity .quantite { font-size: 5rem; color: var(--vertFD); background: var(--blanc); border: 0; display: inline-block; text-align: center; width: 160px; grid-column: 2/3; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.quantity label.champObligatoire { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.quantity span.dec.quantity-button { display: inline-block; padding: 0; background-color: var(--blanc); cursor: pointer; width: 50px; height: 50px; border: 2px solid #999999; border-radius: 100%; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; box-shadow: 0px 0px 4px #999; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.quantity span.inc.quantity-button { display: inline-block; padding: 0; background-color: var(--blanc); cursor: pointer; width: 50px; height: 50px; border: 2px solid #999999; border-radius: 100%; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; box-shadow: 0px 0px 4px #999; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif form p.ajouter span.quantity span.quantity-button span { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif p.alerte-expedition { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif ul { list-style: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif ul li .prix { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif ul li:first-of-type { display: none; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.title { background-color: var(--grisFonce); color: var(--blanc); font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; grid-column: 1/3; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire { background-color: #ECEDED; margin-top: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.ajouter { text-align: center; margin-top: 1.5rem; margin-bottom: 1.5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.ajouter button { background-color: var(--vertFD); color: var(--blanc); border: none; padding: 0.5rem 3rem; text-transform: uppercase; font-size: 2rem; cursor: pointer; -webconvertisseur-box-shadow: #666 0px 2px 8px; -moz-box-shadow: #666 0px 2px 8px; box-shadow: #666 0px 2px 8px; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.ajouter button::before { content: ""; background-image: url("../images/panier_blanc.svg"); display: inline-block; width: 58px; height: 31px; margin-right: 1rem; position: relative; top: 3px; background-size: auto 100%; background-repeat: no-repeat; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.ajouter button:active { scale: .95; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.ajouter button:hover { background-color: var(--bleuFD); } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.argumentaire p { margin: 0; padding: 1rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.argumentaire p img { margin: 5px; width: 100%; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix { display: flex; flex-direction: column; align-items: center; margin-top: .5rem; text-transform: uppercase; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.ecotaxes { font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.ecotaxes span.devise { margin-right: .125rem; font-size: .5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.ecotaxes span.ttc { font-family: inherit; font-size: .75rem; align-self: flex-end; padding-bottom: .05rem; margin-right: .125rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.ecotaxes span.value { margin-left: .25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.prixPublicTtc { font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.prixPublicTtc span.devise { margin-right: .5rem; font-size: 1.5rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.prix span.prixPublicTtc span.ttc { font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .35rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.title { background-color: var(--grisFonce); color: var(--blanc); font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; grid-column: 1/3; } div.IndeXysCommerceArticle.detail div.fiche div.presentation-delai-expedition { margin-left: .5rem; } div.IndeXysCommerceArticle.detail div.fiche div.presentation-resume { /*grid-column: 2/3;*/ margin-top: 0.75rem; margin-left: .5rem; } div.IndeXysCommerceArticle.detail div.fiche div.titre { /*grid-column: 2/3;*/ } div.IndeXysCommerceArticle.detail div.fiche div.titre h1 { text-transform: uppercase; margin: 0; margin-left: .5rem; padding: 0; color: var(--vertFD); display: inline-flex; position: relative; width: 100%; } div.IndeXysCommerceArticle.detail div.fiche div.titre h1 > span { background-color: var(--blanc); flex-shrink: 1; padding-right: 1rem; } div.IndeXysCommerceArticle.detail div.fiche div.titre h1 span.turquoise { color: var(--vertFD); } div.IndeXysCommerceArticle.detail div.fiche div.titre h1::after { border-top: 1px solid #666; content: ''; display: block; position: absolute; bottom: 8px; width: 90%; right: .75rem; z-index: -1000000; } div.IndeXysCommerceArticle.detail div.presentation-resume.contenu p { margin-left: 0; } div.IndeXysCommerceArticle.liste div.tarif button { display: none; } div.IndeXysCommerceArticle.liste div.tarif p { text-align: center; padding: .5rem; margin: 0; font-size: 1.9rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; background-color: var(--vertFD); color: var(--blanc); } div.IndeXysCommerceArticle.liste div.tarif p span.amount > span.complement { display: none; } div.IndeXysCommerceArticle.liste div.tarif p span.complement span.soit { display: none; } div.IndeXysCommerceArticle.liste div.tarif p span.prix span.amount { display: flex; justify-content: center; } div.IndeXysCommerceArticle.liste div.tarif p span.prix span.amount del { display: none; } div.IndeXysCommerceArticle.liste div.tarif p span.prix span.devise { /*margin-right: .5rem;*/ font-size: 1.5rem; } div.IndeXysCommerceArticle.liste div.tarif p span.prix span.ht { text-transform: uppercase; font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .1rem; } div.IndeXysCommerceArticle.liste div.tarif p span.prix span.ttc { text-transform: uppercase; font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .1rem; } div.IndeXysCommerceArticle.liste div.tarif p span.quantity { display: none; } div.IndeXysCommerceArticle.liste div.tarif p span.taux-remise { order: 1; text-align: left; text-transform: lowercase; padding: .25rem .5rem; color: var(--blanc); background-color: var(--vertFD); font-size: 1rem; width: 100px; margin-left: .5rem; } div.IndeXysCommerceArticle.liste div.tarif p span.taux-remise::after { content: " de remise"; } div.IndeXysCommerceArticle.liste div.tarif p span.taux-remise::before { content: "dont "; } div.IndeXysCommerceArticle.liste div.tarif p span.unit { display: none; } div.IndeXysCommerceArticle.liste div.tarif p.alerte-expedition { display: none; } div.IndeXysCommerceArticle.liste div.tarif ul { display: none; } div.IndeXysCommerceArticle.referencement { padding: 1rem 0; } @media screen and (min-width: 576px) { body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 992px) { body[class*="accessoires"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(4, 1fr); } div.IndeXysCommerceArticle.detail div.fiche { grid-template-columns: 575px 1fr; } div.IndeXysCommerceArticle.detail div.fiche div.titre { grid-column: 2/3; } div.IndeXysCommerceArticle.detail div.fiche div.presentation-resume { grid-column: 2/3; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche { grid-column: 1/2; grid-row: 1/7; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie { grid-template-columns: 102px 457px; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div.vignettes { grid-column: 1/2; grid-row: 1/2; grid-template-columns: initial; grid-template-rows: repeat(4, 1fr); margin-top: 0; } div.IndeXysCommerceArticle.detail div.fiche div.configurateur-gauche div.galerie div#survol { grid-column: 2/3; grid-row: 1/2; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votrePrixHt span.value { font-size: 3rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.votre-prix span.votrePrixHt { padding-left: 100px; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.value { font-size: 2.25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.value { font-size: 2.25rem; } div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif div.affichage-tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes { font-size: 1rem; } }body[class*="blog"] div#headerDroite { /*background-color: var(--grisV2); */ } body[class*="blog"] div#headerDroite div#zoneDroite { padding: 1rem; } body[class*="blog"] div#headerDroite div#zoneDroite div#blog_derniers_articles.IndeXysPortletTribuneRubriquePublication { background-color: #fff; padding: 1rem; } body[class*="blog"] div#headerDroite div#zoneDroite div#blog_derniers_articles.IndeXysPortletTribuneRubriquePublication.blog div.titreRubrique h3 { color: #207577; text-transform: uppercase; padding-bottom: .25rem; margin-bottom: 1rem; border-bottom: 1px solid #207577; } body[class*="blog"] div#headerDroite div#zoneDroite div#blog_derniers_articles.IndeXysPortletTribuneRubriquePublication.blog div.titreRubrique h3 a { color: #207577; text-decoration: none; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.contenuPortlet { margin: 1rem 0; padding: .5rem; border: 1px solid var(--vertFD); background-color: var(--vertFD); } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste { width: 100%; height: 100%; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul { list-style-type: none; margin: 0 auto; padding: 0; display: flex; justify-content: space-around; align-items: center; width: 100%; height: 100%; max-width: 500px; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li a { text-decoration: none; font-size: 2rem; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in { display: none; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li.facebook a span.out::before { content: "\f39e"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li.instagram a span.out::before { content: "\f16d"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li.linkedin a span.out::before { content: "\f08c"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li.pinterest a span.out::before { content: "\f231"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li.twitter a span.out::before { content: "\f099"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.liste ul li.youtube a span.out::before { content: "\f167"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.titrePortlet { padding-bottom: .25rem; margin-bottom: 1rem; border-bottom: 1px solid #fff; } body[class*="blog"] div#headerDroite div#zoneDroite div#reseaux_sociaux.IndeXysPortletNavigationRubrique div.titrePortlet h3 { color: #fff; text-transform: uppercase; } body[class*="blog"] div#headerDroite div#zoneDroite div#topQuatre.IndeXysPortletTribuneUrlExterne { border: 1px solid var(--grisV2); padding: 1rem; } body[class*="blog"] div#headerDroite div#zoneDroite div#topQuatre.IndeXysPortletTribuneUrlExterne div.titrePortlet h3 { color: var(--grisV2); text-transform: uppercase; padding-bottom: .25rem; margin-bottom: 1rem; border-bottom: 1px solid var(--grisV2); } body[class*="blog"] div#headerDroite div#zoneDroite div.IndeXysPortletNewsletter div.abonnement form p { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; } body[class*="blog"] div#headerDroite div#zoneDroite div.IndeXysPortletNewsletter div.abonnement form p button { border: 1px solid var(--blanc); background-color: var(--vertFD); text-transform: uppercase; color: var(--blanc); padding: .5rem 2rem; cursor: pointer; } body[class*="blog"] div#headerDroite div#zoneDroite div.IndeXysPortletNewsletter div.abonnement form p button:hover { border: 1px solid var(--blanc); background-color: var(--blanc); text-transform: uppercase; color: var(--vertFD); padding: .5rem 2rem; } body[class*="blog"] div#headerDroite div#zoneDroite div.IndeXysPortletNewsletter div.abonnement form p input { width: 100%; font-size: 1rem; padding: .25rem; margin-bottom: .5rem; } body[class*="blog"] div#headerDroite div#zoneDroite div.IndeXysPortletNewsletter div.abonnement h4 { color: #fff; text-transform: uppercase; padding-bottom: .25rem; margin-bottom: 1rem; border-bottom: 1px solid #fff; font-size: 1.25rem; } body[class*="blog"] div#headerDroite div#zoneDroite div.IndeXysPortletNewsletter div.contenuPortlet { margin: 1rem 0; padding: .5rem; border: 1px solid var(--vertFD); background-color: var(--vertFD); } body[class*="blog"] div#zoneCentre div.IndeXysPortletFilAriane { display: none; } body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { padding-top: 1rem; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; position: initial; } body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p { margin: 1rem 0; text-align: center; color: #00adbb; } body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p a { color: #666666; text-decoration: none; } body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.multiPages p a:hover { text-decoration: underline } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication { position: initial; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee { padding-top: 1rem; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages { display: block; margin: 0 auto; padding: 1rem; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p { margin: 0; text-align: center; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p a { color: #00adbb; text-decoration: none; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p a:hover { text-decoration: underline; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPagesEtendue p { margin: 1rem 0; text-align: center; color: #00adbb; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPagesEtendue p a { color: #666666; text-decoration: none; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPagesEtendue p a:hover { text-decoration: underline } body[class*="blog"] div#zoneGauche { display: flex; flex-wrap: wrap; align-items: center; background-color: var(--grisClair); /*position: relative;*/ } body[class*="blog"] div#zoneGauche div#accueilBlog.IndeXysPortletNavigationRubrique { margin: .5rem 1rem; flex-basis: 90px; } body[class*="blog"] div#zoneGauche div#accueilBlog.IndeXysPortletNavigationRubrique div.liste ul.liste { margin: 0; padding: 0; list-style: none; } body[class*="blog"] div#zoneGauche div#accueilBlog.IndeXysPortletNavigationRubrique div.liste ul.liste li a { color: var(--grisNav); text-decoration: none; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 1.5rem; } body[class*="blog"] div#zoneGauche div#accueilBlog.IndeXysPortletNavigationRubrique div.liste ul.liste li a:hover { text-decoration: underline; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic a.buttonMenuDeroulantSurClic { color: #fff; text-decoration: none; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic a.buttonMenuDeroulantSurClic span.out { display: block; width: 45px; height: 35px; background-image: url("../images/menuBlog.svg"); background-position: center; background-repeat: no-repeat; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic a.buttonMenuDeroulantSurClic span.out span.in { display: none; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic a.buttonMenuDeroulantSurClic:hover { text-decoration: underline; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic { position: absolute; top: 100%; left: 0; background-color: #00adbb; padding: 1rem; width: 100%; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul { margin: 0; padding: 0; list-style: none; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a { color: #fff; text-decoration: none; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a:hover { text-decoration: underline; } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication { display: none; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche { background-color: #E0E0E0; width: 100%; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.contenuPortlet { margin: .5rem 1rem; padding: 0; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale form p { margin: 0; padding: 0; display: flex; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale form p button { display: block; padding-right: .5rem; width: 3rem; border-radius: 0; border: none; background-color: #fff; background-image: url("../images/picto_recherche.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale form p button span { display: none; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche div.rechercheGenerale form p input { padding: .25rem .5rem; border: none; font-size: 1rem; flex-grow: 1; } body[class*="blog"] div#zoneHaut div#rechercheMobile.IndeXysPortletRecherche { display: none; } div.information.IndeXysActualite.detail div.image a img { width: 100%; } div.information.IndeXysActualite.detail div.texte p { margin: 1rem 0; padding: 0; line-height: 1.5rem; } div.information.IndeXysActualite.detail div.texte p a { color: var(--vertFD); text-decoration: none; } div.information.IndeXysActualite.detail div.texte p a.rubrique-pdf { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.75rem; height: 1.75rem; } div.information.IndeXysActualite.detail div.texte p a.rubrique-pdf span { display: none; } div.information.IndeXysActualite.detail div.texte p a.rubrique-voir { margin: 0; padding: 0; background-image: url("../images/picto_oeil.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.75rem; height: 1.75rem; transform: translateY(.5rem); } div.information.IndeXysActualite.detail div.texte p a.rubrique-voir span { display: none; } div.information.IndeXysActualite.detail div.texte p a:hover { text-decoration: underline; } div.information.IndeXysActualite.detail div.texte p img { /*width: 100%;*/ } div.information.IndeXysActualite.detail div.texte p strong a { color: var(--vertFD); } div.information.IndeXysActualite.detail div.texte table { /*border: 1px solid #666666;*/ border-collapse: collapse; width: calc(100% - 2rem); font-size: .8rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.information.IndeXysActualite.detail div.texte table tr td { border: 1px solid #666666; padding: 1rem; } div.information.IndeXysActualite.detail div.texte table tr:nth-child(even) { background-color: var(--grisClair); } div.information.IndeXysActualite.detail div.texte ul { margin: 0; /*margin-left: 1rem;*/ padding: 0; padding-left: 1rem; /*padding-left: 2rem;*/ } div.information.IndeXysActualite.detail div.texte ul li { margin-top:.25rem !important; } div.information.IndeXysActualite.detail div.texte ul li a { color: var(--vertFD); text-decoration: none; } div.information.IndeXysActualite.detail div.texte ul li a:hover { text-decoration: underline; } div.information.IndeXysActualite.liste { background-color: #f3f2f3; display: flex; flex-direction: column; } div.information.IndeXysActualite.liste div.image a img { width: 100%; } div.information.IndeXysActualite.liste div.infos { padding: 0 1rem 1rem; display: flex; align-items: center; justify-content: flex-start; font-size: .8rem; } div.information.IndeXysActualite.liste div.infos div.listeCategorie a { color: var(--grisNav); text-decoration: none; } div.information.IndeXysActualite.liste div.infos div.listeCategorie a:hover { text-decoration: underline; } div.information.IndeXysActualite.liste div.texte { padding: 0 1rem; flex-grow: 1; } div.information.IndeXysActualite.liste div.texte h2 { border-left: 2px solid var(--grisNav); padding-left: .5rem; } div.information.IndeXysActualite.liste div.texte h2 a { color: var(--grisNav); text-decoration: none; } div.information.IndeXysActualite.liste div.texte h2 a:hover { text-decoration: underline; } div.information.IndeXysActualite.liste div.texte p { margin: 1rem 0; } div.information.IndeXysActualite.liste div.texte p a { color: #00adbb; text-decoration: none; } div.information.IndeXysActualite.liste div.texte p a:hover { text-decoration: underline; } div.information.IndeXysActualite.tribune { display: flex; } div.information.IndeXysActualite.tribune + div.information.IndeXysActualite.tribune { margin-top: 1rem; } div.information.IndeXysActualite.tribune div.image a img { min-width: 100px; } div.information.IndeXysActualite.tribune div.texte { padding-left: .5rem; } div.information.IndeXysActualite.tribune div.texte h4 a { color: var(--grisV2); text-decoration: none; } div.information.IndeXysActualite.tribune div.texte h4 a:hover { text-decoration: underline; } div.information.IndeXysActualite.tribune div.texte p { margin: 0; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } div.information.IndeXysActualite.tribune div.texte p a { color: #00adbb; text-decoration: none; } div.information.IndeXysActualite.tribune div.texte p a:hover { text-decoration: underline; } @media screen and (min-width: 450px) { } @media screen and (min-width: 576px) { body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type { grid-column: 1/3; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee { grid-template-columns: repeat(2, 1fr); } body[class*="blog"] div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { } @media screen and (min-width: 992px) { body[class*="blog"] div#conteneur { } body[class*="blog"] div#zoneHaut { grid-column: 1/13; } body[class*="blog"] div.headerGauche { background-color: var(--grisClair); } body[class*="blog"] div#zoneGauche { max-width: 1400px; margin: 0 auto; flex-wrap: nowrap; } body[class*="blog"] div#zoneGauche div#rechercheBlog.IndeXysPortletRecherche { background-color: initial; width: initial; } body[class*="blog"] div#zoneCentre { grid-column: 1/9; width: 100%; } body[class*="blog"] div#headerDroite { grid-column: 9/13; margin-right: 1rem; } body[class*="blog"] div#headerDroite div#zoneDroite{ position: sticky; top: 0; } body[class*="blog"] div#zoneBas { } body[class*="blog"] div.container { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; } body[class*="blog"] div#zoneGauche div#blogMobileMenu.IndeXysPortletNavigationPublication { display: none; } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication { display: block; flex-grow: 1; } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste { margin: 0; padding: 0; list-style: none; display: flex; } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li { margin: .25rem 0; padding: 0 1rem; } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li + li { border-left: 1px solid var(--grisNav); } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li a { color: var(--grisNav); text-decoration: none; } body[class*="blog"] div#zoneGauche div#blog_categories.IndeXysPortletNavigationPublication div.liste ul.liste li a:hover { text-decoration: underline; } body[class*="blog"] div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 1320px) { }@media screen and (min-width: 992px) { body[class*="blog"] div.container { position: relative; } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type { padding: 0; margin-top: 2rem; position: absolute; width: calc(100% - 3rem); grid-column: initial; top: 0; display: grid; grid-template-columns: repeat(2, 1fr); } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type div.image { grid-column: 2/3; grid-row: 1/3; } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type div.image a { display: flex; } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type div.image a img { max-height: 350px; width: 100%; object-fit: cover; object-position: center; } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type div.infos { grid-column: 1/2; grid-row: 2/3; align-items: flex-end; } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type div.infos p { margin: 0; } body[class*="blog"] div.information.IndeXysActualite.liste:first-of-type div.texte { grid-column: 1/2; grid-row: 1/2; margin-top: 1rem; } }body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique { border: 1px solid #eceded; padding: 1rem; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset { margin: 0; padding: 0; border: none; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset legend { display: none; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p { display: flex; flex-wrap: wrap; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p input[type="text"] { width: 100%; padding: .5rem .75rem; font-size: 1rem; margin: .25rem 0 .5rem; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p label { width: 100%; font-weight: 700; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p label.champObligatoire::after { content:" *"; color: red; font-weight: 300; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p span { width: 100%; color: #bbb; font-size: .9rem; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p.newsletter { flex-direction: row-reverse; align-content: flex-start; justify-content: flex-end } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p.newsletter label { width: 90%; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique fieldset p:last-of-type { display: none; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication div.contenuRubrique p button { display: inline-block; background-color: #00adbb; color: #fff; padding: .5rem 1rem; border: none; font-size: 1rem; cursor: pointer; } body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient div.order-tracking { display: none; } body.suivre-ma-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.create, body.suivre-ma-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.login, body.suivre-ma-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.recover { display: none; } body.suivre-ma-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { padding-top: 4rem; } body.suivre-ma-commande div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.order-tracking { display: flex; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.order-tracking p.navigation { text-align: left; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.invoice table tbody tr.ligneImpaire td { background-color: var(--grisClair); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking { display: flex; padding: 1rem; margin-left: auto; margin-right: auto; background-color: var(--blanc); height: 100%; flex-direction: column; box-shadow: var(--boxShadow); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.contenuRegister fieldset { padding:1rem; padding-top:3rem; margin-top:1rem; margin-left:auto; margin-right:auto; background-color:var(--blanc); border:0; position:relative; box-shadow:var(--boxShadow) } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.contenuRegister fieldset legend { display:block; font-size:1.1rem; font-weight:600; text-transform:uppercase; position:absolute; top:1rem; left:1rem } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.creation-compte p.navigation { margin-bottom: 0; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register input.ui_button { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register input[type="text"], div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register input[type="tel"] { background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris); width: calc(100% - 80px); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register label { display: block; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p { max-width: 768px; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p.accepte-emailing { display: flex; align-items: baseline; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p.navigation { max-width: initial; display: flex; justify-content: center; align-items: center; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register p.sauvegarde { display: flex; align-items: baseline; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register select { border: 1px solid var(--gris); background-color: var(--blanc); font-size: 1rem; padding: .5rem 1rem; color: var(--gris); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register select:focus-visible { outline: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking div.register span.separator { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking h4 { text-transform: uppercase; order: 0; font-weight: 600; margin: 0; margin: 0; font-weight: 400; font-size: 1.1rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.email input { margin: 0; padding: 0.5rem; padding-left: 1rem; border: 1px solid #7f7f7f; padding-right: 1rem; color: var(--grisV2); width: calc(100% - 80px); font-size: 1rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.email input:focus-visible { outline: 2px solid var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.email label { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.mdp input { background-color: var(--creme); margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 0; color: var(--gris); width: calc(100% - 80px); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.mdp input:focus-visible { outline: 2px solid var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigate a:hover { background-color: var(--vertFD); color: var(--blanc); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation { display: flex; justify-content: center; align-items: center; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation a { display: inline-flex; color: var(--vertFD); border: 3px solid var(--vertFD); text-decoration: inherit; text-transform: uppercase; height: 40px; justify-content: center; align-items: center; width: 260px; font-size: .9rem; font-weight: 700; transition: all 200ms ease 0s; margin-left: .5ch; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation button { background-color: var(--vertFD); color: var(--blanc); margin: 0; border: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; cursor: pointer; font-size: .8rem; height: 40px; min-width: 240px; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation button:hover { background-color: var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation input[type="button"] { background-color: var(--vertFD); color: var(--blanc); margin: 0; border: 3px solid var(--vertFD); padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; cursor: pointer; font-size: 1rem; display: inline-block; height: 40px; width: 240px; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation input[type="button"]:hover { background-color: var(--vertFD); border-color: var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.navigation.back { margin-bottom: 0; display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.numeroDeCommande input { margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; border: 1px solid #7f7f7f; color: var(--grisV2); width: calc(100% - 80px); font-size: 1rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.numeroDeCommande input:focus-visible { outline: 2px solid var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking p.numeroDeCommande label { display: block; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking { margin: 0 auto; width: 100%; max-width: initial; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.display { display: inline-block; width: 2rem; height: 1.25rem; background-image: url(../images/picto_oeil.svg); background-repeat: no-repeat; background-size: 100% auto; transform: translateY(30%); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.display span.out span.in { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.print { display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/imprimer.svg); background-repeat: no-repeat; background-size: 100% auto; transform: translateY(30%); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking a.print span.out span.in { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.finaliser-compte-contenu { text-align: center; margin-top: 1rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.finaliser-compte-contenu a { display: inline-flex; color: var(--blanc); text-decoration: inherit; text-transform: uppercase; height: 40px; justify-content: center; align-items: center; width: 240px; font-size: .9rem; font-weight: 700; transition: all 200ms ease 0s; background-color: var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.finaliser-compte-contenu a:hover { background-color: var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking div.invoice p.no-invoice { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande div.order-tracking h1 { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.suivi-commande ol.steps { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tbody tr td { background-color: var(--grisClair); color:var(--grisV2); border: 1px solid var(--grisV2); font-size: 1rem; text-align: center; padding: .5rem 1rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient table tr th { background-color: var(--blanc); color:var(--gris); border: 1px solid var(--gris); font-size: 1rem; text-align: center; padding: .5rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.order-tracking { display: none; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.clientDePassage fieldset p.notification { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.adresseLivraison { box-shadow: var(--boxShadow); margin: 1rem; margin-right: 0; margin-bottom: 0; padding-bottom: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.instructionsLivraison { padding: 1rem; padding-top: 2rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: #fff; border: 0; position: relative; box-shadow: var(--boxShadowCollerHaut); margin: 1rem; margin-top: 0; margin-right: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.instructionsLivraison legend { top: 0rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande .clientDePassage fieldset.personneLivraison { padding: 1rem; padding-top: 3rem; margin-top: 1rem; margin-left: auto; margin-right: auto; background-color: #fff; border: 0; position: relative; box-shadow: var(--boxShadow); margin: 1rem; margin-right: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation { margin: 0; padding: 1rem; padding-bottom: 1rem; background-color: #fff; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.form-input { display: flex; padding: 1rem 0; position: relative; flex-wrap: wrap; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap { width: 100%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation > span { display: flex; padding-bottom: 1rem; position: relative; flex-wrap: wrap; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap { width: 100%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap + span { margin-top: .5rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.form-input { display: flex; padding-bottom: 1rem; position: relative; flex-wrap: wrap; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap { width: 100%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison.clientDePassage { margin: 0; box-shadow: initial; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison.clientDePassage div.adresseLivraison { padding-bottom: 0; background-color: initial; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison.clientDePassage h3.natureLivraison { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing { display: flex; align-items: flex-start; flex-wrap: nowrap; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing label { display: initial; font-size: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.notification label { display: initial; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset.adresseFacturation p.accepteEmailing { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande .continuerSansCreerDeCompte { display: none; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select .commanderSansCompte { /*display: none;*/ text-decoration: inherit; margin-left: 1rem; color: var(--vertFD); border: 1px solid var(--vertFD); padding: .46rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; cursor: pointer; align-items: center; background-color: var(--blanc); font-size: 1rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select .commanderSansCompteGris { color: var(--grisV2); background-color: var(--grisMoinsClair); pointer-events: none; cursor: default; border: 1px solid var(--grisV2); } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider { font-family: var(--font); } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider:not(.commanderSansCompte) { background-color: var(--vertFD); color: #ffffff; margin: 0; border: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; text-decoration: none; font-size: 0; cursor: pointer; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider:not(.commanderSansCompte)::after { content: "Créer un compte"; font-size: 1rem; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.create p.navigation.select button.valider:not(.commanderSansCompte):hover { background-color: var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div.adresseLivraison.clientDePassage p.choixAdresseLivraison { display: none; } div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::after, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing label::after { content: "J’accepte de recevoir cette newsletter et je comprends que je peux me désabonner facilement à tout moment."; font-size: 12px; font-weight: initial; display: block; } div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::before, div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.accepteEmailing label::before { content: "Suivi de commande, bons plans et conseils décos/tendances : ne ratez rien ! 🔵⚪🔴"; font-size: 14px; } @media screen and (min-width: 768px) { div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#loginCommande div.register fieldset p span.form-input>span span.indeXys-nowrap { width: 20%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande fieldset p.civilite > span span.indeXys-nowrap { width: 20%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap { width: 30%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseLivraison div.adresseLivraison fieldset.adresseLivraison p.nature span.indeXys-nowrap + span { margin-top: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap { width: 25%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation p.choixAdresseFacturation span.indeXys-nowrap + span { margin-top: 0; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap { width: 20%; } div#zoneCentre div.IndeXysCommercePortletTunnelCommande div#coordonneesCommande div.saisieAdresseFacturation div.adresseFacturation fieldset.adresseFacturation p.nature span.indeXys-nowrap + span { margin-top: 0; } } @media screen and (min-width: 992px) { div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.recover { width: 100%; order: 1; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.order-tracking { /*width: calc(50% - .5rem); margin-left: .5rem;*/ } } @media screen and (min-width: 1280px) { div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.coordinates { /*margin-top: -5rem;*/ } div#zoneCentre div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li.signout { /*transform: translateY(calc(-108% - .25rem)); right: -3rem;*/ } }div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient a { color: var(--vertFD); text-decoration: none; } div.IndeXysCommercePortletCompteClient div.changePassword form p input[type="password"] { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.changePassword form p label { display: inline-block; width: 100%; } div.IndeXysCommercePortletCompteClient div.changePassword form p.indice-mot-de-passe a.aide-en-ligne { color: #00adbb; } div.IndeXysCommercePortletCompteClient div.changePassword form p.navigation.select a.annuler { display: inline-block; margin-right: 1rem; margin-bottom: 1rem; padding: .25rem .5rem; border: 1px solid #00ADBB; color: #00ADBB; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.changePassword form p.navigation.select a.annuler:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.changePassword form p.navigation.select button.valider { background-color: #00ADBB; border-style: solid; border-color: #00ADBB; color: #FFF; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.contenuPortlet { max-width: 1320px; margin: 1rem auto; padding: 0 1rem; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset { margin: 0; margin-top: 3rem; margin-left: 1.75rem; padding: 0; border: none; position: relative; border-top: 1px solid var(--grisV2); } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset legend { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset legend:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p { margin: 1rem 0; padding: 0; display: flex; flex-direction: column; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p input[type="text"] { width: 260px; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p label { display: inline-block; width: 200px; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p label.champObligatoire { color: var(--grisV2); } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p label.champObligatoire::after { content: " *"; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p select { width: 260px; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p span.separator { display: none; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.accepte-emailing { display: flex; flex-direction: row; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.accepte-emailing input { margin: 0; padding: 0; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.accepte-emailing label { width: 90%; margin-left: .25rem; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.civilite input.ui_button.cancel_button { display: none; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription input { border: none; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription label.champObligatoire { width: 100% } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription label.champObligatoire::after { display: none; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription label.champObligatoire::after { content: "Vous pouvez renseigner ici votre secteur en utilisant le menu déroulant ou en tapant (texte ou numéro) le(s) département(s) couvert(s)."; color: #666; display: block; font-size: .9rem; font-style: italic; width: 100%; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription span.form-input > input { display: none; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription span.ingencysTagSelector label { display: none; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.commentaire-inscription span.ingencysTagSelector label + .css-11tfndm { margin-top: 0; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset p.nature-compte span.left { display: inline-block; width: 200px; } div.IndeXysCommercePortletCompteClient div.coordinates div.IndeXysGestionCommercialeClient fieldset.adresseClient p select { position: relative; left: -4px; } div.IndeXysCommercePortletCompteClient div.identification { display: flex; flex-wrap: wrap; } div.IndeXysCommercePortletCompteClient div.identification div.create { flex: 0 1 calc(50% - .5rem); margin-left: .5rem; border: 1px solid #ECEDED; padding: 1rem; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication { display: grid; grid-template-columns: 1fr 15%; column-gap: .5rem; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication div.content { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p { margin: 0; margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p input[type="email"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p input[type="password"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p input[type="text"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p.explication { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p.identifiant { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p.motDePasse { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p.sauvegarde { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.identification div.create form div.contenuAuthentication p.select { grid-column: 2/3; grid-row: 4/5; } div.IndeXysCommercePortletCompteClient div.identification div.create form h4 { grid-column: 1/3; text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: var(--vertFD); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletCompteClient div.identification div.create form h4 span { margin-left: 1.5rem; display: inline-block; min-height: 60px; } div.IndeXysCommercePortletCompteClient div.identification div.create form h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletCompteClient div.identification div.login { flex: 0 1 calc(50% - .5rem); margin-right: .5rem; border: 1px solid #ECEDED; padding: 1rem; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication { display: grid; grid-template-columns: 1fr 15%; column-gap: .5rem; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication div.content { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p { margin: 0; margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p input[type="email"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p input[type="password"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p input[type="text"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p.explication { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p.identifiant { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p.motDePasse { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p.sauvegarde { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.identification div.login form div.authentication div.contenuAuthentication p.select { grid-column: 2/3; grid-row: 4/5; } div.IndeXysCommercePortletCompteClient div.identification div.login form h4 { grid-column: 1/3; text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: var(--vertFD); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletCompteClient div.identification div.login form h4 span { margin-left: 1.5rem; display: inline-block; min-height: 60px; } div.IndeXysCommercePortletCompteClient div.identification div.login form h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletCompteClient div.identification div.nouveauClient h4 { grid-column: 1/3; text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: #00ADBB; } div.IndeXysCommercePortletCompteClient div.identification div.nouveauClient h4 span { margin-left: 1.5rem; display: inline-block; } div.IndeXysCommercePortletCompteClient div.identification div.nouveauClient h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletCompteClient div.identification div.nouveauClient p.lien a { display: inline-block; padding: 1rem; border: 1px solid #00ADBB; color: #00ADBB; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.identification div.nouveauClient p.lien a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.identification div.recover { flex: 0 1 100%; order: 1 } div.IndeXysCommercePortletCompteClient div.identification div.recover p.navigation.back a.willRecoverPassword { color: var(--vertFD); text-decoration: none; } div.IndeXysCommercePortletCompteClient div.identification div.recover p.navigation.back a.willRecoverPassword:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.identification ol.steps { display: none; } div.IndeXysCommercePortletCompteClient div.identification p.navigation.select button.valider { background-color: var(--vertFD); border-style: solid; border-color: var(--vertFD); color: #FFF; font-size: 1rem; padding: .25rem .5rem; cursor: pointer; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates { padding-left: 2rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates h3 { margin: 0; display: table; width: 100%; white-space: nowrap; text-align: center; color: var(--grisV2); text-transform: uppercase; padding-right: 0.7rem; text-align: left; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates h3::after { border-top: 1px solid var(--grisV2); content: ''; display: table-cell; position: relative; top: 0.9em; width: 100%; left: .75rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates h3::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: 0.75rem; background-color: #FFFFFF; margin-right: 0.75rem; position: relative; top: -0.25rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates span.intervention { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates ul { margin: 1rem 0; padding: 0; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates ul p { margin: 0; margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.coordinates ul p span.libelle { margin-right: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in { background-color: #f4f3f4; padding: 1rem; display: grid; grid-template-columns: 250px 1fr; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.image { grid-column: 1/2; text-align: center; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.image img { max-width: 250px; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien { grid-column: 1/3; text-align: center; margin: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 380px)); grid-gap: 1rem; max-width: 780px; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien a { background-color: #00adbb; /*margin-bottom: 1rem;*/ padding: .75rem 1.5rem; color: #fff; text-decoration: none; display: inline-block; text-transform: uppercase; height: 100%; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien a + a { /*margin-left: 1rem;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien a.obtenir-aide { background-image: url("../images/ee-aide.png"); } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien a.voir-dossier-technique-etude { background-image: url("../images/ee-detail.png"); } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation { grid-column: 1/3; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul { margin: 2rem 0; padding: 0; list-style: none; display: flex; border-top: 2px #666 dashed; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li { font-size: .7rem; text-align: center; flex-basis: calc(100% / 6); padding: .25rem; transform: translateY(-20%); /*word-break: break-word;*/ text-transform: uppercase; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li.off { color: #666; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li.on { color: #207577; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li.on::before { background-color: #207577; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li.over { color: #00adbb; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li.over::before { background-color: #00adbb; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li::before { content:""; display: block; background-color: #666; width: 1.5rem; height: 1.5rem; border-radius: 50%; margin: 0 auto; margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte { grid-column: 2/3; padding: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.etat { color: #207577; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.etude span.titre-etude { font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.offre { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.offre span.titre-offre { font-weight: 700; margin-right: .5rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.statut { font-weight: 700; grid-column: 2/3; grid-row: 1/2; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.statut span.etape { color: #207577; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.statut span.titre-etape { color: #207577; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.lien-retour { margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.lien-retour a { color: #666; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.lien-retour a::before { content: "\f104\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.25rem; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.lien-retour a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 1rem; row-gap: 3rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande { background-color: #f4f3f4; display: flex; flex-direction: column; align-items: center; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.image img { transform: translateY(-15%); margin: 0 .75rem; width: calc(100% - 1.5rem); } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.lien { margin: 1rem 0; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.lien a { background-color: #fff; border: 1px solid #666; padding: .75rem 1.5rem; color: #666; text-decoration: none; display: inline-block; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.lien a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte { display: flex; flex-direction: column; text-align: center; width: 100%; align-items: center; padding: 0 1rem; flex-grow: 1; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.etat { color: #207577; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.etude { margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.etude span.date { display: block; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.etude span.titre-etude { font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.offre span.titre { display: block; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.offre span.titre-offre { font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.statut { font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.statut span.etape { color: #207577; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage div.commande div.texte span.titre { margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.liste-commande-etude-eclairage h3 { grid-column: 1/4; text-align: center; font-size: 1.25rem; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn h3 { text-align: center; margin-bottom: 1rem; font-weight: 700; font-size: 1.25rem; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps { margin: 0; padding: 0; list-style: none; flex-shrink: 0; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li { } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li + li { margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li a { display: flex; justify-content: space-between; color: #666; text-decoration: none; border-left: 2px solid #666; padding: .5rem 0; padding-left: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li a span.out { margin-right: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li a span.out span.in { } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li a.on { color: var(--vertFD); border-color: var(--vertFD); } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li a::after { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.25rem; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li.signout { background-color: #f4f3f4; /*margin-top: 2rem;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li.signout a { border: none; margin: 0 1rem; display: inline-block; } div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps li.signout a::after { content: "\f2f5"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1rem; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn p.navigation.back { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn table { width: 100%; font-size: .8rem; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td { text-align: center; padding: 1rem 0; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.display { margin: 0; padding: 0; padding-top: 1rem; background-image: url("../images/picto_oeil.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; color: var(--vertFD); text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.display span { /*display: none;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.display:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.load { margin: 0; padding: 0; box-shadow: none; display: inline-block; /*width: 1.75rem;*/ max-width: initial; color: var(--vertFD); text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.load span.out span.in { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.load span.out::before { content: "Finaliser mon devis"; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td a.load:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td span.heure { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td span.label { display: block; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td.montantTtc::after { content: " €" } div.IndeXysCommercePortletCompteClient div.loggedIn table thead tr th { text-align: center; padding: .75rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-commande-etude-eclairage-out.appartement div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 div.titre-etape::after { content: "(plusieurs choix possibles)"; display: block; padding-left: 1rem } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-commande-etude-eclairage-out.maison div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 div.titre-etape::after { content: "(plusieurs choix possibles)"; display: block; padding-left: 1rem } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-commande-etude-eclairage-out.pieceSeule div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 div.titre-etape::after { content: "(1 seul choix possible)"; display: block; padding-left: 1rem } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.choix-piece-unique { margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.enregistrer { /*display: flex; justify-content: center;*/ margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 200px)); grid-gap: 1rem; max-width: 400px; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.enregistrer > span:first-of-type { /*margin-right: 2rem;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.enregistrer button { border: none; background-color: #00adbb; padding: .75rem 1.5rem; font-size: 1rem; text-transform: uppercase; color: #fff; cursor: pointer; width: 100%; height: 100%; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.enregistrer span.nextStep { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece { display: flex; align-items: center; margin: 1rem; margin-top: 0; /*display: grid;*/ /*grid-template-columns: 96px minmax(0, 350px) 32px;*/ grid-gap: 1rem; /*align-items: center;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece a.effacer { width: 2rem; height: 2rem; background-image: url("../images/poubelle.png"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece a.effacer span { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece span.image { display: block; /*margin: 1rem;*/ padding: .5rem; border: 1px solid #666; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece span.image img { width: 80px;/*100px*/ } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece span.titre { /*margin-right: 1rem;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-1 form div.commande div.liste-piece div.piece span.titre input { font-size: 1rem; padding: .5rem 1rem; border: 1px solid #666; width: 100%; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.liste-piece { /*padding: 0 2rem;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece { display: flex; flex-wrap: wrap; align-items: center; padding: 1rem 0; margin-bottom: 1rem; border-bottom: 1px solid #666; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece > span.titre { width: 100%; font-size: 1.15rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece > span.titre::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; background-color: #FFFFFF; position: relative; top: -0.1rem; margin-right: .5rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece a.modifier-piece { display: inline-block; padding: .75rem 1.5rem; color: #fff; background-color: #00adbb; text-transform: uppercase; text-decoration: none; margin-top: calc(18px + .75rem + 1px); } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece a.modifier-piece:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement { flex-basis: calc(100% - 500px); flex-grow: 1; padding: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement span.jauge { /*display: block;*/ } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement span.jauge { display: inline-block; border: 1px solid #666; background-color: #eceded; width: 100%; margin-top: .75rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement span.jauge span.jauge-0 { background-color: initial !important; width: 100% !important; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement span.jauge span.jauge-out { display: inline-block; background-color: #00adbb; text-align: center; color: #fff; padding: .25rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement span.titre { font-style: italic; font-size: .9rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.image { border: 1px solid #666; margin: 1rem 0; padding: .5rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.image img { width: 100px; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece:last-of-type { border: none; margin-bottom: 2rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.titre-etage h2 { display: inline-block; margin: 0; padding: 0; padding-left: 1rem; border-left: 1px solid #207577; color: #207577; font-weight: 300; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.titre-etage h2 span { display: block; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.formulaire div#surveyResult { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece { padding: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece a.selectionner { display: flex; flex-direction: column; align-items: center; color: inherit; text-decoration: none; font-weight: 700; width: 100%; height: 100%; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece a.selectionner:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.image { flex-grow: 1; border: 1px solid transparent; border-bottom: 1px solid #666; width: 100%; padding: 1rem; padding-bottom: 0; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.quantite { background-color: #eceded; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; margin: .75rem auto; margin-top: 0; width: 50%; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.quantite a.augmenter { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; box-shadow: 0px 0px 4px #999; text-decoration: none; color: #666666; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.quantite a.augmenter span { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.quantite a.diminuer { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; box-shadow: 0px 0px 4px #999; text-decoration: none; color: #666666; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.quantite a.diminuer span { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.titre { text-align: center; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece div.titre span { display: inline-block; margin: 1rem; margin-bottom: 0; min-height: 40px; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece.on div.image { border: 3px solid #00adbb; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece div.piece.on div.titre { color: #00adbb; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.titre-etape { margin-bottom: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.titre-etape h2 { display: inline-block; margin: 0; padding: 0; padding-left: 1rem; border-left: 1px solid #207577; color: #207577; font-weight: 300; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.titre-etape h2 span { display: block; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape form div.commande div.liste-piece div.piece span.etage select { font-size: 1rem; padding: .5rem 1rem; border: 1px solid #666; background-color: #fff; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape h3 { text-align: left; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape h3::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: 0.75rem; background-color: #FFFFFF; margin-right: 0.75rem; position: relative; top: -0.25rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul { margin: 2rem 0; padding: 0; list-style: none; display: flex; border-top: 2px #666 dashed; counter-reset: item; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li { font-size: .8rem; text-align: center; flex-basis: calc(100% / 5); padding: .25rem; transform: translateY(-20%); counter-increment: item; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li a { color: inherit; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li a::before { content: counter(item); display: block; background-color: #666; width: 2rem; height: 2rem; border-radius: 50%; margin: 0 auto; margin-bottom: 1rem; font-size: 1rem; color: #fff; line-height: 2rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li.off { color: #666; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li.on { color: #207577; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li.on::before { background-color: #207577; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li.over { color: #00adbb; font-weight: 700; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li.over::before { background-color: #00adbb; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-out a { color: #00adbb; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-out a span.retour::before { content: "\f104\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.25rem; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-out a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-out h3.title { color: #00adbb; font-weight: 400; } div.IndeXysCommercePortletCompteClient div.loggedIn.coordinates div.coordinates p.navigation.select a { display: inline-block; margin-right: 1rem; margin-bottom: 1rem; padding: .75rem 1.5rem; border: 1px solid var(--vertFD); color: var(--vertFD); text-decoration: none; } div.IndeXysCommercePortletCompteClient div.loggedIn.coordinates div.coordinates p.navigation.select a:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn.coordinates div.coordinates p.navigation.select input.valider { display: inline-block; margin-right: 1rem; padding: .75rem 1.5rem; border: 1px solid var(--vertFD); color: var(--blanc); background-color: var(--vertFD); font-family: 'Montserrat'; font-size: 1rem; cursor: pointer; } div.IndeXysCommercePortletCompteClient div.loggedIn.coordinates div.coordinates p.navigation.select input.valider:hover { text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.loggedIn.withSteps { display: grid; grid-template-columns: 300px 1fr; grid-gap: 1rem; } div.IndeXysCommercePortletCompteClient div.sidentifier { margin-right: .5rem; border: 1px solid #ECEDED; padding: 1rem; } div.IndeXysCommercePortletCompteClient div.sidentifier button { background-color: #00ADBB; border-style: solid; border-color: #00ADBB; color: #FFF; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.sidentifier h4 { text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: #00ADBB; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletCompteClient div.sidentifier h4 span { margin-left: 1.5rem; display: inline-block; min-height: 60px; } div.IndeXysCommercePortletCompteClient div.sidentifier h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletCompteClient div.sidentifier p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.sidentifier p input[type="password"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.sidentifier p input[type="text"] { width: calc(100% - 80px); } div.IndeXysCommercePortletCompteClient div.sidentifier p.identifiant { width: 100%; } div.IndeXysCommercePortletCompteClient div.sidentifier p.motDePasse { width: 100%; display: flex; justify-content: space-between; } @media screen and (min-width: 576px) { div.IndeXysCommercePortletCompteClient div.sidentifier p.identifiant { width: calc(100% - 15%); } div.IndeXysCommercePortletCompteClient div.sidentifier p.motDePasse { width: calc(100% - 15%); } } @media screen and (min-width: 768px) { div.IndeXysCommercePortletCompteClient div.sidentifier p.identifiant { width: 100%; } div.IndeXysCommercePortletCompteClient div.sidentifier p.motDePasse { width: 100%; } } @media screen and (min-width: 992px) { div.IndeXysCommercePortletCompteClient div.loggedIn ol.steps { margin-right: 1rem; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.loggedIn { display: flex; padding-top: 2rem; } div.IndeXysCommercePortletCompteClient div.sidentifier p.identifiant { width: calc(100% - 15%); } div.IndeXysCommercePortletCompteClient div.sidentifier p.motDePasse { width: calc(100% - 15%); } } @media screen and (max-width: 1320px) { div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.liste-commande-etude-eclairage { grid-template-columns: repeat(2, 1fr); } div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.liste-commande-etude-eclairage h3 { grid-column: 1/3; } } @media screen and (max-width: 992px) { div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn { grid-template-columns: 1fr !important; } div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.coordinates { padding-left: 0; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td { text-align: left; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td > span { display: block; } div.IndeXysCommercePortletCompteClient div.loggedIn table tbody tr td span.title { font-weight: 700; margin-right: .5rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece { grid-template-columns: repeat(4, 1fr); } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.etape-2 div.commande div.piece span.avancement { flex-basis: initial; } div.IndeXysCommercePortletCompteClient div.identification div.login { flex: 0 1 100%; margin: 0; margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.identification div.create { flex: 0 1 100%; margin: 0; margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.identification div.login form.register div.authentication div.contenuAuthentication { grid-template-columns: 1fr 25%; } div.IndeXysCommercePortletCompteClient div.identification div.create form.register div.contenuAuthentication { grid-template-columns: 1fr 25%; } } @media screen and (max-width: 768px) { div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in { grid-template-columns: repeat(1, 1fr); } div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte { grid-column: 1/2; grid-template-columns: repeat(1, 1fr); } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.texte span.statut { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul { flex-direction: column; margin-left: 1rem; border-top: none; border-left: 2px #666 dashed; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li { text-align: left; margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.situation ul li::before { display: inline-block; margin: 0; text-align: center; transform: translate(-65%, 30%); } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul { flex-direction: column; margin-left: 1rem; border-top: none; border-left: 2px #666 dashed; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li { text-align: left; margin-top: 1rem; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.navigation-etape ul li a::before { display: inline-block; margin: 0; text-align: center; transform: translateX(-65%); } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece { grid-template-columns: repeat(3, 1fr); } div.IndeXysCommercePortletCompteClient div.loggedIn div.detail-commande-etude-eclairage-out div.detail-etude-eclairage-in div.lien { grid-template-columns: repeat(1, minmax(0, 380px)); } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.enregistrer { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media screen and (max-width: 576px) { div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.liste-commande-etude-eclairage { grid-template-columns: repeat(1, 1fr); } div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn div.liste-commande-etude-eclairage h3 { grid-column: 1/2; } div.IndeXysCommercePortletCompteClient div.loggedIn.FDEclairageEtudeEclairage div.detail-dossier-technique-etude-eclairage-in div.liste-etape div.liste-choix-piece { grid-template-columns: repeat(2, 1fr); } } .sv-body__page, .sv-body__footer { margin-top: 0!important; } .sv-btn.sv-action-bar-item, .sv-btn { border-radius: initial !important; text-transform: uppercase; } .sv-file__clean-btn { display: none; } .sv-footer { display: flex; flex-direction: row-reverse; justify-content: center; margin-top: 2rem !important; flex-wrap: wrap; } .sv-footer input { width: 100%; text-align: center; } .sv-footer input + input { margin-bottom: 1rem; } .sv-footer__complete-btn { float: initial; } .sv-question--disabled .sv-question__header { color: rgb(64, 64, 64) !important; } .sv-question__content_image { margin-left: 1rem; } .sv-question__num { display: none } .sv-root-modern .sv-checkbox--checked .sv-checkbox__svg { background-color: #00adbb!important; } .sv-root-modern .sv-file__choose-btn:not(.sv-file__choose-btn--disabled) { background-color: #207577 !important; } .sv-root-modern .sv-footer__complete-btn { background-color: #00adbb !important; } .sv-root-modern .sv-question__title--answer { background-color: #00adbb !important; color: #fff; } .sv-row__question img { display: none; } .sv_qstn .sv-q-col-1, .sv-question .sv-q-col-1 { display: block !important; } div.IndeXysCommercePortletCompteClient div.loggedIn div#sq_118 table tbody tr td.sv-table__cell { text-align: initial; padding-left: .5rem; } div.IndeXysCommercePortletCompteClient div.loggedIn div#sq_118 table.sv-table { background-color: #fff; } div.IndeXysCommercePortletCompteClient div.loggedIn div.etape-2 div.piece div#sp_100 div#sp_101 div#sp_101_content div#sq_102 input#sq_102i.sv-text { width: 100px !important; } div.IndeXysCommercePortletCompteClient div.loggedIn div.formulaire.elements-techniques div#sp_100 div#sp_101 div#sp_101_content div#sq_104 input#sq_104i { display: none; } div.IndeXysCommercePortletCompteClient div.loggedIn table.sv-table { font-size: initial; } div.etape-2 .sv-text { width: initial!important; } div.formulaire.chambre div#sq_118 .sv-selectbase__item--inline { display: block !important; } div.informations-generales input#sq_101i.sv-text { width: initial!important; } div.sv-question__content_with_image { display: flex; align-items: center; } div.sv-question__content_with_image span.sv-question__content_image img { max-height: 100px; display: initial; } h5.sv-title.sv-question__title--answer::before { color: #FFF; } h5.sv-title::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; background-color: #FFFFFF; position: relative; top: -0.1rem; } input[type="text"].sv-text { box-sizing: border-box; width: 100%; height: 2.19em; padding: .25em 0 .25em .87em; border: none; border-radius: 0; border-bottom: .07em solid #d4d4d4; box-shadow: none; background-color: transparent; font-family: inherit; font-size: 1em; } @media only screen and (min-width: 1000px) { .sv-body__page, .sv-body__footer { margin-right:0!important; margin-left:0!important; } } @media only screen and (min-width: 576px) { .sv-footer { flex-wrap: initial; } .sv-footer input { width: initial; } .sv-footer input + input { margin-bottom: 0; margin-left: 2rem; } }div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.indiceDeRenduDesCouleurs span.titre { font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.indiceDeRenduDesCouleurs span.titre::before { content: 'Indice de rendu des couleurs'; font-size: .7rem; } div#fd-aide-html { position: fixed; top: 0; left: 0; width: 560px; background-color: #ffffff; box-shadow: #515151 1px 1px 3px;z-index: 1000000000; max-width: initial; } div#fd-aide-html div.content { overflow: auto; height: 100vh/*calc(100vh - 130px)*/; max-height: initial !important; } div#fd-aide-html div.content a { color: #00ADBB; text-decoration: none; } div#fd-aide-html div.content a:hover { text-decoration: underline; } div#fd-aide-html div.content h2 { display: table; width: 100%; white-space: nowrap; text-align: center; color: #00ADBB; text-transform: uppercase; } div#fd-aide-html div.content h2::after { border-top: 1px solid #666666; content: ''; display: table-cell; position: relative; top: 0.9em; width: 100%; left: 10px; } div#fd-aide-html div.content h2::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: 0.75rem; background-color: #FFFFFF; margin-right: 0.75rem; position: relative; top: -0.25rem; } div#fd-aide-html div.content h3 { margin: 0; padding: 0; text-transform: uppercase; color: #666666; margin-top: 1rem; margin-bottom: 1.25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-left: 1rem; } div#fd-aide-html div.content p { margin: .5rem 1rem; padding: 0; line-height: 1.5rem; } div#fd-aide-html div.content p a.document-conseils { margin:0; padding:0; background-image:url(../images/picto_pdf.svg); background-size:100% auto; background-repeat:no-repeat; background-position:center; display:inline-block; width:1.75rem; height:1.75rem } div#fd-aide-html div.content p a.document-conseils span { display: none; } div#fd-aide-html div.content p img { max-width: 100%; } div#fd-aide-html div.content p:last-of-type { margin-bottom: 1.25rem; } div#fd-aide-html div.content table { border: 1px solid #666666; border-collapse: collapse; margin: 1rem; width: calc(100% - 2rem); } div#fd-aide-html div.content table tr td { border: 1px solid #666666; padding: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#fd-aide-html div.content table tr:nth-child(odd) { background-color: var(--grisClair); } div#fd-aide-html div.content ul { margin: 0; margin-left: 1rem; padding: 0; padding-left: 2rem; } div#fd-aide-html div.content ul li { margin-top: 0.25rem; } div#fd-aide-html div.header { position: relative; /*background-image: url("../images/logoDesktopV2.svg"); background-size: 90% auto; background-repeat: no-repeat;*/ display: block; /*height: 130px;*/ background-position: center; } div#fd-aide-html div.header a.close { position: absolute; right: -60px; top: 0; display: flex; width: 60px; height: 60px; cursor: pointer; background-color: #00adbb; align-items: center; justify-content: center; } div#fd-aide-html div.header a.close span { display: none; } div#fd-aide-html div.header a.close::before { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 2rem; } div#fd-aide-html div.header::before { } div.EOFDProduit div#zoneCentre div[id*="filtrePublication"], div.EOFDProduit div#zoneCentre div#listePublicationLiee, div.EOFDProduit div#zoneCentre div#listePublicationLieeSansFiltre { display: none; } div.MFDEclairageConfigurateurProduit { max-width: 1320px; margin: 0 auto; padding: 1rem 0; } div.MFDEclairageConfigurateurProduit a.document-conseils { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div.MFDEclairageConfigurateurProduit a.document-conseils span { display: none; } div.MFDEclairageConfigurateurProduit div.admin-only { color: var(--blanc); font-family: 'Montserrat', sans-serif; font-weight: 700; background-color: var(--bleuFD); } div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques div#showHideRows { text-align: center; display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques div#showHideRows span { cursor: pointer; color: var(--grisV2); text-transform: uppercase; font-size: 0.9rem; text-decoration: underline; } div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques table { position: relative; } div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques table.displayed + div#showHideRows::after { content: "\f077"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.25rem; text-decoration: none; color: var(--grisV2); cursor: pointer; } div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques table.hidden + div#showHideRows::after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.25rem; text-decoration: none; color: var(--grisV2); cursor: pointer; } div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques table.hidden::after { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80% ); pointer-events: none; } div.MFDEclairageConfigurateurProduit div.conseils div.contenu p { margin: 0; padding: 0; margin-left: 1rem; margin-bottom: .75rem; line-height: 1.5rem; } div.MFDEclairageConfigurateurProduit div.conseils-du-professionnel.contenu p { margin: 0; padding: 0; margin-left: 1rem; margin-bottom: .75rem; line-height: 1.5rem; } div.MFDEclairageConfigurateurProduit div.contenu { } div.MFDEclairageConfigurateurProduit div.contenu h2 { margin: 2rem 0 .5rem; display: inline-flex; align-items: flex-start; width: 100%; color: var(--grisV2); text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.contenu h2::after { content: ""; border-bottom: 1px solid var(--grisV2); flex-grow: 1; align-self: flex-end; margin-left: .5rem; margin-bottom: .4rem; } div.MFDEclairageConfigurateurProduit div.contenu h2::before { content: "\f45c"; color: var(--grisV2); font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: .75rem; margin-top: .5rem; margin-right: .75rem; } div.MFDEclairageConfigurateurProduit div.contenu h3 { margin: 0; padding: 0; text-transform: uppercase; margin-top: 1rem; margin-bottom: .25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-left: 1rem; } div.MFDEclairageConfigurateurProduit div.contenu h4 { margin: 0; padding: 0; margin-top: 1rem; margin-bottom: 1.25rem; font-family: 'Montserrat', sans-serif; margin-left: 1rem; } div.MFDEclairageConfigurateurProduit div.contenu p { margin: 0; padding: 0; margin-left: 1rem; margin-bottom: .5rem; line-height: 1.5rem; } div.MFDEclairageConfigurateurProduit div.contenu p a { color: var(--vertFD); text-decoration: inherit; } div.MFDEclairageConfigurateurProduit div.contenu p a:hover { text-decoration: underline; } div.MFDEclairageConfigurateurProduit div.contenu table { border-collapse: collapse; margin-left: 1rem; width: calc(100% - 1rem); font-size: .9rem; } div.MFDEclairageConfigurateurProduit div.contenu table thead tr { background-color: var(--grisClair); } div.MFDEclairageConfigurateurProduit div.contenu table tr td { border: 1px solid var(--grisV2); padding: 1rem .5rem;; font-family: 'Montserrat', sans-serif; } div.MFDEclairageConfigurateurProduit div.contenu table tr td.telecharger { text-align: center; padding: 0.5rem; } div.MFDEclairageConfigurateurProduit div.contenu table tr td.visualiser { text-align: center; padding: 0.5rem; } div.MFDEclairageConfigurateurProduit div.contenu table tr td.visualiser a { vertical-align: bottom; } div.MFDEclairageConfigurateurProduit div.contenu table tr th { border: 1px solid var(--grisV2); padding: .5rem .25rem;; font-family: 'Montserrat', sans-serif; font-weight: 600; } div.MFDEclairageConfigurateurProduit div.contenu table tr:nth-child(even) { background-color: var(--grisClair); } div.MFDEclairageConfigurateurProduit div.contenu table.hidden { margin-bottom: 0; } div.MFDEclairageConfigurateurProduit div.contenu ul { margin: 0; margin-left: 1rem; padding: 0; padding-left: 2rem; } div.MFDEclairageConfigurateurProduit div.contenu ul li { margin-top: 0.25rem; } div.MFDEclairageConfigurateurProduit div.fiche { display: grid; grid-template-columns: 575px 1fr; column-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche > div.liens { grid-column: 2/3; margin-top: 0.75rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div#header-configurateur-gauche { flex-grow: 1; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche { grid-column: 1/2; grid-row: 1/7; display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span { display: flex; flex-direction: column; border: 1px solid #666666; padding-top: 0.15rem; padding-bottom: 0.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:first-child { grid-column: 2; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:last-child { margin-right: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:nth-child(5) { grid-column: 2; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span span.picto { background-position: center top; background-repeat: no-repeat; background-size: 40px 40px; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.classe.classe1 span.picto { background-image: url("../images/pictoClasse1.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.classe.classe2 span.picto { background-image: url("../images/pictoClasse2.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.classe.classe3 span.picto { background-image: url("../images/pictoClasse3.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.courant span.picto { background-image: url("../images/pictoCourant.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.courant span.valeur::after { content: " mA"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.diametrePercageEnMillimetre span.picto { background-image: url("../images/pictoPercage.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.diametrePercageEnMillimetre span.valeur::after { content: " mm"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.epaisseurSpotEnMillimetre span.picto { background-image: url("../images/pictoHauteur.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.epaisseurSpotEnMillimetre span.valeur::after { content: " mm"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.fluxSortantEnLumen span.picto { background-image: url("../images/pictoLumen.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.fluxSortantEnLumen span.valeur::after { content: " lm"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.indice span.picto { background-image: url("../images/pictoIP.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.natureAlimentation span.picto { background-image: url("../images/picto_variable.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.picto { padding-top: 45px; text-align: center; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.picto img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.poidsEnGramme span.picto, div.information.FDProduit.liste div.caracteristiques span.poidsEnGramme span.picto { background-image: url("../images/PICTO-POIDS-2.png"); background-size: auto 40px; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.estNormeCE span.picto, div.information.FDProduit.liste div.caracteristiques span.estNormeCE span.picto { background-image: url("../images/PICTO-CE-2.png"); background-size: 40px auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.estReparable span.picto, div.information.FDProduit.liste div.caracteristiques span.estReparable span.picto { background-image: url("../images/PICTO-REPARABLE-2.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.dureeDeVieEnHeure span.picto, div.information.FDProduit.liste div.caracteristiques span.dureeDeVieEnHeure span.picto { background-image: url("../images/PICTO-DUREE-VIE-2.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.indiceDeRenduDesCouleurs span.picto, div.information.FDProduit.liste div.caracteristiques span.indiceDeRenduDesCouleurs span.picto { background-image: url("../images/PICTO-IRC-2.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.poidsEnGramme span.valeur::after { content: " g"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.puissance span.picto { background-image: url("../images/pictoPuissance.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.puissance span.valeur::after { content: " W"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.tensionMaxiEnV span.picto { background-image: url("../images/pictoTensionMax.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.tensionMaxiEnV span.valeur::after { content: " V"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.tensionMiniEnV span.picto { background-image: url("../images/pictoTensionMin.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.tensionMiniEnV span.valeur::after { content: " V"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.tensionUnitaireEnVolt span.picto { background-image: url("../images/pictoTension.png"); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.tensionUnitaireEnVolt span.valeur::after { content: " V"; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.titre { text-align: center; font-size: 0.7rem; display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.titre span.br { } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.titre span.unite { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.valeur { text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration { grid-column: 2/3; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration div.argumentaire p { margin: 0; padding: 1rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration div.argumentaire p img { width: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus { background-color: var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus { display: flex; flex-wrap: wrap; margin: 0; padding: 1rem; padding-top: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire { flex: 0 0 20%; display: flex; margin-top: 1rem; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande > div { display: flex; flex-wrap: wrap; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande span.augmenter { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande span.augmenter span { text-decoration: none; color: #666666; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; display: block; width: 100%; height: 100%; font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande span.diminuer { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande span.diminuer span { text-decoration: none; color: #666666; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; display: block; width: 100%; height: 100%; font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande span.quantite { margin: 0 .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.commande span.tarif { width: 100%; text-align: center; font-weight: bold; margin: .5rem 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.image { display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.image img { display: block; width: 95px; height: 95px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus div.accessoires-inclus div.accessoire div.titre { text-align: center; flex-grow: 1; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.title { display: block; background-color: #00ADBB; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.title { display: block; background-color: #00ADBB; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.title::after { content: "(Plusieurs choix possibles)"; text-transform: initial; display: block; font-family: 'Montserrat', sans-serif; font-size: 1.1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.accessoires-inclus span.title::after { content: "(Plusieurs choix possibles)"; text-transform: initial; display: block; font-family: 'Montserrat', sans-serif; font-size: 1.1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires { background-color: var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: .5rem; margin: 0; padding: .75rem; padding-top: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire { flex: 0 0 18%; display: flex; /*justify-content: space-between;*/ margin-top: 1rem; flex-direction: column; background-color: #fff; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande { display: flex; flex-direction: column; justify-content: flex-start; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande > div { display: flex; flex-wrap: wrap; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.augmenter { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; box-shadow: 0px 0px 4px #999; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.augmenter span { text-decoration: none; color: #666666; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; display: block; width: 100%; height: 100%; font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.choix-quantite { background-color: var(--grisClair); border-radius: 50px; display: flex; align-items: center; justify-content: space-between; margin: .75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.diminuer { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; box-shadow: 0px 0px 4px #999; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.diminuer span { text-decoration: none; color: #666666; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; display: block; width: 100%; height: 100%; font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.quantite { padding: 0 .5rem; background-color: var(--grisClair); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.tarif { display: block; width: 100%; padding: .25rem; text-align: center; background-color: #fff; color: var(--grisV2); font-size: .95rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.commande span.tarif del { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.image { display: flex; justify-content: center; align-items: center; padding-bottom: 4px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.image img { display: block; width: calc(100% - 8px); height: auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires div.accessoire div.titre { text-align: center; height: 5.75rem; padding: .2rem; word-break: break-word; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires span.title { display: block; background-color: var(--noirTransparent); color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires span.title::after { content: "(Plusieurs choix possibles)"; text-transform: initial; display: block; font-family: 'Montserrat', sans-serif; font-size: 1.1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires { background-color: var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: .5rem; margin: 0; padding: .75rem; padding-top: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire { flex: 0 0 18%; display: flex; justify-content: space-between; margin-top: 1rem; flex-direction: column; background-color: #fff; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande > div { display: flex; flex-wrap: wrap; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.augmenter { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; box-shadow: 0px 0px 4px #999; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.augmenter span { text-decoration: none; color: #666666; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; display: block; width: 100%; height: 100%; font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.choix-quantite { background-color: var(--grisClair); border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: .75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.diminuer { background: #ffffff; cursor: pointer; width: 22px; height: 22px; display: inline-block; border: 1px solid #999999; border-radius: 100%; box-shadow: 0px 0px 4px #999; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.diminuer span { text-decoration: none; color: #666666; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; display: block; width: 100%; height: 100%; font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.quantite { padding: 0 .5rem; background-color: var(--grisClair); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.commande span.tarif { display: block; width: 100%; padding: .25rem; text-align: center; background-color: #fff; color: var(--grisV2); font-size: .95rem; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.image { display: flex; justify-content: center; padding-bottom: 4px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.image img { display: block; width: 95px; height: 95px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires div.accessoire-obligatoire div.titre { text-align: center; height: 5.75rem; padding: .2rem; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires span.title { display: block; background-color: var(--noirTransparent); color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires span.title::after { content: "(Plusieurs choix possibles)"; text-transform: initial; display: block; font-family: 'Montserrat', sans-serif; font-size: 1.1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation { background-color: var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation div.alimentation { padding: .5rem 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation div.alimentation span.indeXys-nowrap { display: flex; align-items: flex-start; margin: .5rem 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation div.alimentation span.indeXys-nowrap a span.nombre { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation div.alimentation span.indeXys-nowrap:first-child { margin-bottom: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-alimentation span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-emplacement { background-color: var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-emplacement div.emplacement { padding: .5rem 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-emplacement div.emplacement span.indeXys-nowrap { display: flex; align-items: flex-start; margin: .5rem 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots { display: grid; grid-template-columns: repeat(2, 50%); background-color : var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.image { grid-column: 2/3; background-color: #FFFFFF; display: flex; justify-content: center; align-content: center; margin-top: 2rem; margin-right: 2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.image img { width: 100%; height: auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.nombreSpots { grid-column: 1/3; align-self: center; margin: 1rem; margin-top: 2rem; display: flex; justify-content: center; align-items: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.nombreSpots div.message { grid-column: 1/4; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.nombreSpots div.message.maximum { background-color: #00ADBB; color: #FFFFFF; text-align: center; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.nombreSpots span.quantite { position: relative; top: -0.25rem; left: 0; margin: 0 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.nombreSpots span.quantite input { font-size: 3rem; color: var(--vertFD); background: #ffffff; border: 0; display: inline-block; text-align: center; width: 120px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.nombreSpots span.quantite input:focus-visible { outline: 2px solid var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.phraseNombreSpotsMaxi { grid-column: 1/3; align-self: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.phraseNombreSpotsMaxi div.phrase-nombre-spots-maxi { text-align: center; padding: 0 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.phraseNombreSpotsMaxi div.phrase-nombre-spots-maxi span.nombre-spots { font-family: 'MontserratSemiBold', sans-serif } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite { grid-column: 1/3; align-self: center; margin: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite div.message { grid-column: 1/4; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite div.message.maximum { background-color: #00ADBB; color: #FFFFFF; text-align: center; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite span.augmenter button { background: #ffffff; text-align: center; cursor: pointer; width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 3rem; color: #666666; text-decoration: none; border: 2px solid #999999; border-radius: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite span.augmenter button span { position: relative; top: 0; left: 0; font-weight: normal; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite span.diminuer button { background: #ffffff; text-align: center; cursor: pointer; width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 3rem; color: #666666; text-decoration: none; border: 2px solid #999999; border-radius: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite span.diminuer button span { position: relative; top: -0.25rem; left: 0; font-weight: normal; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite span.quantite { position: relative; top: -0.25rem; left: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.quantite span.quantite input { font-size: 5rem; color: #00ADBB; background: #ffffff; border: 0; display: inline-block; text-align: center; width: 160px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.remarques { grid-column: 1/3; background-color: #FFFFFF; margin: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.remarques p { margin: 0.5rem 1rem; padding: 0; padding-left: 1.1rem; line-height: 1.5rem; color: #207577; font-family: 'Montserrat', sans-serif; font-weight: 700; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.remarques p a { color: #00ADBB; display: inline-block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.remarques p::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size: 0.75rem; background-color: #FFFFFF; margin-right: 0.75rem; position: absolute; top: -0.1rem; left: -0.2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots div.title { grid-column: 1/3; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite { display: grid; grid-template-columns: repeat(2, 50%); background-color : var(--grisClair); margin-top: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite { grid-column: 1/3; align-self: center; margin: 2rem; display: flex; justify-content: center; align-items: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.augmenter button { /*background: #ffffff; text-align: center; cursor: pointer; width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 3rem; color: #666666; text-decoration: none; border: 2px solid #999999; border-radius: 100%;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.augmenter button span { position: relative; top: 0; left: 0; font-weight: normal; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.diminuer button { /*background: #ffffff; text-align: center; cursor: pointer; width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 3rem; color: #666666; text-decoration: none; border: 2px solid #999999; border-radius: 100%;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.diminuer button span { position: relative; top: -0.25rem; left: 0; font-weight: normal; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.quantite { position: relative; top: -0.25rem; left: 0; margin: 0 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.quantite input { font-size: 3rem; color: var(--vertFD); background: #ffffff; border: 0; display: inline-block; text-align: center; width: 120px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.quantite span.quantite input:focus-visible { outline: 2px solid var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite div.title { grid-column: 1/3; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite span.aide { top: .7rem; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-quantite span.aide a::before { color: #fff; background-color: transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez { background-color : var(--grisClair); margin-top: 1rem; padding-bottom: 2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez :not(.repere) span.libelle::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: 0.75rem; background-color: #FFFFFF; margin-right: 0.75rem; position: relative; top: -0.1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez > div { margin-top: 3rem; margin-left: 1.5rem; margin-right: 1.5rem; position: relative; border-top: 1px solid var(--grisV2); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez > div > div { margin-top: 1.5rem; word-break: break-word; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez > div:first-child { margin: 0; border: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.alimentation-variable div.estAlimentationVariable > span { display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.alimentation-variable div.estAlimentationVariable span.indeXys-nowrap { margin-bottom: 0.5rem; display: flex; align-items: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.alimentation-variable div.estAlimentationVariable span.indeXys-nowrap a { font-size: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.alimentation-variable div.estAlimentationVariable span.indeXys-nowrap input { width: 1.25em; height: 1.25rem; margin-top: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle div.angle > span { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle div.angle span.indeXys-nowrap { flex: 0 0 20%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle input[type="radio"] { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle span.angle { display: block; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle span.angle img { width: 100%; aspect-ratio: 1/1; border: 4px solid transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle span.angle.active img { border: 4px solid #207577; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle span.angle.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.5rem; right: 0; z-index: 100; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle span.angle:hover img { box-shadow: var(--boxShadow); scale: 1.01; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle span.texte { display: block; text-align: center; /*width: 95px;*/ white-space: break-spaces; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.colorisTooltip { z-index: 100000; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.convertisseur a.lazyStart { display: inline-block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.convertisseur a.lazyStart:first-letter { text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.convertisseur div.estKitSansConvertisseur > span { display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.convertisseur div.estKitSansConvertisseur > span > span:first-letter { text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.convertisseur div.estKitSansConvertisseur > span > span:first-of-type { margin-bottom: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit > span { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit > span.couleur-exacte { border: 2px solid var(--vertFD); padding: 1rem; display: flex; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit > span.couleur-exacte input { font-size: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit > span.couleur-exacte::before { content:'Merci de nous indiquer la référence RAL :'; margin-top:.25rem; margin-bottom:.25rem; margin-right: 1rem; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit span.indeXys-nowrap { flex: 0 0 20%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur input[type="radio"] { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur span.couleurProduit { display: inline-block; width: 100%; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur span.couleurProduit img { border: 4px solid transparent; width: 100%; aspect-ratio: 1/1; display: block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur span.couleurProduit.active img { border: 4px solid var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur span.couleurProduit.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.5rem; right: 0; z-index: 100; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur span.couleurProduit:hover img { box-shadow: var(--boxShadow); scale: 1.01; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur span.texte { display: block; text-align: center; width: 100%; white-space: break-spaces; min-height: 45px; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire div.couleurLuminaire > span { display:grid; grid-template-columns:repeat(5,1fr); grid-gap:1rem } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire div.couleurLuminaire span.indeXys-nowrap { flex:0 0 20% } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire input[type=radio] { display:none } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire span.couleurLuminaire { display:inline-block; border:2px solid transparent; width:100% } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire span.couleurLuminaire.active { border:2px solid #207577; background:#207577; color:#fff } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire span.picto img { width:100%; height:100% } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire span.texte { display:block; text-align:center; width:100%; white-space:break-spaces; min-height:45px } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire div[class*="couleurSecondaire"] > span { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire div[class*="couleurSecondaire"] span.indeXys-nowrap { flex: 0 0 20%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire input[type="radio"] { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire span.texte { display: block; text-align: center; width: 100%; white-space: break-spaces; min-height: 45px; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire span[class*="couleurSecondaire"] { position: relative; display: block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire span[class*="couleurSecondaire"] img { border: 4px solid transparent; width: 100%; aspect-ratio: 1/1; display: block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire span[class*="couleurSecondaire"].active img { border: 4px solid var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire span[class*="couleurSecondaire"].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.5rem; right: 0; z-index: 100; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire span[class*="couleurSecondaire"]:hover img { box-shadow: var(--boxShadow); scale: 1.01; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option { position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option input[type="radio"] { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.aide { top: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.aide a::before { top: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.libelle::after { content: " et Accessoire(s)"; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.line { display: flex; flex-wrap: wrap; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.titre { display: block; font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--grisV2); margin-bottom: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.value { display: flex; flex-direction: column; position: relative; width: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.value img { border: 4px solid transparent; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.value.active img { border: 4px solid var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.value.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.5rem; right: 0; z-index: 100; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid transparent; /*width: 100px;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a span.texte { width: 100%; white-space: break-spaces; text-align: center; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a span.value { display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a span.value span.picto { /*display: block; width: 95px; height: 95px;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a span.value span.picto img { width: 100%; height: auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a span.value:hover span.picto img { box-shadow: var(--boxShadow); scale: 1.01; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values span.indeXys-nowrap { flex: 0 0 20%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.repere span.repere { margin-top: 3rem; display: inline-block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature div.temperatureCouleur > span { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature div.temperatureCouleur span.indeXys-nowrap { flex: 0 0 20%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature input[type="radio"] { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature span.temperatureCouleur { position: relative; display: block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature span.temperatureCouleur span.picto img { display: block; border: 4px solid transparent; width: 100%; aspect-ratio: 1/1; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature span.temperatureCouleur.active span.picto img { border: 4px solid #207577; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature span.temperatureCouleur.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.5rem; right: 0; z-index: 100; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature span.temperatureCouleur:hover img { box-shadow: var(--boxShadow); scale: 1.01; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature span.texte { display: block; text-align: center; width: 100%; white-space: break-spaces; min-height: 63px; font-weight: 500; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.title { margin-top: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez span.libelle { padding-right: 0.5em; background-color: var(--grisClair); color: var(--grisV2); position: absolute; top: -1.2rem; left: 0; font-size: 1.2rem; text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.title { background-color: var(--noirTransparent); color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.livraison-gratuite-haute p { margin: 1rem; margin-bottom: 0; padding: 0; text-transform: uppercase; text-align: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.livraison-gratuite-haute p span.label { color: var(--vertFD); font-size: 1.25rem; font-weight: bold; padding: 0; text-transform: uppercase; display: flex; align-items: flex-end; min-height: 50px; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.livraison-gratuite-haute p span.label::before { background-image: url("../images/picto_livraison_vert.svg"); background-repeat: no-repeat; background-position: top left; background-size: auto 100%; padding: 25px; content: ""; margin-right: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.livraison-gratuite-haute p span.value { font-size: 1rem; color: #666; text-transform: initial; display: block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.livraison-gratuite-haute p span.value:first-letter { text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit { background-color : var(--grisClair); margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter { text-align: center; margin-top: 1.5rem; margin-bottom: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter a.commander-spot { display: inline-block; background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; text-transform: uppercase; font-size: 2rem; cursor: pointer; text-decoration: none; -webkit-box-shadow: #666 0px 2px 8px; -moz-box-shadow: #666 0px 2px 8px; box-shadow: #666 0px 2px 8px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter a.commander-spot::before { content: ""; background-image: url("../images/panier_blanc.svg"); display: inline-block; width: 58px; height: 31px; margin-right: 1rem; position: relative; top: 3px; background-size: auto 100%; background-repeat: no-repeat; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter a.commander-spot:hover { text-decoration: underline; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter button { background-color: var(--vertFD); color: #FFFFFF; border: none; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.5rem; cursor: pointer; -webkit-box-shadow: #666 0px 2px 8px; -moz-box-shadow: #666 0px 2px 8px; box-shadow: #666 0px 2px 8px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter button::before { content: ""; background-image: url("../images/panier_blanc.svg"); display: inline-block; width: 49px; height: 26px; margin-right: 1rem; position: relative; top: 3px; background-size: auto 100%; background-repeat: no-repeat; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter button:active { scale: .95 } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.ajouter button:hover { background-color: var(--bleuFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.livraison-gratuite-haute p { margin: 1rem; margin-bottom: 0; padding: 0; text-transform: uppercase; text-align: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.livraison-gratuite-haute p span.label { color: var(--vertFD); font-size: 1.25rem; font-weight: bold; padding: 0; text-transform: uppercase; display: flex; align-items: flex-end; min-height: 50px; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.livraison-gratuite-haute p span.label::before { background-image: url("../images/picto_livraison_vert.svg"); background-repeat: no-repeat; background-position: top left; background-size: auto 100%; padding: 25px; content: ""; margin-right: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.livraison-gratuite-haute p span.value { font-size: 1.2rem; color: #666; text-transform: initial; display: block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.livraison-gratuite-haute p span.value:first-letter { text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.partager { text-align: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.partager span.partager { margin-left: 3rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.partager span.partager::before { content: "\f064"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; margin-right: 0.75rem; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.partager span.sauvegarder::before { content: "\f004"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; margin-right: 0.75rem; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul { margin: 1rem; padding: 0; list-style: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li { margin-bottom: 0.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li span.title::after { content: " : "; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li span.title::before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); margin-right: 0.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li.articleAccessoire span.title::before { content: "\f067"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; margin-right: 0.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li.articleAccessoireInclus span.title::before { content: "\f0fe"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; margin-right: 0.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li.articleAccessoireObligatoire > span.value:first-child::after { content: " : "; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.caracteristiques ul li.articleAccessoireObligatoire > span.value:first-child::before { content: "\f067"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; margin-right: 0.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.erreurs ul { margin: 1rem; padding: 0; list-style: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.recapitulatif div.erreurs ul li.alerte::before { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FF0000; margin-right: 0.75rem; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif { text-align: center; text-transform: uppercase; display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public { margin: 0 1rem; padding: .5rem 0 3rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: .5rem; align-items: flex-end; background-color: #fff; border-top: 1px solid var(--vertFD); position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ht { text-align: right; padding-right: .5rem; align-self: flex-start; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt { font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.devise { margin-right: .5rem; font-size: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.ht { font-family: inherit; font-size: 1rem; align-self: flex-end; padding-bottom: .1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.value { font-size: 2.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc { display: flex; flex-direction: column; text-align: left; border-left: 1px solid #00adbb; padding-left: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes { text-transform: uppercase; /*transform: translate(-50%);*/ background-color: #fff; padding: .5rem; width: 100%; position: absolute; bottom: 0; left: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.value { margin-right: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc { font-size: 1.5rem; display: flex; text-align: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.devise { margin-right: .5rem; font-size: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.ttc { font-family: inherit; font-size: 1rem; align-self: flex-end; padding-bottom: .1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.value { font-size: 2.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public span.title { grid-column: 1/3; text-transform: lowercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public span.title:first-letter { text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix { margin: 1rem; margin-bottom: 0; padding: 1rem; display: grid; grid-template-columns: 1fr 100px; align-items: flex-end; background-color: #FFF; /*grid-column-gap: 1rem;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.title { grid-column: 1/3; color: var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHt { color: #00ADBB; font-size: 1rem; padding-right: .5rem; padding-left: 100px; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.devise { margin-right: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.ht { align-self: flex-end; padding-bottom: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.value { font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif { color: var(--vertFD); font-size: 1rem; padding-right: .5rem; padding-left: 100px; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.devise { margin-right: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.ht { align-self: flex-end; padding-bottom: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.value { font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votreRemise { /*width: 100px;*/ text-align: left; text-transform: lowercase; /*margin-left: .5rem;*/ padding: .25rem .5rem; color: #fff; background-color: #207577; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votreRemise span.value { font-weight: bold; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.ecotaxes { font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ display: flex; justify-content: center; font-size: .7rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.ecotaxes span.devise { margin-right: .125rem; font-size: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.ecotaxes span.ttc { font-family: inherit; font-size: .5rem; align-self: flex-end; padding-bottom: .05rem; margin-right: .125rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.ecotaxes span.value { margin-left: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.prixPublicTtc { font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.prixPublicTtc span.devise { margin-right: .5rem; font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif span.prixPublicTtc span.ttc { font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .35rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.aide { padding-left:1rem; background-color: var(--grisClair); color: var(--vertFD); position:absolute; top:-1rem; right:0; margin-right:auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.aide a { text-decoration:none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.aide a span { font-size: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.aide a::before { content:"\f059"; font-family:'Font Awesome 5 Free'; font-weight:900; color: var(--vertFD); font-size:1.5rem; background-color:#fff; border-radius:50%; margin-right:.75rem; position:relative; top:-.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.augmenter button { padding: 0; background: #ffffff; cursor: pointer; width: 25px; height: 25px; border: 2px solid #999999; border-radius: 100%; background-image: url("../images/plus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.augmenter button span { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.diminuer button { padding: 0; background: #ffffff; cursor: pointer; width: 25px; height: 25px; border: 2px solid #999999; border-radius: 100%; background-image: url("../images/minus-solid.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form span.diminuer button span { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.conseils div.afficher { display: grid; grid-template-columns: repeat(4, 1fr); margin-left: 1rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.conseils div.afficher a { padding-left: 45px; background: url(../images/btFicheConseil.png) center left no-repeat; font-size: 0.7rem; text-decoration: none; color: #666666; } div.MFDEclairageConfigurateurProduit div.fiche div.conseils div.afficher a:hover { text-decoration: underline; color: #00ADBB; } div.MFDEclairageConfigurateurProduit div.fiche div.conseils div.telecharger { margin-top: 1.5rem; margin-bottom: 1.5rem; display: grid; grid-template-columns: repeat(4, 1fr); margin-left: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.conseils div.telecharger a { padding-left: 45px; background: url(../images/btFicheConseilPdf.png) center left no-repeat; font-size: 0.7rem; text-decoration: none; color: #666666; } div.MFDEclairageConfigurateurProduit div.fiche div.conseils div.telecharger a:hover { text-decoration: underline; color: #00ADBB; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie { display: grid; grid-template-columns: 102px 457px; column-gap: 1rem; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div#survol { grid-column: 2/3; grid-row: 1/2; border: 1px solid #666666; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div#survol a { display: block; width: 100%; height: 100%; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div#survol img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion { position: absolute; top: 0; right: 0; width: 140px; color: #FFFFFF; background-color: var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo { background-color: var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p { display: flex; flex-direction: column; align-items: center; margin: 0; padding: .5rem; width: 110px; font-size: .9rem; width: 100%; text-align: center; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p span.promotion-code { font-size: 1rem; font-weight: 800; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p span.promotion-montant { font-size: 2rem; font-weight: 800; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p span.promotion-offerts { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p span.promotion-pourcentage { font-size: 2rem; font-weight: 800; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p span.promotion-produit { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p span.promotion-remise { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.vignettes { grid-column: 1/2; grid-row: 1/2; display: grid; grid-template-rows: repeat(4, 1fr); grid-gap: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.vignettes a { display: block; width: calc(100% - 2px); position: relative; border: 1px solid #666666; cursor: pointer; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.vignettes a img { display: block; width: 100%; height: 100%; object-fit: cover; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.vignettes a:first-child { margin-top: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie span.garantie { display: block; width: 100px; position: absolute; bottom: 1px; right: 1px; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie span.garantie span.titre { display: block; height: 40px; background: var(--vertFD); line-height: 40px; color: #ffffff; text-align: center; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie span.garantie span.valeur { display: block; height: 60px; background: var(--grisFonce); line-height: 60px; color: #ffffff; text-align: center; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie span.remise { position: absolute; top: 0; left: 110px; } div.MFDEclairageConfigurateurProduit div.fiche div.liens a { display: flex; width: 100%; padding: 0; align-items: center; height: 50px; } div.MFDEclairageConfigurateurProduit div.fiche div.liens a.caracteristiques-techniques { background: url(../images/engrenages.svg) left center no-repeat; background-size: auto 100%; color: var(--vertFD); padding-left: 4.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.liens a.conseils-du-pro { background: url(../images/ampoule.svg) left center no-repeat; background-size: auto 100%; color: var(--vertFD); padding-left: 3rem; } div.MFDEclairageConfigurateurProduit div.fiche div.liens a.questions-frequentes { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.document-conseils { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.document-conseils.ies, div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.document-conseils.IES { margin: 0; padding: 0; background-image: url("../images/picto_ies.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.document-conseils.ldt, div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.document-conseils.LDT { margin: 0; padding: 0; background-image: url("../images/picto_ldt.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.rubrique-conseils { margin: 0; padding: 0; background-image: url("../images/picto_oeil.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.liens table a.rubrique-conseils span { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-avis-clients { margin-left: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-avis-clients a { color: #00ADBB; text-decoration: none; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-avis-clients a:hover { text-decoration: underline; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-delai-expedition { margin-left: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-delai-expedition span.value { margin-left: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-resume { grid-column: 2/3; margin-top: 0.75rem; margin-left: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.titre { grid-column: 2/3; } div.MFDEclairageConfigurateurProduit div.fiche div.titre h1 { margin: 0; margin-left: .5rem; padding: 0; color: var(--grisNav); display: inline-flex; position: relative; width: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.titre h1 > span { background-color: #FFF; flex-shrink: 1; padding-right: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.titre h1 span.turquoise { color: #00ADBB; } div.MFDEclairageConfigurateurProduit div.fiche div.titre h1::after { border-top: 1px solid var(--grisNav); content: ''; display: block; position: absolute; bottom: 8px; width: 90%; right: .75rem; z-index: -1000000; } div.MFDEclairageConfigurateurProduit div.presentation-resume.contenu p { margin-left: 0; } div.MFDEclairageConfigurateurProduit div.prestation-detaillee { grid-column: 1/3; } div.MFDEclairageConfigurateurProduit div.questions-frequentes.contenu p { margin: 0; padding: 0; margin-left: 1rem; margin-bottom: 1.5rem; line-height: 1.5rem; } div.MFDEclairageConfigurateurProduit div.tarif .admin-only { display: none; } div.MFDEclairageConfigurateurProduit div.videos.contenu p div.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } div.MFDEclairageConfigurateurProduit div.videos.contenu p div.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } div.crosse-expo div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option input[type="radio"] { /*display: initial; margin: 0; padding: 0;*/ } div.crosse-expo div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option p.option { /*margin: 0; margin-top: 1rem;*/ } div.crosse-expo div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values { /*display: flex; flex-direction: column; align-items: flex-start; margin: 0; margin-top: 1rem;*/ } div.crosse-expo div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values a { /*display: initial;*/ } div.crosse-expo div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values span.indeXys-nowrap { /*flex: inherit; margin-bottom: 1rem;*/ } div.crosse-expo div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values span.indeXys-nowrap:last-of-type { /*margin-bottom: 0;*/ } div.fd-survol div.ui-tooltip-content img { width: 100%; height: auto; } @media screen and (max-width: 1400px) { div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p { font-size: .65rem; } } @media screen and (max-width: 992px) { div#fd-aide-html { max-width: 80%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.value { font-size: 2.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHt { padding-left: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.value { font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.value { font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes { font-size: .75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires-obligatoires div.accessoires-obligatoires{ grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif{ padding-left: 55%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.value{ font-size: 2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.promotion div.code-promo p { width: initial; font-size: .65rem; } } @media screen and (max-width: 768px) { div.MFDEclairageConfigurateurProduit div.fiche { grid-template-columns: 1fr; } div.MFDEclairageConfigurateurProduit div.fiche div.titre { grid-column: 1/2; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-resume { grid-column: 1/2; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-delai-expedition { grid-column: 1/2; } div.MFDEclairageConfigurateurProduit div.fiche div.liens { grid-column: 1/2; margin-bottom: 1rem; grid-gap: .8rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche { grid-column: 1/2; grid-row: initial; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration { grid-column: 1/2; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie { grid-template-columns: 1fr; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div#survol { grid-column: 1/2; grid-row: initial; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie div.vignettes { grid-column: 1/2; grid-row: initial; grid-template-rows: initial; grid-template-columns: repeat(4, 1fr); margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.galerie span.garantie { grid-row: 1/2; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques { grid-template-columns: repeat(4, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:first-child { grid-column: initial; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:nth-child(5) { grid-column: initial; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.titre { font-size: 0.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span span.picto { background-size: 30px 30px; } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques span.picto { padding-top: 30px; } div.MFDEclairageConfigurateurProduit div.conseils { border-top: 1px solid #999; margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-delai-expedition { margin-left: 0; } } @media screen and (max-width: 576px) { div.MFDEclairageConfigurateurProduit div.fiche div.liens { flex-wrap: wrap; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.presentation-resume { margin-left: 0; } div.MFDEclairageConfigurateurProduit div.presentation-produit, div.MFDEclairageConfigurateurProduit div.usages, div.MFDEclairageConfigurateurProduit div.conseils-du-professionnel, div.MFDEclairageConfigurateurProduit div.contenu-du-colis, div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques, div.MFDEclairageConfigurateurProduit div.questions-frequentes, div.MFDEclairageConfigurateurProduit div.videos { border-top: 1px solid #999; } div.MFDEclairageConfigurateurProduit > div.contenu:last-of-type { border-bottom: 1px solid #999; } div.MFDEclairageConfigurateurProduit div.contenu > ul { padding-bottom: 1rem; } div.MFDEclairageConfigurateurProduit div.contenu { margin-left: 0; } div.MFDEclairageConfigurateurProduit div.contenu h2 { margin-top: 1rem; cursor: pointer; } div.MFDEclairageConfigurateurProduit div.contenu h2::before { content: ""; margin: 0; } div.MFDEclairageConfigurateurProduit div.contenu h2::after { content: "\f078"; color: #00ADBB; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.5rem; border: none; flex-grow: 0; margin-left: auto; align-self: center; padding-left: 1rem; } div.MFDEclairageConfigurateurProduit div.contenu h3 { margin-left: 0; } div.MFDEclairageConfigurateurProduit div.contenu.open h2::after { content: "\f077"; } div.MFDEclairageConfigurateurProduit div.contenu table { margin-left: 0; width: 100%; } div.MFDEclairageConfigurateurProduit div.contenu p { margin-left: 0 !important; } span.indeXys-nowrap { white-space: initial; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.temperature div.temperatureCouleur > span { grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-luminaire div.couleurLuminaire > span { grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur-secondaire div[class*="couleurSecondaire"] > span { grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques { /*grid-template-columns: repeat(3, 1fr);*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:first-child { /*grid-column: initial;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configurateur-gauche div.caracteristiques > span:nth-child(5) { /*grid-column: initial;*/ } div.MFDEclairageConfigurateurProduit div.fiche div.configuration div.argumentaire p { padding: 1rem .1rem; grid-gap: .2rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit > span { grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.ajoutez-des-accessoires div.accessoires { grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.options div.option span.values { grid-template-columns: repeat(3, 1fr); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.couleur div.couleurProduit > span.couleur-exacte { flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez div.angle div.angle > span { grid-template-columns: repeat(3, 1fr); } }body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { margin: 0; padding: 0; display: grid; grid-template-columns: 280px 1fr; grid-column-gap: 1rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: 0; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form button { display: block; margin: 0 auto; padding: 1rem 3rem; background-color: #00ADBB; border: none; color: #FFFFFF; cursor: pointer; font-size: 1rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form button:hover { text-decoration: underline; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form div.g-recaptcha { display: flex; justify-content: center; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset { margin: .75rem 0; padding: 0; border: none; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset legend { margin: 0; margin-bottom: .75rem; padding: 0; font-size: 1rem; font-weight: bold; text-transform: uppercase; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p { display: flex; align-items: center; flex-wrap: wrap; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input { background: #eaeaea; border: none; font-size: 1rem; padding: .2rem .5rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="file"] { background-color: transparent; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"] { flex-grow: 1; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].code-postal { width: 70px; flex-grow: 0; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].ville { width: 50%; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p label { width: 120px; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p label.ville { width: 60px; margin-left: 1rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p textarea { background: #eaeaea; border: none; font-size: 1rem; padding: .2rem .5rem; flex-grow: 1; width: 50%; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.civilite label { width: 60px; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.theme { display: grid; grid-template-columns: repeat(2, 30px 1fr); grid-gap: .5rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.theme label { width: inherit; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h2 { margin-bottom: 1rem; padding: 0; font-size: 26px; font-weight: bold; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h3 { margin: 0; margin-bottom: 1rem; padding: 0; font-size: 1.25rem; font-weight: bold; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p { margin-top: 0; font-size: 1rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.sticky { position: sticky; top: 1rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.mail { grid-column: 2/3; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.mail div.contenu p a { display: inline-block; margin: 0 .75rem; padding: .5rem 1rem; background-color: #FFF; border: 1px solid #00ADBB; color: #00adbb; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier { grid-column: 1/2; display: initial; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier div.contenu h3:last-of-type { margin-top: 3rem; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telMobile { display: none; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titre { grid-column: 1/3; } @media screen and (max-width: 768px) { body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { grid-template-columns: 1fr; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titre { grid-column: 1/2; grid-row: 1/2; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier { grid-column: 1/2; grid-row: 4/5; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.mail { grid-column: 1/2; grid-row: 3/4; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"] { width: 25%; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].ville { width: 25%; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telMobile { grid-column: 1/2; grid-row: 2/3; display: block; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier h3:first-of-type { display: none; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.telCourrier p:first-of-type { display: none; } } @media screen and (max-width: 576px) { body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p input[type="text"].code-postal { width: calc(100% - 120px); margin-bottom: 10px; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.cpVille label:first-of-type { margin-bottom: 10px; } body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p label.ville { width: 120px; margin-left: 0; } } @media screen and (max-width: 460px) { body.contactez-nous div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu form fieldset p.theme { grid-template-columns: repeat(1, 30px 1fr); } }body.convertisseurs div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; margin-top: 1rem; padding: 0 1rem; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a span { display: none; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication { max-width: initial; margin: 0; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { max-width: initial; margin: 0; grid-column: 2/5; grid-template-columns: repeat(1, 1fr); } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { margin-bottom: 1rem; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: 0; height: 100%; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { margin: 0; padding: 0 1rem; padding-top: 1rem; display: table; width: 100%; white-space: nowrap; font-size: 1.75rem; text-transform: uppercase; position: relative; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size: .75rem; margin-left: 0; margin-right: .75rem; position: absolute; top: 1.8rem; border-top: none; display: inherit; width: initial; right: inherit; left: 0; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { margin: 0; padding: 1rem; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p { margin:0; display: block; width: 100%; padding-top: 360px; position: relative; height: 100%; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p img { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p::after { content: ""; display: block; width: 105px; height: 88px; background-image: url("../images/france.svg"); background-size: 100%; border: 1px solid #666666; position: absolute; top: 0; right: 0; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a span { display: none; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication { max-width: initial; margin: 0; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { max-width: initial; margin: 0; grid-column: 2/5; grid-template-columns: repeat(1, 1fr); } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { margin-bottom: 1rem; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: 0; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { margin: 0; padding: 0 1rem; padding-top: 1rem; width: 100%; font-size: 1.75rem; text-transform: uppercase; position: relative; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; margin-left: 0; margin-right: .75rem; position: absolute; top: 1.8rem; border-top: none; display: inherit; width: initial; right: inherit; left: 0; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 12; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { margin: 0; padding: 1rem; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p { margin:0; display: block; width: 100%; padding-top: 360px; position: relative; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p img { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentationImage p::after { content: ""; display: block; width: 105px; height: 88px; background-image: url("../images/france.svg"); background-size: 100%; border: 1px solid #666666; position: absolute; top: 0; right: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez { display: grid; grid-template-columns: repeat(2, 50%); background-color : #ECEDED; margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez div.quantite { grid-column: 1/3; align-self: center; margin: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez div.quantite div.message { grid-column: 1/4; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez div.quantite div.message.maximum { background-color: #00ADBB; color: #FFFFFF; text-align: center; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez div.quantite span.quantite { position: relative; top: -0.25rem; left: 0; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez div.quantite span.quantite input { font-size: 5rem; color: var(--vertFD); background: #ffffff; border: 0; display: inline-block; text-align: center; width: 160px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez div.title { grid-column: 1/3; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.repere { background-color: var(--grisClair); margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.repere span.libelle { background-color: var(--grisFonce); color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0.5rem 2rem; text-transform: uppercase; font-size: 1.2rem; display: inline-block; width: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.repere span.repere { padding: 1rem; display: inline-block; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.repere span.repere input { font-size: 1rem; padding: .25rem .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur { background-color : #ECEDED; margin-top: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter { text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter a.commander-convertisseur { display: inline-block; background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; text-transform: uppercase; font-size: 2rem; cursor: pointer; text-decoration: none; -webkit-box-shadow: #666 0px 2px 8px; -moz-box-shadow: #666 0px 2px 8px; box-shadow: #666 0px 2px 8px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter a.commander-convertisseur::before { content: ""; background-image: url("../images/panier_blanc.svg"); display: inline-block; width: 58px; height: 31px; margin-right: 1rem; position: relative; top: 3px; background-size: auto 100%; background-repeat: no-repeat; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter a.commander-convertisseur:hover { text-decoration: underline; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter button { background-color: var(--vertFD); color: var(--blanc); border: none; padding: 0.5rem 3rem; text-transform: uppercase; font-size: 2rem; cursor: pointer; -webconvertisseur-box-shadow: #666 0px 2px 8px; -moz-box-shadow: #666 0px 2px 8px; box-shadow: #666 0px 2px 8px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter button::before { content: ""; background-image: url("../images/panier_blanc.svg"); display: inline-block; width: 58px; height: 31px; margin-right: 1rem; position: relative; top: 3px; background-size: auto 100%; background-repeat: no-repeat; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter button:active { scale: .95; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.ajouter button:hover { background-color: var(--bleuFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.argumentaire { display: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.partager { text-align: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.partager span.partager { margin-left: 3rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.partager span.partager::before { content: "\f064"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; margin-right: 0.75rem; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.partager span.sauvegarder::before { content: "\f004"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; margin-right: 0.75rem; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.recapitulatif div.caracteristiques ul { margin: 1rem; padding: 0; list-style: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.recapitulatif div.caracteristiques ul li { margin-bottom: 0.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.recapitulatif div.caracteristiques ul li span.title::after { content: " : "; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.recapitulatif div.caracteristiques ul li span.title::before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; margin-right: 0.75rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.recapitulatif div.erreurs ul { margin: 1rem; padding: 0; list-style: none; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.recapitulatif div.erreurs ul li.alerte::before { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FF0000; margin-right: 0.75rem; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif { text-align: center; text-transform: uppercase; display: flex; flex-direction: column; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro { width: 100%; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public { margin: 0 1rem; padding: .5rem 0 3rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: .5rem; align-items: flex-end; background-color: #fff; border-top: 1px solid #00ADBB; position: relative; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ht { text-align: right; padding-right: .5rem; align-self: flex-start; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt { font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.devise { margin-right: .5rem; font-size: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.ht { font-family: inherit; font-size: 1rem; align-self: flex-end; padding-bottom: .1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.value { font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc { text-align: left; border-left: 1px solid #00adbb; padding-left: .5rem; font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes { font-size: .75rem; text-transform: uppercase; background-color: #fff; padding: .5rem; width: 100%; position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.devise { margin-right: .125rem; font-size: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.ttc { font-family: inherit; font-size: .5rem; align-self: flex-end; padding-bottom: .05rem; margin-right: .125rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.value { margin-right: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes span.value { margin-right: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc { font-size: 1.5rem; display: flex; text-align: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.devise { margin-right: .5rem; font-size: 1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.ttc { font-family: inherit; font-size: 1rem; align-self: flex-end; padding-bottom: .1rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.value { font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public span.title { grid-column: 1/3; text-transform: lowercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public span.title:first-letter { text-transform: uppercase; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix { margin: 1rem; margin-bottom: 0; padding: 1rem; display: grid; grid-template-columns: 1fr 100px; align-items: flex-end; background-color: #FFF; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.title { grid-column: 1/3; color: var(--vertFD); } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHt { color: #00ADBB; font-size: 1rem; padding-right: .5rem; padding-left: 0; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.devise { margin-right: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.ht { align-self: flex-end; padding-bottom: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.value { font-size: 2.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif { color: var(--vertFD); font-size: 1rem; padding-right: .5rem; padding-left: 0; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.devise { margin-right: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.ht { align-self: flex-end; padding-bottom: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHtTarif span.value { font-size: 2.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votreRemise { text-align: left; text-transform: lowercase; padding: .25rem .5rem; color: #fff; background-color: #207577; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votreRemise span.value { font-weight: bold; font-size: 1.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.ecotaxes { font-family: 'Montserrat', sans-serif; /* font-weight: 700; */ display: flex; justify-content: center; font-size: .7rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.ecotaxes span.devise { margin-right: .125rem; font-size: .5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.ecotaxes span.ht { font-family: inherit; font-size: .75rem; align-self: flex-end; padding-bottom: .05rem; margin-right: .125rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.ecotaxes span.value { margin-left: .25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.prixPublicHt { font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.prixPublicHt span.devise { margin-right: .5rem; font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.prixPublicHt span.ht { font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .35rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.prixPublicTtc { font-size: 3rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.prixPublicTtc span.devise { margin-right: 0.5rem; font-size: 1.5rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif span.prixPublicTtc span.ttc { font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: 0.35rem; } @media screen and (min-width: 576px) { body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } body.convertisseurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 992px) { body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { display: table; white-space: nowrap; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 6; display: initial; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHt span.value { font-size: 3rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.votre-prix span.votrePrixHt { padding-left: 100px; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ht span.prixPublicHt span.value { font-size: 2.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.prixPublicTtc span.value { font-size: 2.25rem; } div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-convertisseur div.tarif div.tarif-pro div.prix-public div.prix-public-ttc span.ecotaxes { font-size: 1rem; } }div.IndeXysCommerceArticle.liste[data-designation*="Nuancier"] div.tarif p span.prix span.ttc, div.IndeXysCommerceArticle.liste[data-designation*="Nuancier"] div.tarif p span.prix span.ht { display: none; } div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.fiche div.galerie span.garantie, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.fiche > div.liens, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.configurez, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.choisissez-nombre-spots, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.title, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.fiche div.configuration form div.votre-kit div.tarif, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.conseils, div.nuancier-echantillon div.MFDEclairageConfigurateurProduit div.caracteristiques-techniques { /*display: none;*/ } body.acces-electriciens-1 div#zoneCentre { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0; position: relative; font-family: 'Montserrat', sans-serif; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient { /*position: absolute; right: 1rem; top: 14.5rem; width: 465px;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification { background-color: rgba(0, 173, 187, .2); padding: .5rem; color: #FFF; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create { background-color: #FFF; margin: 0; padding: .5rem; padding-bottom: .25rem; color: #666; flex: 100%; border: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form { border: 1px solid #ECEDED; padding: .5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form div.authentication div.contenuAuthentication p.navigation.select button.valider span { font-size: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form div.authentication div.contenuAuthentication p.navigation.select button.valider span::before { font-size: initial; content: "Me connecter"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form div.authentication div.contenuAuthentication p.navigation.select button.valider:hover { text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form div.contenuAuthentication { display: initial; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form h4 { margin: 0; padding: 0; text-transform: uppercase; margin-bottom: 1rem; position: relative; padding-left: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form h4 span { font-size: 0; padding-bottom: .5rem; border-bottom: 1px solid #666; margin-left: 0; display: initial; min-height: initial; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; margin-right: .75rem; position: absolute; top: 0.5rem; left: -.25rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p { margin: 0; padding: 0; margin-bottom: .5rem; /*padding-left: 1rem;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p input { font-size: 1rem; border-radius: 0; border: 1px solid #666; padding: .25rem .5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p input[type="password"] { width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p input[type="text"] { width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p.navigation.select { padding-left: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p.navigation.select button.valider { text-transform: uppercase; background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; font-size: 1.25rem; cursor: pointer; font-family: 'Montserrat', sans-serif; width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p.navigation.select button.valider span { font-size: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create form p.navigation.select button.valider span::before { font-size: initial; content: "Créer mon compte"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create h4 span::after { font-size: 1.5rem; content: " mon compte"; color: #00ADBB; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.create h4 span::before { font-size: 1.5rem; content: "Je crée"; color: #00ADBB; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login { background-color: #FFF; margin: 0; padding: .5rem; padding-bottom: .25rem; color: #666; flex: 100%; border: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form { border: 1px solid #ECEDED; padding: .5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication { display: initial; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p { margin: 0; padding: 0; margin-bottom: .5rem; /*padding-left: 1rem;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p input { font-size: 1rem; border-radius: 0; border: 1px solid #666; padding: .25rem .5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p input[type="password"] { width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p input[type="text"] { width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.explication span { font-size: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.explication span::before { font-size: initial; content: "Entrez votre adresse e-mail et le mot de passe de votre choix pour vous identifier"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.navigation.select { padding-left: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.navigation.select button.valider { text-transform: uppercase; background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; font-size: 1.25rem; cursor: pointer; font-family: 'Montserrat', sans-serif; width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.navigation.select button.valider span { font-size: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.navigation.select button.valider span::before { font-size: initial; content: "Me connecter"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication div.contenuAuthentication p.navigation.select button.valider:hover { text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication h4 { margin: 0; padding: 0; text-transform: uppercase; margin-bottom: 1rem; position: relative; padding-left: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication h4 span { font-size: 0; padding-bottom: .5rem; border-bottom: 1px solid #666; margin-left: 0; display: initial; min-height: initial; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication h4 span::before { content: "Je me connecte"; font-size: 1.5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.login form div.authentication h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; margin-right: .75rem; position: absolute; top: 0.5rem; left: -.25rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient { color: #666; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient h4 { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p { margin: 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p.explication { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p.lien { text-align: center; padding: 0 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p.lien a { transform: translate(0, -25%); display: inline-block; text-decoration: none; text-transform: uppercase; background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; font-size: 1.25rem; cursor: pointer; width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p.lien a span { font-size: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p.lien a span::before { font-size: initial; content: "Je crée mon compte"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.nouveauClient p.lien a:hover { text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.recover { background-color: #FFF; padding: 0 1rem 2rem; color: #666; order: initial; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.recover p { margin: 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.recover p.navigation.back a.willRecoverPassword { text-transform: lowercase; color: #00ADBB; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.recover p.navigation.back span.explication { font-size: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.recover p.navigation.back span.explication::before { font-size: initial; content: "Si vous avez oublié votre mot de passe "; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register { padding: .5rem; background-color: #FFF; color: #666; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.contenuRegister p.navigation.select { display: flex; flex-direction: column; margin-bottom: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.contenuRegister p.navigation.select a { /*font-size: 1rem; margin: .25rem; padding: .25rem; background-color: #FFF; text-transform: uppercase; color: #00ADBB; border: 2px solid #00ADBB; width: 50%; text-decoration: none; text-align: center;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.contenuRegister p.navigation.select a:hover { text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.contenuRegister p.navigation.select button { font-size: 1rem; margin: .25rem; padding: .25rem; background-color: #00ADBB; text-transform: uppercase; color: #FFF; border: none; /*width: 50%;*/ cursor: pointer; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.contenuRegister p.navigation.select button:hover { text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.saisieAdresseFacturation { margin-top: 3rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.saisieAdresseLivraison { margin-top: 3rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.valider p.back { position: absolute; top: 0; right: 0; font-size:0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.valider p.back a { text-decoration: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.valider p.back a::after { content: "Retour identification"; font-size: 1rem; color: #00ADBB; text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.valider p.back a:before { content: "< "; font-size: 1rem; color: #00ADBB; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register div.valider p.select { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset { margin: 0; margin-top: 2rem; margin-left: 1.75rem; padding: 0; border: none; position: relative; border-top: 1px solid #666; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset { margin-bottom: .5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset label.champObligatoire { color: #00ADBB; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset label.champObligatoire::after { content: " *"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset legend { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset legend:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p { margin: 1rem 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p { display: flex; flex-direction: column; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p input { font-size: 1rem; padding: .25rem .5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p input[type="text"] { width: 250px; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p label { display: inline-block; width: 200px; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p select { width: 250px; font-size: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span input[type="password"] { width: 100%; padding: .25rem .5rem; font-size: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span input[type="text"] { width: 100%; padding: .25rem .5rem; font-size: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span select { width: 100%; padding: .25rem .5rem; font-size: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span.select-to-one { display: flex; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span.select-to-one span.indeXys-nowrap { margin: .25rem 0; margin-right: 2rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span.select-to-one span.indeXys-nowrap input[type="radio"] { margin-left: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span.separator { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p span.separator { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.accepte-emailing { flex-direction: row; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.accepte-emailing input { margin-left: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.accepte-emailing input { margin: 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.accepte-emailing label { width: 90%; margin-left: .25rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.civilite input.ui_button.cancel_button { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.civilite span.indeXys-nowrap:first-of-type input { /*margin-left:0;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.code-postal span input { width: 100%; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.commentaire-inscription span.ingencysTagSelector input { border: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.commentaire-inscription span.ingencysTagSelector label { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.commentaire-inscription span.ingencysTagSelector label::after { content: " *"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.nature-compte span.select-to-one span.indeXys-nowrap:first-of-type { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.nature-compte span.select-to-one span.indeXys-nowrap:nth-of-type(2) { /*display: none;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.numero-tva-intracommunautaire span input { width: 100%; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset p.telephone span input { width: 100%; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register fieldset.adresseClient p select { position: relative; left: -4px; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h3 { border-top: 1px solid; position: relative; margin: 2rem 0; padding: 0; margin-left: 1.75rem; text-transform: uppercase; font-weight: normal; font-size: 1.5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h3 span { position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h3 span:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h4 { text-transform: uppercase; position: relative; margin: 0; margin-bottom: 3rem; margin-left: 1.5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h4 span { font-size: 0; border-bottom: 1px solid #666; padding-bottom: .25rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h4 span::after { font-size: 1.5rem; content: " mon compte"; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h4 span::before { font-size: 1.5rem; content: "Je crée"; color: #00ADBB; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; margin-right: .75rem; position: absolute; top: 0.5rem; left: -1.25rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p { margin: 1rem 0; margin-left: 1.75rem; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p span.indeXys-nowrap:first-of-type { /*display: inline-block; Margin-right: 2rem;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p.commentaire-inscription > label { width: 100%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p.commentaire-inscription > label span.intervention { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p.commentaire-inscription > label::after { content: "Vous pouvez renseigner ici votre secteur en utilisant le menu déroulant ou en tapant (texte ou numéro) le(s) département(s) couvert(s)."; color: #666; display: block; font-size: .9rem; font-style: italic; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p.commentaire-inscription > span.form-input > input { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification div.register p.sauvegarde { margin: .5rem 0; margin-left: 1.5rem } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps { display: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { margin: 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { margin-left: 0; margin-right: auto; padding: 1rem; grid-template-columns: repeat(1, 1fr); } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { margin: 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique > p:first-of-type { padding: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique > p:first-of-type::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; margin-right: .75rem; position: relative; top: -0.1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique > p:last-of-type { margin-top: 2rem; text-align: center; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.fondNoirTransparent { margin: 0; padding: 1rem; background-color: rgba(0, 0, 0, 0.3); color: #fff; display: grid; grid-template-columns: 100px 1fr; grid-gap: 1rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique img { margin: 0; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p { margin: 0; padding: 0; font-weight: 500; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { display: inline-block; padding: .5rem 1.5rem; background-color: rgba(0, 0, 0, 0.3); color: #fff; text-decoration: none; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a:hover { text-decoration: underline; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { display: grid; grid-template-columns: 1fr; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section { justify-content: initial; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { margin: 0; padding: 1rem 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p { margin: 0; padding: 0; line-height: 1.5rem; font-weight: 500; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p strong { color: inherit; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.enLigne div.contenu { display: flex; align-items: flex-start; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.enLigne div.contenu *:last-child { margin-right: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.enLigne div.contenu img { margin-right: .5rem; padding-right: .5rem; border-right: 1px solid #666; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titre div.contenu { margin: 0; margin-bottom: 1rem; padding: 0; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titre div.contenu::after { content: ""; display: block; margin-top: 1rem; border-bottom: 1px solid #FFF; width: 50%; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { /*padding: 1rem; padding-bottom: 0;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { margin: 0; padding: 0; padding-bottom: 1rem; display: inline-block; width: 100%; white-space: normal; text-align: left; color: #FFF; font-size: 1.5rem; text-transform: uppercase; font-weight: 500; border-bottom: 1px solid #fff; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 span.highlight { color: #00ADBB; font-size: 2.5rem; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication:first-of-type { color: #fff; background: no-repeat linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)), url("../images/accueil-pro.jpg") top 0 right -6rem; background-size: auto 100%; background-repeat: no-repeat; } body.acces-electriciens-1 div#zoneCentre h1, body.acces-electriciens-1 div#zoneCentre h2, body.acces-electriciens-1 div#zoneCentre h3, body.acces-electriciens-1 div#zoneCentre h4, body.acces-electriciens-1 div#zoneCentre h5, body.acces-electriciens-1 div#zoneCentre h6 { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletCompteClient div.sinscrire p a { background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; text-transform: uppercase; font-size: 1.25rem; cursor: pointer; box-shadow: #666 0px 2px 8px; } @media screen and (min-width: 576px) { body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { margin: 1rem auto; /*max-width: 505px;*/ } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification { padding: 1rem; } } @media screen and (min-width: 815px) { body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication:first-of-type { background: no-repeat linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)), url("../images/accueil-pro.jpg") top 0 right 0; } } @media screen and (min-width: 992px) { body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication:last-of-type { min-height: 1500px; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication:first-of-type { background: no-repeat linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)), url("../images/accueil-pro.jpg")top 0 right 0; background-repeat: no-repeat; } body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { width: calc(100% - 505px); margin-left: 0; margin-right: auto; padding: 2rem 1rem; grid-template-columns: repeat(1, 1fr); max-width: 1320px; } body.acces-electriciens-1 div#zoneCentre div.IndeXysCommercePortletCompteClient { position: absolute; right: 1rem; top: 12.5rem; width: 505px; z-index: 9; } } @media screen and (min-width: 1200px) { body.acces-electriciens-1 div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { width: calc(100% - 521px); } }body.etude-d-39-eclairage-sur-mesure div#zoneCentre { display: initial; max-width: initial; margin: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { padding: 0; max-width: initial; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; margin-bottom: 2rem; max-width: initial; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste { background-color: #f3f3f3; display: flex; flex-direction: column; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.image img { width: 100%; height: auto; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.tarif { margin-top: 0.5rem; font-weight: bold; color: #207578; text-align: center; font-size: 1.5rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.tarif span.devise { font-size: 0.75em; position: relative; top: -0.5em; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.tarif span.ttc { margin-left: 0.25rem; text-transform: uppercase; font-size: 1rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte { margin-top: 1rem; color: #666666; flex-grow: 1; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte ul { margin: 0; padding: 0; padding-left: 2rem; list-style-type: none; color: #00adbb; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte ul li { color: #666666; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte ul li:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .5rem; background-color: #FFFFFF; margin-right: .75rem; margin-left: .5rem; position: relative; top: -0.1rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste h2 { margin-top: 1rem; text-align: center; font-size: 1.5rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste h2 a { color: #00adbb; text-decoration: none; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste h2 a:hover { text-decoration: underline; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus { text-align: center; margin-top: 1.5rem; text-transform: uppercase; font-size: 0.75rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus a { display: inline-block; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; background-color: #00adbb; color: #ffffff; text-decoration: none; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus a:hover { text-decoration: underline; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 2rem; max-width: initial; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape { background-color: #f4f3f4; padding: 1rem; padding-left: 5.5rem; margin-bottom: 2rem; background-repeat: no-repeat; background-position: 1.5rem 2.25rem; background-size: 2.5rem auto; position: relative; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape h3 { color: #207578; font-size: 1.75rem; font-weight: 500; margin: 1rem 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape p { margin: 0; margin-bottom: 1.25rem; padding: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape::before { content: ""; position: absolute; top: 0; right: 0; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 0px 30px 30px 0px; height: 0; width: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape:last-of-type { margin-bottom: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeCinq { background-image: url("../images/chiffres_5.svg"); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeDeux { background-image: url("../images/chiffres_2.svg"); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeQuatre { background-image: url("../images/chiffres_4.svg"); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeSix { background-image: url("../images/chiffres_6.svg"); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeTrois { background-image: url("../images/chiffres_3.svg"); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeUne { background-image: url("../images/chiffres_1.svg"); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerEtudeEclairage { order: 2; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerEtudeEclairage div.contenu { padding: 2rem 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerEtudeEclairage div.contenu p a { display: inline-block; padding: .75rem 2.5rem; color: #fff; background-color: #00adbb; text-transform: uppercase; text-decoration: none; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerEtudeEclairage div.contenu p a:hover { text-decoration: underline; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage { margin-bottom: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu { display: flex; flex-direction: column; align-items: center; padding: 4rem 0 0; position: relative; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu div.texte { padding: 0 1rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu div.texte h2 { border-left: 1px solid #207578; margin-top: 1rem; padding-left: 1rem; color: #207578; font-weight: 300; font-size: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu img { /*max-width: 40%;*/ z-index: 10; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu p a { display: inline-block; padding: .75rem 2.5rem; color: #fff; background-color: #00adbb; text-transform: uppercase; text-decoration: none; position: relative; bottom: -24px; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu p:last-of-type { margin-bottom: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 20%; background-color: #207578; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapeQuatreASix div.contenu { display: flex; flex-direction: column; justify-content: space-between; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapeUneATrois { margin-bottom: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapeUneATrois div.contenu { display: flex; flex-direction: column; justify-content: space-between; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapesQuatreASix { margin-bottom: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapesQuatreASix div.contenu { display: flex; flex-direction: column; justify-content: space-between; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageQuatreASix { order: 1; margin-bottom: 2rem } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageQuatreASix div.contenu { object-fit: contain; width: 100%; height: 100%; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageQuatreASix div.contenu img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageUneATrois { margin-bottom: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageUneATrois div.contenu { object-fit: contain; width: 100%; height: 100%; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageUneATrois div.contenu img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { grid-column: auto / span 1; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 1; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeEtudeEclairage div.contenu { position: relative; padding: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeEtudeEclairage div.contenu h2 { display: inline-block; background-color: #207578; padding: 1rem; color: #fff; width: 100%; font-weight: 300; font-size: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeEtudeEclairage div.contenu h3 { color: #00adbb; display: block; padding: 1rem; padding-left: 4rem; width: 100%; font-size: 1.5rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeEtudeEclairage div.contenu::before { content: ""; position: absolute; top: 7rem; left: 3rem; border: 1px solid #207578; height: 8rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage { order: 2; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu { padding: 3rem 0 1rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu a { display: inline-block; padding: .75rem 1.25rem; color: #fff; background-color: #00adbb; text-transform: uppercase; text-decoration: none; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu a:hover { text-decoration: underline; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu h2 { color: #00adbb; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 300; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu h3 { font-weight: 500; margin-bottom: 1.25rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu p { margin: 0 6rem /*1.25rem*/; padding: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.navSections { display: none; } body.etude-d-39-eclairage-sur-mesure h1, body.etude-d-39-eclairage-sur-mesure h2, body.etude-d-39-eclairage-sur-mesure h3, body.etude-d-39-eclairage-sur-mesure h4, body.etude-d-39-eclairage-sur-mesure h5, body.etude-d-39-eclairage-sur-mesure h6 { font-family: 'Montserrat', serif; font-weight: 400; } body.nos-offres div#zoneCentre { max-width: initial; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication { /*margin-left: auto; margin-right: auto; width: 80%; max-width: 1200px;*/ } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: initial; padding: 0; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; margin-bottom: 2rem; max-width: initial; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste { background-color: #f3f3f3; display: flex; flex-direction: column; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.image img { width: 100%; height: auto; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.tarif { margin-top: 0.5rem; font-weight: bold; color: #207578; text-align: center; font-size: 1.5rem; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.tarif span.devise { font-size: 0.75em; position: relative; top: -0.5em; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.tarif span.ttc { margin-left: 0.25rem; text-transform: uppercase; font-size: 1rem; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte { margin-top: 1rem; color: #666666; flex-grow: 1; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte ul { margin: 0; padding: 0; padding-left: 2rem; list-style-type: none; color: #00adbb; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte ul li { color: #666666; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte ul li:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .5rem; background-color: #FFFFFF; margin-right: .75rem; margin-left: .5rem; position: relative; top: -0.1rem; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste h2 { margin-top: 1rem; text-align: center; font-size: 1.5rem; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste h2 a { color: #00adbb; text-decoration: none; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste h2 a:hover { text-decoration: underline; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus { text-align: center; margin-top: 1.5rem; text-transform: uppercase; font-size: 0.75rem; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus a { display: inline-block; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; background-color: #00adbb; color: #ffffff; text-decoration: none; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste p.enSavoirPlus a:hover { text-decoration: underline; } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreEtudeEclairage div.contenu h2 { color: #00adbb; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 300; } body.nos-offres h1, body.nos-offres h2, body.nos-offres h3, body.nos-offres h4, body.nos-offres h5, body.nos-offres h6 { font-family: 'Montserrat', serif; font-weight: 400; } @media screen and (min-width: 576px) { body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 992px) { body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } body.nos-offres div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { grid-template-columns: repeat(2, 1fr); } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { grid-column: auto / span 2; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu::before { width: 30%; height: 100%; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu { flex-direction: row; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu img { margin-left: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu div.texte { margin-left: 2rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeEtudeEclairage div.contenu h2 { width: 30%; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeEtudeEclairage div.contenu h3 { width: 40%; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageQuatreASix div.contenu { margin-bottom: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageQuatreASix { order: initial; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerEtudeEclairage { order: initial; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapesQuatreASix { margin-bottom: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageQuatreASix { margin-bottom: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage { margin-bottom: 0; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifEtudeEclairage div.contenu img { max-width: 40%; } }div#MFDEclairageConfigurateur_DisplayPanier { width: 100%; height: 400px; display: flex; flex-direction: column; justify-content: center; margin: auto; } div#MFDEclairageConfigurateur_DisplayPanier p.continuer { display: flex; flex-direction: column; align-items: center; } div#MFDEclairageConfigurateur_DisplayPanier p.continuer a { display: inline-block; text-align: center; color: var(--vertFD); padding: .75rem; border: 1px solid var(--vertFD); text-decoration: none; text-transform: uppercase; width: 300px; } div#MFDEclairageConfigurateur_DisplayPanier p.continuer a:hover { text-decoration: underline; } div#MFDEclairageConfigurateur_DisplayPanier p.message { display: block; padding-top: 3rem; background-image: url("../images/coche_verte.svg"); background-position: top center; background-repeat: no-repeat; background-size: 50px; color: var(--vertFD); text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.25rem; } div#MFDEclairageConfigurateur_DisplayPanier p.quantite { margin: 0; padding: 0; text-align: center; } div#MFDEclairageConfigurateur_DisplayPanier p.quantite span.quantite { font-family: 'Montserrat', sans-serif; font-weight: 700; } div#MFDEclairageConfigurateur_DisplayPanier p.valeur { margin: 0; padding: 0; text-align: center; } div#MFDEclairageConfigurateur_DisplayPanier p.valeur span.montant { font-family: 'Montserrat', sans-serif; font-weight: 700; } div#MFDEclairageConfigurateur_DisplayPanier p.valeur span.ttc { font-family: 'Montserrat', sans-serif; font-weight: 700; } div#MFDEclairageConfigurateur_DisplayPanier p.voir-panier { display: flex; flex-direction: column; align-items: center; } div#MFDEclairageConfigurateur_DisplayPanier p.voir-panier a { display: inline-block; background-color: var(--vertFD); text-align: center; color: var(--blanc); padding: .75rem; border: 1px solid var(--vertFD); text-decoration: none; text-transform: uppercase; background-image: url("../images/panier_blanc.svg"); background-position: left center; background-position-x: 5%; background-repeat: no-repeat; background-size: 50px; width: 300px; } div#MFDEclairageConfigurateur_DisplayPanier p.voir-panier a:hover { text-decoration: underline; } @media screen and (min-width: 576px) { } @media screen and (min-width: 768px) { } @media screen and (min-width: 992px) { div#MFDEclairageConfigurateur_DisplayPanier { width: 640px; } } @media screen and (min-width: 1200px) { }div.filtre-cle form div.filtre-contenu-cle.slider.active div.values { display: flex; margin-top: .25rem; width: 100%; } div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span { display: flex; width: 50%; font-size: 1rem; } div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span input { font-size: 1rem; width: 80px; border: none; } div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span.max-value { justify-content: flex-end; } div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span.max-value input { text-align: right; } div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span.min-value input { text-align: left; } a.glossary_term { color: var(--vertFD); text-decoration: underline; cursor: help; } div#zoneCentre div.IndeXysGlossaryPortletGlossary div.contenuPortlet { max-width: 1320px; margin: 0 auto; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary { margin: 0; padding: 1rem; padding-top: 0; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.content { margin: 0; margin-top: 0.5rem; padding: 0; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.content p { margin: 0; padding: 0; font-size: 1rem; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.regroupement { margin: 0; margin-top: 1.5rem; padding: 0; font-size: 2rem; font-weight: bold; color: var(--vertFD); } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.regroupement:first-of-type { margin: 0; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.sous-titre { margin: 0; margin-top: 1rem; padding: 0; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.sous-titre h3 { margin: 0; padding: 0; font-size: 1rem; font-weight: bold; } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.titre { margin-top: 1.5rem; border-bottom: 1px solid var(--vertFD); } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.titre h2 { display: inline-block; margin: 0; padding: 0; padding-right: .5rem; font-size: 1.25rem; font-weight: bold; border: 0; color: var(--vertFD); background-color: var(--blanc); transform: translateY(25%); } div.IndeXysGlossaryPortletGlossary div.alphabeticalGlossary div.titre h2 span.glossary { display: none; } div.MFDEclairageConfigurateurProduit p a.glossary_term { color: var(--vertFD); text-decoration: underline; cursor: help; } div.MFDEclairageConfigurateurProduit span a.glossary_term { color: var(--vertFD); text-decoration: underline; cursor: help; } div.MFDEclairageConfigurateurProduit ul li a.glossary_term { color: var(--vertFD); text-decoration: underline; cursor: help; } #gdpr-cookie-message { position:fixed; bottom: .5rem; left: 1rem; width: 60%; max-width: 375px; background-color: var(--blanc); padding:.5rem; border-radius:5px; box-shadow:0 6px 6px rgba(0,0,0,.25); box-sizing: initial; z-index: 1000000; } #gdpr-cookie-message * { box-sizing: border-box; } #gdpr-cookie-message .gdpr-cookie-links, #gdpr-cookie-refuse-and-continue { display: none; } #gdpr-cookie-message .gdpr-cookie-more a { font-weight:400; font-size:1em; } #gdpr-cookie-message .gdpr-cookie-refuse-and-continue { text-align:right; position: relative; } #gdpr-cookie-message .gdpr-cookie-refuse-and-continue a { font-weight:400; font-size:.85em; } #gdpr-cookie-message a { color:#666; text-decoration:none; font-size:1rem; padding-bottom:2px; cursor:pointer; transition:all .3s ease-in; } #gdpr-cookie-message a#gdpr-cookie-more { display: block; color: #666; text-decoration:none; font-size:.75rem; padding-bottom:2px; border-bottom:1px dotted rgba(255,255,255,.75); cursor:pointer; transition:all .3s ease-in; } #gdpr-cookie-message a#gdpr-politique-confidentialite { display: block; color: #666; text-decoration:none; font-size:.75rem; padding-bottom:2px; border-bottom:1px dotted rgba(255,255,255,.75); cursor:pointer; transition:all .3s ease-in; } #gdpr-cookie-message button { border:none; color:#fff; font-size:13px; padding:7px; border-radius:3px; cursor:pointer; transition:all .3s ease-in; } #gdpr-cookie-message button#gdpr-cookie-accept { background-color:var(--vertFD); color: var(--blanc); width: 100%; grid-column: 1/3; grid-row: 2/3; text-transform: uppercase; position: relative; } #gdpr-cookie-message button#gdpr-cookie-accept::after { content: "\f00d"; font-family: 'Font Awesome 5 Free'; 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 var(--blanc); } #gdpr-cookie-message button#gdpr-cookie-accept:hover { background-color:var(--bleuFD); } #gdpr-cookie-message button#gdpr-cookie-advanced { background-color: initial; color: var(--gris); text-align: left; font-size: .8rem; grid-column: 1/2; grid-row: 1/2; text-decoration: underline; } #gdpr-cookie-message button#gdpr-cookie-refuse { color:var(--gris); text-decoration: underline; background-color: var(--blanc); font-size: .8rem; text-align: right; } #gdpr-cookie-message button:disabled { opacity:.3; } #gdpr-cookie-message button:hover { background:#fff; color:var(--red); transition:all .3s ease-in; } #gdpr-cookie-message h4 { display:none; } #gdpr-cookie-message h4 img#logo { position: absolute; top: 1.25rem; left: 1.25rem; width: 250px; height: auto; } #gdpr-cookie-message h5 { color:#666; font-size:.75rem; font-weight:500; margin-top: .5rem; margin-bottom:.5rem; } #gdpr-cookie-message img#drapeauFrance { display: inline-block; width: 20px; margin-left: .25rem; margin-right: .25rem; } #gdpr-cookie-message input[type=checkbox] { float:none; margin-top:0; margin-right:5px; } #gdpr-cookie-message li { width:49%; display:inline-block; } #gdpr-cookie-message p,#gdpr-cookie-message ul { color:var(--gris); font-size:.8rem; line-height:1.5em; text-align: center; margin: 0; } #gdpr-cookie-message p:last-child { display: grid; margin: 0 auto; width: 185px; grid-template-columns: repeat(2, 1fr); grid-gap: .25rem; } #gdpr-cookie-overlay { background: #000; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: .25; z-index: 100000; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique { grid-column: 1/5; background-color: #f3f2f3; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.contenuPortlet { max-width: 1320px; margin: 0 auto; padding: 1rem; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.liste > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.liste > ul > li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.liste > ul > li::after { content: " - "; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.liste > ul > li:last-of-type::after { content: ""; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.liste ul li a { text-decoration: none; color: var(--grisNav); display: inline-block; margin: 0 .5rem; font-size: .9rem; font-weight: 300; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.liste ul li a:hover { text-decoration: underline; } div#zoneBas div#nosSpots.IndeXysPortletNavigationRubrique div.titrePortlet h3 { text-align: center; } div#zoneBas div#referencementMaison.IndeXysPortletNavigationPublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; padding: 1rem; padding-bottom: 0; } div#zoneBas div#referencementTravail.IndeXysPortletNavigationPublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; padding: 0 1rem; padding-top: 0; } div#zoneBas div.IndeXysPortletNavigationPublication { grid-column: 1/5; background-color: #f3f2f3; } div#zoneBas div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } div#zoneBas div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; } div#zoneBas div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } div#zoneBas div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a { text-decoration: none; color: #666; display: inline-block; margin: 0 .5rem; font-size: .9rem; font-weight: 300; } div#zoneBas div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a:hover { text-decoration: underline; } body.les-suspensions div.information.FDProduit.liste div.caracteristiques, body.les-appliques div.information.FDProduit.liste div.caracteristiques, body.les-plafonniers div.information.FDProduit.liste div.caracteristiques, body.nos-luminaires-decoratifs div.information.FDProduit.liste div.caracteristiques, body.nos-luminaires div.information.FDProduit.liste div.caracteristiques { display: none; } body.nos-luminaires-decoratifs div.suspensions-cuisine div.information.FDProduit.liste div.texte table tbody tr:last-of-type { display: none; } p.message-vacance { display: none; } body.panier div#zoneCentre div.IndeXysPortletRubriquePublication { display: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.IndeXysGestionCommercialeClient fieldset p span.valid { position: relative; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.IndeXysGestionCommercialeClient fieldset p span.valid::after { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00adbb; position: absolute; top: 50%; left: 240px; transform: translateY(-50%); } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient p.motDePasse a { display: inline-block; margin-left: 5px; height: 30px; line-height: 30px; color: var(--vertFD); position: relative; top: 8px; left: 0; text-decoration: none; } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient p.motDePasse a span { background-image: url("../images/picto_oeil.svg"); background-position: top center; background-repeat: no-repeat; padding-top: 15px; background-size: 1.5rem auto } div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient p.motDePasse a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer::after { white-space: pre; content: '📞 Besoin d\'aide ?\A Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; display: block; text-align: left; font-size: 13px; font-weight: bold; color: #515151; margin: 0 20px; padding: .5rem } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset p span.valid { position: relative; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset p span.valid::after { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00adbb; position: absolute; top: 50%; left: 240px; transform: translateY(-50%); } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset p.valid { position: relative; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset p.valid::after { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00adbb; position: absolute; top: 70%; left: 240px; transform: translateY(-50%); } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.fermeture-usine { margin: 1rem 0; padding: 1rem; padding-top: 100px; background-image: url(../images/informationFD.svg); background-position: center .75rem; background-size: 75px 75px; background-color: var(--grisClair); background-repeat: no-repeat; color: var(--vertFD); } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.fermeture-usine p { margin: 0; margin-bottom: 1rem; display: block; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.fermeture-usine p:last-of-type { margin: 0; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.fermeture-usine ul { margin: 0; margin-bottom: 1rem; padding-left: 1rem; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier-right div.valider p.navigation.back::before { white-space: pre; content: '📞 Besoin d\'aide ?\A Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; display: block; text-align: left; font-size: 13px; color: #515151; margin-bottom: .5rem; padding: 0 .25rem .5rem; border-bottom: 1px solid #666666; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier::after { white-space: pre; content: '📞 Besoin d\'aide ?\A Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; display: block; text-align: left; font-size: 13px; font-weight: bold; color: #515151; padding: .5rem } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire { background-color: #f5f5f5; margin: 0 2rem; padding: 1rem; display: flex; align-items: center; flex-direction: column; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire div.texteQuestionnaire { padding-left: 1rem; text-align: left; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire div.texteQuestionnaire div.trait { border: 1px solid #0c9758; width: 100px; font-size: 0; margin: .5rem 0; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire div.texteQuestionnaire h2 { font-size: 20px; color: #515151; text-transform: uppercase; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire div.texteQuestionnaire p { font-size: 14px; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire img.imageQuestionnaire { max-width: 150px; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr td.totalTtcMontant.amount span.taxe span.title::before { content: "dont "; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif>form p.navigation.back::before { white-space: pre; content: '📞 Besoin d\'aide ?\A Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; display: block; text-align: left; font-size: 13px; color: #515151; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #666666; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements { margin: 1rem 2rem; padding: 1rem; background-color: #f5f5f5; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements div.social { display: flex; justify-content: center; margin-top: 1rem; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements div.social a { margin: 0 .25rem; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements h2 { text-align: center; font-size: 20px; color: #515151; text-transform: uppercase; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements p { text-align: center; font-size: 16px; color: #515151; text-transform: uppercase; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements p span.date { color: #cc0000; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements p.dateExpeditionPrevisionnelle { font-weight: bold; font-size: 13px; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.remerciements p.social { margin: 0px; margin-top: 5px; font-size: 14px; color: #666666; text-transform: initial; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div.register p.navigation.back::before { white-space: pre; content: '📞 Besoin d\'aide ?\A Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; display: block; text-align: left; font-size: 13px; color: #515151; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #666666; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.motDePasse a { display: inline-block; margin-left: 5px; height: 30px; line-height: 30px; color: var(--grisV2); position: relative; top: 8px; left: 0; text-decoration: none; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.motDePasse a span { background-image: url("../images/picto_oeil.svg"); background-position: top center; background-repeat: no-repeat; padding-top: 15px; background-size: 1.5rem auto } div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.motDePasse a:hover { text-decoration: underline; } div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a { font-size: 0; } div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::after { content: "J’accepte de recevoir cette newsletter et je comprends que je peux me désabonner facilement à tout moment."; font-size: .9rem; font-weight: initial; display: block; } div#zoneCentre div.information.IndeXysGestionCommercialeClient.edition fieldset.personneClient.contact.identite p.accepte-emailing label.boolean a::before { content: "Suivi de commande, bons plans et conseils décos/tendances : ne ratez rien !"; font-size: 1rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register { position: relative; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.adresseClient > p { margin: 0; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.saisieAdresseFacturation { margin-top: 3rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.saisieAdresseLivraison { margin-top: 3rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.valider p.back { position: absolute; top: 0; right: 0; font-size:0; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.valider p.back a { text-decoration: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.valider p.back a::after { content: "Retour identification"; font-size: 1rem; color: #00ADBB; text-decoration: underline; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.valider p.back a:before { content: "< "; font-size: 1rem; color: #00ADBB; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.valider p.select { display: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset { margin: 0; margin-top: 3rem; margin-left: 1.75rem; padding: 0; border: none; position: relative; border-top: 1px solid #666; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset legend { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset legend:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p { margin: 1rem 0; padding: 0; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p input[type="password"] { width: 260px; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p input[type="text"] { width: 260px; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p label { display: inline-block; width: 200px; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p label span { display: block; color: #666; font-size: .9rem; font-style: italic; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p label.champObligatoire { color: #00ADBB; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p label.champObligatoire::after { content: " *"; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p select { width: 260px; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p span.separator { display: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.accepte-emailing { display: flex; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.accepte-emailing input { margin: 0; padding: 0; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.accepte-emailing label { width: 90%; margin-left: .25rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.civilite input.ui_button.cancel_button { display: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.code-postal input { width: 260px; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.commentaire-inscription label { width: initial; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.commentaire-inscription label span.intervention { display: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.commentaire-inscription label::after { content: "Vous pouvez renseigner ici votre secteur en utilisant le menu déroulant ou en tapant (texte ou numéro) le(s) département(s) couvert(s)."; color: #666; display: block; font-size: .9rem; font-style: italic; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.commentaire-inscription span.form-input > input.text { display: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.commentaire-inscription span.form-input span.ingencysTagSelector input { border: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.commentaire-inscription span.form-input span.ingencysTagSelector label { display: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.numero-tva-intracommunautaire input { width: 260px; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset p.telephone input { width: 260px; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register fieldset.adresseClient p select { position: relative; left: -4px; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register h3 { border-top: 1px solid; position: relative; margin: 2rem 0; padding: 0; margin-left: 1.75rem; text-transform: uppercase; font-weight: normal; font-size: 1.5rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register h3 span { position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register h3 span:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register p { margin: 1rem 1.75rem; padding: 0; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register p.navigation { font-size: 0; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register p.navigation a { font-size: 0; text-decoration: none; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register p.navigation a::before { font-size: 1rem; content: "Retour à l'identification"; margin: .25rem; padding: .25rem .5rem; background-color: #FFF; text-transform: uppercase; color: #00ADBB; border: 2px solid #00ADBB; text-align: center; display: inline-block; width: 270px; box-sizing: border-box; } div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register p.select button { font-size: 1rem; margin: .25rem; padding: .25rem .5rem; background-color: #00ADBB; text-transform: uppercase; color: #FFF; border: 2px solid #00ADBB; cursor: pointer; display: inline-block; width: 270px; } div.IndeXysCommercePortletCompteClient div.compteClient form.register fieldset p span.form-input > span { display: flex; flex-direction: column; } div.IndeXysCommercePortletCompteClient div.compteClient form.register fieldset p span.form-input > span span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletCompteClient div.compteClient form.register fieldset p span.form-input span.select-to-one { display: flex; flex-direction: column; } div.IndeXysCommercePortletCompteClient div.compteClient form.register fieldset p span.form-input span.select-to-one span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset { margin: 0; margin-top: 3rem; margin-left: 1.75rem; padding: 0; border: none; position: relative; border-top: 1px solid #666; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset legend { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset legend:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p { margin: 1rem 0; padding: 0; display: flex; flex-wrap: wrap; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p input[type="email"] { width: 260px; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p input[type="tel"] { width: 260px; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p input[type="text"] { width: 260px; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p label { display: inline-block; width: 100%; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p label.champObligatoire { color: #00ADBB; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p label.champObligatoire::after { content: " *"; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p select { width: 260px; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p span.separator { display: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p.accepte-emailing input { margin: 0; padding: 0; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p.accepte-emailing label { width: 90%; margin-left: .25rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p.civilite input.ui_button.cancel_button { display: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees fieldset p.code-porte { margin-top: 3rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form div.authentication div.contenuAuthentication { display: grid; column-gap: .5rem; grid-template-columns: 1fr 25%; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form div.recoverPassword p.select { grid-row: 3/4; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form h4 { grid-column: 1/3; text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: #00ADBB; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form h4 span { margin-left: 1.5rem; display: inline-block; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form h4:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p { margin: 0; margin-top: 1rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p input[type="email"] { width: calc(100% - 80px); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p input[type="password"] { width: calc(100% - 80px); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p input[type="text"] { width: calc(100% - 80px); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.back { grid-column: 1/3; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.back a { color: #00ADBB; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.explication { grid-column: 1/3; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.identifiant { grid-column: 1/2; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.motDePasse { grid-column: 1/2; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.select { grid-column: 2/3; grid-row: 4/5; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.select input { background-color: #00ADBB; border-style: solid; border-color: #00ADBB; color: #FFF; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.valider-cgv { margin: 1rem 0; padding: 0; display: flex; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.valider-cgv a { color: #666; text-decoration: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.valider-cgv a:hover { color: #00ADBB; text-decoration: underline; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form p.valider-cgv input { margin-right: .5rem; flex-shrink: 0; width: 1.2rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form.register { border: 1px solid var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form.register h4 { grid-column: 1/3; text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: #00ADBB; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form.register h4 span { margin-left: 1.5rem; display: inline-block; min-height: 60px; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form.register h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form.register p.navigation.back a.willRecoverPassword { color: #00ADBB; text-decoration: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment div div p button { margin: 0 auto; padding: .5rem 1rem; border: 1px solid #00adbb !important; width: 300px; display: flex; text-align: center; justify-content: center; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment div div p button span img { display: block; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment div.cash-payment div.cmcic p { text-align: center; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment h4 { text-align: center; font-size: 1.15rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment h4 span { display: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment h4::before { content: "Cliquez sur votre mode de paiement"; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment h5 { display: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.methods-of-payment h6 { display: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.paiement div.reference-of-payment { width: 70%; margin: 0 auto; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape { margin: 0; margin-bottom: 1rem; padding: 0; list-style: none; display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li { width: 80px; text-align: center; font-size: .7rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li a { color: #666666; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li a.off { color: #666666; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li a.on { color: #00ADBB; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li a.over { color: #666666; text-decoration: none; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li a.over:hover { text-decoration: underline; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li span.out span.in { padding-top: 60px; width: 100%; display: block; background-size: 60px auto; background-repeat: no-repeat; background-position: top center; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li.coordonnees a.on span.out span.in { background-image: url("../images/coordonnees.on.png"); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li.coordonnees span.out span.in { background-image: url("../images/coordonnees.off.png"); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li.paiement a.on span.out span.in { background-image: url("../images/paiement.on.png"); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li.paiement span.out span.in { background-image: url("../images/paiement.off.png"); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li.saisieMontant a.on span.out span.in { background-image: url("../images/panier.on.png"); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li.saisieMontant span.out span.in { background-image: url("../images/panier.off.png"); } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne p.navigation.select button.valider { background-color: #00ADBB; border-style: solid; border-color: #00ADBB; color: #FFF; font-size: 1rem; padding: .25rem .5rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment { display: flex; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment h5 { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment p { display: none; margin: 0; padding: .5rem 1rem; background-color: #C7C9C9; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment p a { color: #666; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment p a.img { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment p input { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment p:first-of-type { margin-left: 0; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.cash-payment p:hover a { /*text-decoration: underline;*/ cursor: default; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.methods-of-payment { display: flex; flex-direction: column; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.methods-of-payment h4 { display: none; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.methods-of-payment p.amount { grid-column: 1/3; border-top: 1px solid #666; border-bottom: 1px solid #666; margin: 0; margin-bottom: 1rem; padding: 1rem 3rem; display: flex; justify-content: space-between; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.methods-of-payment p.amount span.label { font-family: 'Montserrat', sans-serif; font-weight: 700; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.methods-of-payment p.amount span.separator { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.methods-of-payment p.amount span.value { font-family: 'Montserrat', sans-serif; font-weight: 700; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments { display: flex; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments h5 { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p { display: none; margin: 0; padding: .5rem 1rem; background-color: #C7C9C9; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p a { color: #666; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p a.img { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p input { display: none; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p.on { background-color: #00ADBB; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p.on a { color: #FFF; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p.on:hover a { color: #FFF; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p:hover a { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer form div.payment-in-installments p:last-of-type { margin-right: 0; } div.IndeXysCommercePortletSuiviCommande div.card-payment { background-color: var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.card-payment a { color: #00ADBB; } div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment > div { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment a { display: inline-block; border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment form p button span { display: flex; justify-content: center; border: 2px solid #00ADBB; background: #fff; padding: .5rem 1rem; } div.IndeXysCommercePortletSuiviCommande div.card-payment h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.content { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.content a { color: var(--vertFD); text-align: center; } div.IndeXysCommercePortletSuiviCommande div.content div.IndeXysSurveySurvey { text-align: left; } div.IndeXysCommercePortletSuiviCommande div.contenuPortlet { max-width: 1320px; margin: 0 auto; padding: 0 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer { display: flex; flex-wrap: wrap; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form { flex: 0 0 100%; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form div.recoverPassword p.select { grid-row: 3/4; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form h4 { grid-column: 1/3; text-transform: uppercase; margin: 0; margin-top: 1rem; font-size: 1.5rem; position: relative; color: var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form h4 span { margin-left: 1.5rem; display: inline-block; min-height: 60px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: .7rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p { margin: 0; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p input[type="email"] { /*width: 100%;*/ width: calc(100% - 80px); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p input[type="password"] { /*width: 100%;*/ width: calc(100% - 80px); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p input[type="text"] { /*width: 100%;*/ width: calc(100% - 80px); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.back { grid-column: 1/3; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.back a { color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.explication { grid-column: 1/3; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.identifiant { grid-column: 1/2; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.motDePasse { grid-column: 1/2; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.select input { background-color: var(--vertFD); border-style: solid; border-color: var(--vertFD); color: var(--blanc); padding: 0.46rem; text-transform: uppercase; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form p.select input.commanderSansCompte { /*display: none;*/ text-decoration: inherit; margin-left: 1rem; color: var(--vertFD); border: 1px solid var(--vertFD); padding: 0.46rem; padding-right: 0.46rem; padding-left: 0.46rem; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; cursor: pointer; background-color: var(--blanc); font-size: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.create { flex: 0 1 100%; border: 1px solid var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.create div.create { display: grid; grid-template-columns: 1fr 25%; column-gap: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.create p.select { grid-column: 1/2; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register { position: relative; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.adresseClient > p { margin: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.saisieAdresseFacturation { margin-top: 3rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.saisieAdresseLivraison { margin-top: 3rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.valider p.back { position: absolute; top: 0; right: 0; font-size:0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.valider p.back a { text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.valider p.back a::after { content: "Retour identification"; font-size: 1rem; color: #00ADBB; text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.valider p.back a:before { content: "< "; font-size: 1rem; color: #00ADBB; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register div.valider p.select { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset { margin: 0; margin-top: 3rem; margin-left: 1.75rem; padding: 0; border: none; position: relative; border-top: 1px solid #666; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset legend { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset legend:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p { margin: 1rem 0; padding: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p input[type="text"] { width: 260px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p label { display: inline-block; width: 200px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p label.champObligatoire { color: #00ADBB; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p label.champObligatoire::after { content: " *"; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p select { width: 260px; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p span.separator { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.accepte-emailing { display: flex; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.accepte-emailing input { margin: 0; padding: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.accepte-emailing label { width: 90%; margin-left: .25rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.civilite input.ui_button.cancel_button { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.code-postal input { width: 260px; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.commentaire-inscription > label { width: initial; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.commentaire-inscription > label span.intervention { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.commentaire-inscription > label::after { content: "Vous pouvez renseigner ici votre secteur en utilisant le menu déroulant ou en tapant (texte ou numéro) le(s) département(s) couvert(s)."; color: #666; display: block; font-size: .9rem; font-style: italic; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.commentaire-inscription span.form-input span.ingencysTagSelector input { border: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.commentaire-inscription span.form-input span.ingencysTagSelector label { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.numero-tva-intracommunautaire input { width: 260px; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset p.telephone input { width: 260px; -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register fieldset.adresseClient p select { position: relative; left: -4px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register h3 { border-top: 1px solid; position: relative; margin: 2rem 0; padding: 0; margin-left: 1.75rem; text-transform: uppercase; font-weight: normal; font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register h3 span { position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register h3 span:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register p { margin: 1rem 1.75rem; padding: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register p.navigation { font-size: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register p.navigation a { font-size: 0; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register p.navigation a::before { font-size: 1rem; content: "Retour à l'identification"; margin: .25rem; padding: .25rem .5rem; background-color: #FFF; text-transform: uppercase; color: #00ADBB; border: 2px solid #00ADBB; text-align: center; display: inline-block; width: 270px; box-sizing: border-box; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription div.register p.select button { font-size: 1rem; margin: .25rem; padding: .25rem .5rem; background-color: #00ADBB; text-transform: uppercase; color: #FFF; border: 2px solid #00ADBB; cursor: pointer; display: inline-block; width: 270px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription fieldset p span.form-input > span { display: flex; flex-direction: column; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription fieldset p span.form-input > span span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription fieldset p span.form-input span.select-to-one { display: flex; flex-direction: column; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.inscription fieldset p span.form-input span.select-to-one span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.login { flex: 0 1 100%; border: 1px solid var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.login div.login { display: grid; grid-template-columns: 1fr 25%; column-gap: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.recoverPassword { flex: 0 1 calc(50% - .5rem); border: 1px solid var(--grisClair); margin-left: .5rem; padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form:not(.create) p.select { grid-column: 2/3; grid-row: 4/5; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left { position: relative; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.navigation { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseClient div.adresseClient p { margin: 1rem 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseClient div.adresseClient p.accepte-emailing { display: flex; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseClient div.adresseClient p.civilite span.form-input > span { display: flex; flex-direction: column; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseClient div.adresseClient p.civilite span.form-input > span span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseClient div.adresseClient p.nature-compte span.form-input span.select-to-one { display: flex; flex-direction: column; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseClient div.adresseClient p.nature-compte span.form-input span.select-to-one span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseFacturation { margin-top: 3rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.saisieAdresseLivraison { margin-top: 3rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.back { display: none; position: absolute; top: -2rem; right: 0; font-size:0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.back a { text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.back a::after { content: "Retour identification"; font-size: 1rem; color: var(--grisV2); text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.back a::before { content: "< "; font-size: 1rem; color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.select { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset { margin: 0; margin-top: 3rem; margin-left: 1.75rem; padding: 0; border: none; position: relative; border-top: 1px solid var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset legend { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; /*font-family: 'Roboto Slab', serif; font-weight: 400;*/ } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset legend::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p { margin: 1rem 0; padding: 0; display: flex; flex-wrap: wrap; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p input { font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p input[type="email"] { width: 260px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p input[type="tel"] { width: 260px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p input[type="text"] { width: 260px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p label { display: inline-block; /*width: 200px;*/ width: 100%; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p label.champObligatoire { color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p label.champObligatoire::after { content: " *"; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p select { width: 260px; font-size: 1rem; padding: .25rem .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p span.separator { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.accepte-emailing input { margin: 0; padding: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.accepte-emailing label { width: 90%; margin-left: .25rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.civilite input.ui_button.cancel_button { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.code-porte { margin-top: 3rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.commentaire-inscription input { border: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.commentaire-inscription label + .css-11tfndm { margin-top: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.commentaire-inscription label.champObligatoire span.intervention { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.commentaire-inscription label.champObligatoire::after { content: "Vous pouvez renseigner ici votre secteur en utilisant le menu déroulant ou en tapant (texte ou numéro) le(s) département(s) couvert(s)."; color: #666; display: block; font-size: .9rem; font-style: italic; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.commentaire-inscription span.form-input > input { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.commentaire-inscription span.ingencysTagSelector label { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset.adresseClient p select { position: relative; left: -4px; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left h3 span, div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left h4 span { position: absolute; top: -1.5rem; background-color: #FFF; padding-right: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left h3 span::before, div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left h4 span::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: .7rem; left: -1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left h3, div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left h4 { border-top: 1px solid; position: relative; margin: 2rem 0; padding: 0; margin-left: 1.75rem; margin-bottom: 1rem; text-transform: uppercase; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left p { margin: 1rem 0; margin-left: 1.75rem; padding: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left p > span { display: flex; flex-direction: column; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left p > span span.indeXys-nowrap { margin-top: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left p.civilite span { flex-direction: row; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left p.civilite span.indeXys-nowrap { width: 100%; margin-top: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.back { margin-bottom: 1rem; font-size:0; text-align: center; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.back a { text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.back a::after { content: "Retour identification"; font-size: 1rem; color: var(--grisV2); text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.back a::before { content: "< "; font-size: 1rem; color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.select { margin: 2rem 0; text-align: center; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.select button { border: none; background-color: var(--vertFD); color: var(--blanc); font-size: 1.5rem; text-transform: uppercase; padding-left: 1rem; padding-top: .5rem; padding-bottom: .5rem; padding-right: 1rem; width: 220px; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.select button span { font-size: 0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.select button span::after { content: "Passer au récapitulatif"; font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-right div.valider p.select button:hover { background-color: var(--bleuFD); } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet { display: grid; grid-template-columns: 1fr; column-gap: 2rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right { display: flex; flex-direction: column; align-items: center; background-color: var(--grisClair); } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div#sticker { width: 100%; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.continueShopping div.continue h4 { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.continueShopping div.continue p { margin: 0; padding: 0; margin-top: 1.5rem; margin-bottom: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.continueShopping div.continue p button { border: none; background-color: #F1F4F4; color: #00ADBB; font-size: 1rem; text-transform: uppercase; text-align: center; padding-left: 1rem; padding-top:.5rem; padding-bottom:.5rem; padding-right: 1rem; display: flex; flex-direction: column; align-items: center; box-shadow: 0px 0px 3px #000000; width: 190px; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.continueShopping div.continue p button::after { content: "mes achats"; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.submitOrder h4 { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.submitOrder p { margin: 0; padding: 0; margin-bottom: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.submitOrder p button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: right; padding-left: 5rem; padding-top:.5rem; padding-bottom:.5rem; padding-right: 1rem; background-image: url("../images/panier-blanc.png"); background-position: center left; background-repeat: no-repeat; background-position-x: 1rem; background-size: 25% auto; width: 190px; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.titre { width: 100%; height: 3rem; background-color: var(--grisNav); color: var(--blanc); padding:.5rem 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.titre h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.titre h2:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size:.75rem; background-color: #207577; margin-right:.75rem; position: relative; top: -0.15rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul { width: 100%; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table { border-collapse: collapse; width: 100%; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tbody tr:nth-child(even) { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tfoot tr.rowTotalTva { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td { padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcDesignation { font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--grisNav); } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant { font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--grisNav); } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe { display: block; font-size: .7em; font-weight: initial; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.devise { margin-right: .25rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.title::before { content: "dont "; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.unitPrice { margin: 0 .25rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.transportTtcMontant { /*font-size: 0;*/ } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td.transportTtcMontant::after { /*content: "Gratuit"; text-transform: uppercase; font-size: 1rem;*/ } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td:first-child { padding-right:0; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet div.panier-right div.totalSeul table tr td:last-child { text-align: right; font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ padding-left: 0; white-space: nowrap; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription div.register fieldset p.commentaire-inscription span.form-input > input.text { display: none; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription div.register fieldset p.commentaire-inscription span.form-input span.ingencysTagSelector label { color: #00adbb; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output { position: relative; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output div#outputAdresseClient { margin: 0; background-color: #eaeaea; position: absolute; bottom: -0.25rem; left: 0.5rem; z-index: 10000; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output div#outputAdresseClient a { display: block; padding-left: 0.5rem; padding-right: 0.5rem; line-height: 1.5rem; color: #334499; text-decoration: none; font-size: 0.8rem; white-space: nowrap; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output div#outputAdresseFacturation { margin: 0; background-color: #eaeaea; position: absolute; bottom: -0.25rem; left: 0.5rem; z-index: 10000; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output div#outputAdresseFacturation a { display: block; padding-left: 0.5rem; padding-right: 0.5rem; line-height: 1.5rem; color: #334499; text-decoration: none; font-size: 0.8rem; white-space: nowrap; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output div#outputAdresseLivraison { margin: 0; background-color: #eaeaea; position: absolute; bottom: -0.25rem; left: 0.5rem; z-index: 10000; } div.IndeXysCommercePortletSuiviCommande div.coordonnees span.output div#outputAdresseLivraison a { display: block; padding-left: 0.5rem; padding-right: 0.5rem; line-height: 1.5rem; color: #334499; text-decoration: none; font-size: 0.8rem; white-space: nowrap; } div.IndeXysCommercePortletSuiviCommande div.panier div.continueShopping div.start p.navigation a.valider { display: block; width: 100%; padding: 1rem; background-color: #00ADBB; color: #FFFFFF; max-width: 260px; text-align: center; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.panier div.continueShopping div.start p.navigation a.valider:hover { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet { display: grid; grid-template-columns: 1fr; column-gap: 2rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.enterCustomerReference p input { font-size: 1rem; padding: .15rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul button.reinitialiserPanier span { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul button.reinitialiserPanier::before { content: "Vider le panier"; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul button.viderPanier { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table { border-collapse: collapse; width: 100%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr { border-bottom: 1px solid #666666; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td { padding: 0; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td input[type="submit"] { display: block; margin: 0px; margin-left: auto; margin-right: auto; width: 30px; height: 30px; border: 1px solid transparent; color: transparent; cursor: pointer; font-size: .08rem; text-transform: uppercase; background-color: transparent; background-image: url(../images/poubelle.png); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td ul { margin: 0; padding: 0; list-style: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td ul li { margin-bottom: .5rem; font-size: .75em; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td ul li a { color: inherit; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td ul li a:hover { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleEnlever { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleLink { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleMontant { text-align: center; font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articlePrixUnitaire { text-align: center; font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleQuantite { width: 150px; text-align: center; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleQuantite span.quantite { display: inline-block; width: 50px; transform: translateY(-40%); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleQuantite span.quantite input { width: 100%; text-align: center; font-size: 1rem; padding:.25rem; border: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleQuantite span.quantity-button { margin: .25rem; border: 1px solid #666; border-radius: 50%; width: 1.75rem; height: 1.75rem; display: inline-block; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 50% auto; box-shadow: 0px 0px 4px #999; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleQuantite span.quantity-button.dec { background-image: url("../images/minus-solid.svg"); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.articleQuantite span.quantity-button.inc { background-image: url("../images/plus-solid.svg"); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.designation { padding: .75rem 0 .75rem 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.livraisonMontant { text-align: center; padding-right: 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr td.remiseCommercialeMontant { text-align: center; padding: 0 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td { padding-top: 1rem; padding-bottom: 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td img { max-width: 100px; display: block; margin: 0 auto; margin-bottom: .5rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleDesignation.designation { /*color: #00ADBB;*/ font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant { text-align: center; padding: 0 1rem; min-width: 30%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant div.enlever { margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant div.quantite { margin: .5rem 0; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant span.taxe { display: block; font-size: .7em; font-weight: initial; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant span.taxe span.devise { margin-right: .25rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant span.taxe span.title { margin-left: .1rem; text-transform: lowercase; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant span.taxe span.title::before { /*content: "Dont "; text-transform: initial;*/ } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant span.taxe span.unitPrice { margin-left: .25rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire { text-align: right; padding: 0 1rem; line-height: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire del { display: block; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire del::after { content: " €"; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire span.devise { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire span.taux-remise { display: inline-block; padding: 0 1rem; background-color: #00adbb; color: #fff; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire span.taux-remise span.valeur::before { content: "- "; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire span.unitPrice { display: block; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articlePrixUnitaire span.unitPrice:not(.gratis)::after { content: " €"; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowFraisLivraison { font-family: 'Montserrat', sans-serif; font-weight: 600; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowFraisLivraison td.livraisonDesignation { color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowFraisLivraison td.livraisonDesignation img { display: block; margin: 0 auto; margin-bottom: .5rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowFraisLivraison td.livraisonImage { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowFraisLivraison td.livraisonMontant { text-transform: uppercase; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table thead tr th { white-space: nowrap; padding: .5rem 1rem; font-weight: 400; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table thead tr th.articleLink { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table thead tr th:nth-child(even) { background-color: var(--grisClair); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table thead tr th:nth-child(odd) { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode h4 { margin: 0; padding: 0; margin-top: 1.5rem; margin-bottom: .75rem; font-family: 'Montserrat', sans-serif; font-weight: 600; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode h4:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; background-color: #FFFFFF; margin-right: .75rem; position: relative; top: -0.15rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p a.update { background-color: var(--grisV2); color: var(--blanc); padding: .25rem .5rem; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p a.update span { font-size: 0; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p a.update span:before { content: "OK"; font-size: 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p span.input input { font-size: 1rem; padding:.15rem; margin: 0 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p span.label { width: 100%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.saveQuote { margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.saveQuote p.navigation button { border: none; background-color: var(--grisV2); color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: right; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left h2 { margin: 0; margin-top:.5rem; margin-bottom:.75rem; padding: 0; padding-right:.6rem; width: 100%; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 500; color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left h2::after { border-top: 1px solid var(--grisV2); content: ''; display: table-cell; position: relative; top:.9em; width: 100%; left: 10px; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left h2::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: relative; top: -0.15rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right { display: flex; flex-direction: column; align-items: center; background-color: var(--grisClair); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div#sticker { width: 100%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.continueShopping div.continue h4 { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.continueShopping div.continue p { margin: 0; padding: 0; margin-top: 1.5rem; margin-bottom: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.continueShopping div.continue p button { border: none; background-color: #F1F4F4; color: #00ADBB; font-size: 1rem; text-transform: uppercase; text-align: center; padding-left: 1rem; padding-top:.5rem; padding-bottom:.5rem; padding-right: 1rem; display: flex; flex-direction: column; align-items: center; box-shadow: 0px 0px 3px #000000; width: 190px; cursor: pointer; margin: auto; display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.continueShopping div.continue p button::after { content: "mes achats"; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.submitOrder h4 { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.submitOrder p { margin: 0; padding: 0; margin-bottom: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.submitOrder p button { border: none; background-color: var(--vertFD); color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: right; padding-left: 5rem; padding-top:.5rem; padding-bottom:.5rem; padding-right: 1rem; background-image: url("../images/panier_blanc.svg"); background-position: center left; background-repeat: no-repeat; background-position-x: 1rem; background-size: 25% auto; width: 190px; cursor: pointer; margin: auto; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.submitOrder p button:hover { background-color: var(--bleuFD); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.submitOrder p.navigation { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.titre { width: 100%; height: 3rem; background-color: var(--grisNav); color: #FFFFFF; padding:.5rem 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.titre h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.titre h2:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size:.75rem; background-color: #207577; margin-right:.75rem; position: relative; top: -0.15rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul { width: 100%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table { border-collapse: collapse; width: 100%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tbody tr:nth-child(even) { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tfoot tr.rowTotalTva { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td { padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td span.gratis { text-transform: uppercase; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcDesignation { font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--grisNav); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant { font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--grisNav); } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe { display: block; font-size: .7em; font-weight: initial; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.devise { margin-right:.25rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.title { text-transform: lowercase; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.title::before { /*content: "Dont ";*/ } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td.totalTtcMontant span.taxe span.unitPrice { margin: 0 .25rem; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td:first-child { padding-right:0; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr td:last-child { text-align: right; font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ padding-left: 0; white-space: nowrap; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr.rowMontantTtc { display: none; /*Réactivé le 23/05/2023 suite à visio Désactivé le 28/09/2023 suite à mise en ligne luminaire et demande Guillaume*/ } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-right div.totalSeul table tr.rowTotalHtAutresTaxes { display: none; } div.IndeXysCommercePortletSuiviCommande div.panier h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment form p button span { display: flex; justify-content: center; border: 5px solid #00ADBB; background: #00adbb; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check { background-color: var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check div.IndeXysSurveySurvey button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1rem!important; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check div.IndeXysSurveySurvey h2 { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check div.IndeXysSurveySurvey h3 { display: inline-block; margin-top: 1rem } div.IndeXysCommercePortletSuiviCommande div.payment-by-check form button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check form button:hover { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check form p.navigation { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times { background-color: var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times div.IndeXysSurveySurvey button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1rem!important; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times div.IndeXysSurveySurvey h2 { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times div.IndeXysSurveySurvey h3 { display: inline-block; margin-top: 1rem } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times form button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times form button:hover { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times form p.navigation { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.payment-by-check-in-3-times h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert { background-color: var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.IndeXysSurveySurvey button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1rem!important; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.IndeXysSurveySurvey h2 { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.IndeXysSurveySurvey h3 { display: inline-block; margin-top: 1rem } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert form button { border: none; background-color: var(--vertFD); color: var(--blanc); font-size: 1.5rem; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert form button span { display: none; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert form button::before { content: "Retour à l'accueil"; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert form button:hover { text-decoration: underline; background-color: var(--bleuFD); } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert form p.navigation { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.paypal-payment { background-color: var(--grisClair); padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.paypal-payment form input[type="submit"] { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: center; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.paypal-payment form input[type="submit"]:hover { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.paypal-payment h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table { border-collapse: collapse; width: 100%; position: relative; margin-bottom: 15rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr { border-bottom: 1px solid #666666; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td { padding-top: 1rem; padding-bottom: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.articleLink { display: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.articleMontant { text-align: center; font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.articlePrixUnitaire { text-align: center; font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.articleQuantite { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.designation { padding-left: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.image { width: 1%; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.livraisonMontant { text-align: center; padding-right: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr td.remiseCommercialeMontant { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td img { max-width: 100px; display: block; margin: 0 auto; margin-bottom: .5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleDesignation.designation span.produit { color: var(--grisNav); font-weight: 600; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleMontant { text-align: center; padding: 0 1rem; min-width: 30%; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleMontant span.taxe { display: block; font-size: .7em; font-weight: initial; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleMontant span.taxe span.devise { margin-right: .25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleMontant span.taxe span.unitPrice { margin: 0 .25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleMontant span.taxe::before { /*content: "+ ";*/ } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire { text-align: right; padding: 0 1rem; line-height: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire del { display: block; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire del::after { content: " €"; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire span.devise { display: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire span.taux-remise { display: inline-block; padding: 0 1rem; background-color: #00adbb; color: #fff; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire span.taux-remise span.valeur::before { content: "- "; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire span.unitPrice { display: block; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articlePrixUnitaire span.unitPrice:not(.gratis)::after { content: " €"; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowFraisLivraison { font-family: 'Montserrat', sans-serif; font-weight: 600; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowFraisLivraison td.image { padding: 0; text-align: center; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowFraisLivraison td.livraisonDesignation { color: var(--grisV2); text-align: left; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowFraisLivraison td.livraisonDesignation img { max-width: 100px; display: block; margin: 0 auto; margin-bottom: .5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowFraisLivraison td.livraisonMontant { text-transform: uppercase; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot { position: absolute; right: 0; min-width: 40%; display: flex; flex-direction: column; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr { display: flex; justify-content: space-between; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr td { padding: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr td.amount { font-family: 'Montserrat', sans-serif; /*font-weight: 700;*/ text-align: right; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr td.totalTtcMontant span.taxe { display: block; font-size: .7em; font-weight: initial; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr td.totalTtcMontant span.taxe span.devise { margin-right: .25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr td.totalTtcMontant span.taxe span.unitPrice { margin: 0 .25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr.rowTotalTtc { color: var(--grisNav); font-family: 'Montserrat', sans-serif; font-weight: 600; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr:nth-child(even) { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tfoot tr:nth-child(odd) { background-color: var(--grisClair); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table thead tr th { white-space: nowrap; padding: .5rem 1rem; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table thead tr th.articleLink { display: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table thead tr th:nth-child(even) { background-color: var(--grisClair); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table thead tr th:nth-child(odd) { background-color: #F1F4F4; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.basket { grid-column: 1/2; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing { margin: 0; padding: .5rem; padding-left: 2rem; border: 1px solid #666; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing h4 { position: relative; margin: 0; padding: 0; margin-top: 2rem; margin-bottom: 3rem; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing h4 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; color: var(--grisV2); font-size: 1.5rem; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing h4 span:before { content: "Adresse de "; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery { margin: 0; padding: .5rem; padding-left: 2rem; border: 1px solid var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery h4 { position: relative; margin: 0; padding: 0; margin-top: 2rem; margin-bottom: 3rem; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery h4 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; font-size: 1.5rem; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery h4 span:before { content: "Adresse de "; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery h4:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; margin-top: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message { margin: 0; padding: .5rem; border: 1px solid #666; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message h4 { position: relative; margin: 0; padding: 0; margin-top: 2rem; margin-bottom: 3rem; margin-left: 1.5rem; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message h4 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; color: var(--grisV2); font-size:0; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message h4 span::after { content: "un message"; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message h4 span:before { content: "Nous laisser "; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message h4:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message textarea { width: 100%; background-color: var(--grisClair); font-size: 1rem; /*height: 50%;*/ padding: .5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment { grid-column: 1/2; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment { margin: 0; padding: .5rem; padding-left: 2rem; border: 1px solid #666; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment h5 { position: relative; margin: 0; padding: 0; margin-top: 2rem; margin-bottom: 2rem; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment h5 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; color: var(--grisV2); font-size:0; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment h5 span::after { content: "1 fois"; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment h5 span:before { content: "Paiement en "; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment h5:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment p { margin: 1rem 0; margin-bottom: 4rem; padding: 0; position: relative; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment p a { color: #666; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment p a span img { height: 2.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment p a.img { position: absolute; top: 1.25rem; left: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment p input { margin: 0; margin-right: .5rem; padding: 0; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment p:hover a { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments { margin: 0; padding: .5rem; padding-left: 2rem; border: 1px solid #666; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments h5 { position: relative; margin: 0; padding: 0; margin-top: 2rem; margin-bottom: 3rem; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments h5 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; color: var(--grisV2); font-size:0; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments h5 span::after { content: "plusieurs fois"; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments h5 span:before { content: "Paiement en "; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments h5::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments p a span img { height: 2.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments p a.label { display: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments p input { margin-right: .5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment h4 { grid-column: 1/2; position: relative; margin: 3rem 2rem 0; padding: 0; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment h4 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; font-size: 0; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment h4 span::before { content: "Paiement"; font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment h4::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote { margin:0; padding:.5rem; border:1px solid #666; /*margin-top: 1rem;*/ } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote h4 { position:relative; margin:0; padding:0; margin-top:2rem; margin-bottom:3rem; margin-left:1.5rem; font-size:1rem; border-bottom:1px solid #666; font-family:montserrat,sans-serif; font-weight:500 } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote h4 span { padding-right:1rem; position:absolute; top:-1.4rem; left:0; color: var(--grisV2); font-size:0; text-transform:uppercase; background-color:#fff } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote h4 span::after { content:"votre devis"; color: var(--grisV2); font-size:1.5rem } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote h4 span:before { content:"Sauvegarder "; color: var(--grisV2); font-size:1.5rem } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote h4:before { content:"\f45c"; font-family:'font awesome 5 free'; font-weight:900; color: var(--grisV2); font-size:.75rem; position:absolute; top:-.7rem; left:-1.25rem } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-as-quote p.navigation button { border: none; background-color: #00ADBB; color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; text-align: right; padding: .5rem 1rem; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order { margin: 0; padding: .5rem; padding-left: 2rem; border: 1px solid #666; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order h4 { position: relative; margin: 0; padding: 0; margin-top: 2rem; margin-bottom: 2rem; font-size: 1rem; border-bottom: 1px solid var(--grisV2); font-family: 'Montserrat', sans-serif; font-weight: 500; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order h4 span { padding-right: 1rem; position: absolute; top: -1.4rem; left: 0; color: var(--grisV2); font-size:0; text-transform: uppercase; background-color: #FFF; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order h4 span::after { content: "ma commande"; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order h4 span::before { content: "Finaliser "; color: var(--grisV2); font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order h4:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size: .75rem; position: absolute; top: -.7rem; left: -1.25rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.cgv { margin: 1rem 0; margin-top: 2.5rem; padding: 0; display: flex; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.cgv a { color: #666; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.cgv input { margin-right: .5rem; flex-shrink: 0; width: 1.2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.cgv:hover a { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.select { margin: 1rem 0; padding: 0; text-align: center; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.select button { border: none; background-color: var(--vertFD); color: #FFFFFF; font-size: 1.5rem; text-transform: uppercase; padding-left: 1rem; padding-top: .5rem; padding-bottom: .5rem; padding-right: 1rem; width: 220px; cursor: pointer; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.select button span { font-size: 0; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.select button span:before { content: "Valider"; font-size: 1.5rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.select button:hover { background-color: var(--bleuFD); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form p.navigation { text-align: center; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form p.navigation a { color: var(--grisV2); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif h3 { display: none; } div.IndeXysCommercePortletSuiviCommande div.suivi div.aknowledgment-quote div.startNewOrder p.navigation button.creer { padding: 1rem; background-color: #00ADBB; color: #FFFFFF; text-align: center; text-decoration: none; border: none; font-size: 1rem; text-transform: uppercase; } div.IndeXysCommercePortletSuiviCommande div.suivi div.content ul { text-align: left } div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div.content p { margin: 1rem 0; text-align: left; } div.IndeXysCommercePortletSuiviCommande div.suivi form div.methods-of-payment p.amount { display: block; } div.IndeXysCommercePortletSuiviCommande div.suivi p.amount { display: none; } div.IndeXysCommercePortletSuiviCommande div.zoneInformation { /*display: none;*/ } div.IndeXysCommercePortletSuiviCommande ol.etape { margin: 0; margin-bottom: 1rem; padding: 0; list-style: none; display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; } div.IndeXysCommercePortletSuiviCommande ol.etape li { color: #666666; width: 80px; text-align: center; font-size: .7rem; } div.IndeXysCommercePortletSuiviCommande ol.etape li a.off { color: #666666; } div.IndeXysCommercePortletSuiviCommande ol.etape li a.on { color: var(--vertFD); } div.IndeXysCommercePortletSuiviCommande ol.etape li a.over { color: #666666; text-decoration: none; } div.IndeXysCommercePortletSuiviCommande ol.etape li a.over:hover { text-decoration: underline; } div.IndeXysCommercePortletSuiviCommande ol.etape li span.out span.in { padding-top: 60px; width: 100%; display: block; background-size: 60px auto; background-repeat: no-repeat; background-position: top center; } div.IndeXysCommercePortletSuiviCommande ol.etape li.bonDeCommande a.on span.out span.in { background-image: url("../images/panier.on.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.bonDeCommande span.out span.in { background-image: url("../images/panier.off.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.coordonnees a.on span.out span.in { background-image: url("../images/coordonnees.on.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.coordonnees span.out span.in { background-image: url("../images/coordonnees.off.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.paiement a.on span.out span.in { background-image: url("../images/paiement.on.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.paiement span.out span.in { background-image: url("../images/paiement.off.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.recapitulatif a.on span.out span.in { background-image: url("../images/recapitulatif.on.png"); } div.IndeXysCommercePortletSuiviCommande ol.etape li.recapitulatif span.out span.in { background-image: url("../images/recapitulatif.off.png"); } div.IndeXysCommercePortletSuiviCommande p.print a { color: #00ADBB; text-align: center; } #stickyMobile { visibility:hidden; position: fixed; bottom: 0; } #stickyMobile.visible { min-height: 55px; left: 0; visibility:visible; padding: .5rem 0; position: fixed; bottom: 0; background-color: var(--vertFD); width: 100%; color: var(--blanc); transition: opacity 0.3s ease, height 0.3s ease; z-index: 100; display: flex; justify-content: space-evenly; align-items: center; } #stickyMobile.visible span.amount { padding: 0 .25rem; background-color: var(--blanc); color: var(--vertFD); text-align: center; font-weight: 600; } #stickyMobile.visible span.amount span.vat { margin-left: .5ch; } #stickyMobile.visible span.arrow { background-image: url(../images/f178.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; padding: 0 0.2rem; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(105%) contrast(101%); }@media screen and (min-width: 576px) { div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left fieldset p.code-porte { margin-top: 1rem; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.fermeture-usine { background-position: .75rem center; padding: 1rem; padding-left: 100px; } } @media screen and (min-width: 768px) { div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.questionnaire{ flex-direction: row; } } @media screen and (min-width: 992px) { div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet { grid-template-columns: 70% 1fr; } div.IndeXysCommercePortletSuiviCommande ol.etape { width: 70%; margin-bottom: 3rem; } div.IndeXysCommercePortletSuiviCommande ol.etape li { width: 110px; font-size: 1rem; } div.IndeXysCommercePortletSuiviCommande ol.etape li span.out span.in { padding-top: 80px; background-size: 80px auto; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left h2 { display: table; white-space: nowrap; text-align: center; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.login { flex: 0 1 calc(50% - .5rem); margin-right: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.create { flex: 0 1 calc(50% - .5rem); margin-left: .5rem; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.login div.login { grid-template-columns: 1fr 15%; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div#IndeXysCommercePortletSuiviCommande_Login_UpdateContainer form.create div.create { grid-template-columns: 1fr 15%; } div.IndeXysCommercePortletSuiviCommande div.coordonnees form div.panier-complet { grid-template-columns: 70% 1fr; } div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.back { display: initial; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif { grid-template-columns: repeat(2, 1fr); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.basket { grid-column: 1/3; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form { grid-template-columns: repeat(2, 1fr); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment { grid-column: 1/3; grid-template-columns: repeat(2, 1fr); } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment h4 { grid-column: 1/3; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.promotionCode p span.label { width: initial; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing h4 { margin-bottom: 2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery h4 { margin-bottom: 2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.cash-payment h5 { margin-bottom: 2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.methods-of-payment div.payment-in-installments h5 { margin-bottom: 2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message h4 { margin-bottom: 2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order h4 { margin-bottom: 2rem; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.leave-a-message textarea { height: 50%; } div.IndeXysCommercePortletSuiviCommande div.panier form div.panier-complet div.panier-left div.panierSeul table tbody tr.rowArticle td.articleMontant { min-width: initial; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket table tbody tr.rowArticle td.articleMontant { min-width: initial; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form div.save-your-order p.cgv { margin-top: 1rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape { width: 70%; margin-bottom: 3rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li { width: 110px; font-size: 1rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li span.out span.in { padding-top: 80px; background-size: 80px auto; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape { width: 70%; margin-bottom: 3rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li { width: 150px; font-size: 1rem; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne ol.etape li span.out span.in { padding-top: 80px; background-size: 80px auto; } div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne div.coordonnees form div.authentication div.contenuAuthentication { grid-template-columns: 1fr 15%; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier::after { content: '📞 Besoin d\'aide ? Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier-right div.valider p.navigation.back::before { content: '📞 Besoin d\'aide ? Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div#IndeXysCommercePortletSuiviCommande_VuePaiementUpdateContainer::after { content: '📞 Besoin d\'aide ? Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif>form p.navigation.back::before { content: '📞 Besoin d\'aide ? Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div.register p.navigation.back::before { content: '📞 Besoin d\'aide ? Appelez nous au 02.55.42.09.99\A (Appel gratuit du lundi au vendredi de 9h à 17h)'; } div.IndeXysCommercePortletSuiviCommande div.recapitulatif form p.navigation { grid-column: 1/3; } } @media screen and (min-width: 1200px) { div.IndeXysCommercePortletSuiviCommande div.coordonnees div.panier-complet div.panier-left div.valider p.back { top: 0; } }div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50.presentationImage { margin-top: 0; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.eclairage-pour-les-expositions > ul, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.conseils-pour-choisir > ul, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.faire-reparer-mon-spot > ul, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.eclairage-pour-l-39-exterieur > ul, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.eclairage-pour-verandas-et-pergolas > ul { display: none !important; } #displayNone { display: none!important; } .displayNone { display: none!important; } @font-face { font-family: 'MontserratSemiBold'; src: url('../images/Montserrat-SemiBold.woff2') format('woff2'); font-weight: normal; font-style: normal; } [data-isanonymous="non"] div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a::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; bottom: -5px; right: -9px; } body { margin: 0; padding: 0; font-size: 16px; font-family: 'Montserrat', sans-serif; /*font-weight: 500;*/ color: var(--grisV2); } body.accessoires h1, body.accessoires h2, body.accessoires h3, body.accessoires h4, body.accessoires h5, body.accessoires h6 { font-family: 'Montserrat', serif; font-weight: 500; } body.accueil { font-family: 'Raleway', sans-serif; } body.accueil div#zoneCentre { display: initial; max-width: initial; margin: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { padding: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { grid-template-columns: repeat(1, 1fr); } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ul li::before { content: ""; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento div.contenu h3 { margin: 0; padding: 0; color: var(--grisV2); margin-top: 1rem; margin-bottom: 1.25rem; font-family: 'Roboto Slab', serif; font-weight: 300; /*margin-left: 1rem;*/ font-size: 1.125rem; text-transform: initial; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage { margin: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu { padding: 1.5rem 2rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireTexte div.contenu { padding: 1rem; text-align: center; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.sousContenu div.contenu div.engagementTitre a { color: #fff; border: 1px solid #fff; margin-top: 1rem; padding: .5rem 1rem; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 1rem; } body.convertisseurs div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 1/13; } body.convertisseurs div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; margin-top: 1rem; padding: 0 1rem; } body.convertisseurs h1, body.convertisseurs h2, body.convertisseurs h3, body.convertisseurs h4, body.convertisseurs h5, body.convertisseurs h6 { font-family: 'Montserrat', serif; font-weight: 500; } body.effectuer-un-paiement div#jGrowl { display: none!important; } body.nos-spots div#zoneCentre div#listeTribunesDynamiques.IndeXysPortletRubriquePublication, body.nos-spots div#zoneCentre div#navSections.IndeXysPortletRubriquePublication, body.nos-spots div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication { display: none; } body.spots-interieurs div#zoneCentre div#listeTribunesDynamiques.IndeXysPortletRubriquePublication, body.spots-interieurs div#zoneCentre div#navSections.IndeXysPortletRubriquePublication, body.spots-interieurs div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication { display: none; } body.nos-produits div#zoneCentre div#listeTribunesDynamiques.IndeXysPortletRubriquePublication, body.nos-produits div#zoneCentre div#navSections.IndeXysPortletRubriquePublication, body.nos-produits div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication { display: none; } body.spots div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 1/13; } body.spots div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; margin-top: 1rem; padding: 0 1rem; /* padding: 0; */ /* padding-right: 1rem; */ } body.spots h1, body.spots h2, body.spots h3, body.spots h4, body.spots h5, body.spots h6 { font-family: 'Montserrat', serif; font-weight: 500; } body.spots-pour-la-maison h1, body.spots-pour-la-maison h2, body.spots-pour-la-maison h3, body.spots-pour-la-maison h4, body.spots-pour-la-maison h5, body.spots-pour-la-maison h6 { font-family: 'Montserrat', serif; font-weight: 500; } body.spots-pour-les-espaces-de-travail h1, body.spots-pour-les-espaces-de-travail h2, body.spots-pour-les-espaces-de-travail h3, body.spots-pour-les-espaces-de-travail h4, body.spots-pour-les-espaces-de-travail h5, body.spots-pour-les-espaces-de-travail h6 { font-family: 'Montserrat', serif; font-weight: 500; } body.test-evolutions div#conteneur::before { content: initial; } div#conteneur { position: relative; } div#conteneur * { box-sizing: border-box; } div#conteneur::before { /*content: ""; background-image: url("../images/drapeau_fr.svg"); background-size: auto 100%; display: block; width: 1rem; height: 5rem; position: fixed; top: 50vh; right: 0; z-index: 40;*/ } div#zoneBas { display: grid; grid-template-columns: repeat(2, 1fr); padding-top: 1rem; } div#zoneBas div#avisVerifies.IndeXysPortletUrl { grid-column: 2/3; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-disc: none; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a { content: ""; background-image: url("../images/drapeau_fr.svg"); background-size: auto 100%; display: block; width: 1rem; height: 5rem; position: fixed; top: 40vh; right: 0; z-index: 40; } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a span { display: none; } div#zoneBas div#ecosystem.IndeXysPortletNavigationRubrique { display: none; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique { grid-column: 1/3; background-color: #f3f2f3; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant { margin: 0 1rem; padding: 0; list-style: none; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li { border-top: 1px solid #666; text-transform: uppercase; font-size: 1.1rem; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li a { text-decoration: none; color: var(--grisNav); display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li a::after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: .75rem; font-size: 1rem; text-decoration: none; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li a:hover { text-decoration: underline; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul { display: none; margin: 0; padding: 0; list-style: none; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl { grid-column: 1/3; background-color: var(--grisV2); } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl div.contenuPortlet { width: 100%; height: 100%; display: flex; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl img { display: none; max-width: 50vw; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul { margin: 0 auto; padding: 1rem; list-style: none; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; width: 100%; height: 100%; max-width: 640px; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li { font-size: 1.1rem; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li a { text-decoration: none; color: #fff; padding: 1rem; padding-left: 4.5rem; background-position: left center; background-size: 4rem auto; background-repeat: no-repeat; display: inline-block; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li a:hover { text-decoration: underline; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li:first-of-type a { background-image: url("../images/picto_livraison_transparent.svg"); } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li:last-of-type a { background-image: url("../images/picto_parrainage.svg"); } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li:nth-of-type(2) a { background-image: url("../images/picto_blog_transparent.svg"); } div#zoneBas div#referencement.IndeXysPortletUrl { grid-column: 1/3; background-color: #f3f2f3; } div#zoneBas div#referencement.IndeXysPortletUrl ul { margin: 1rem 2rem; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } div#zoneBas div#referencement.IndeXysPortletUrl ul li { margin-right: 1rem; margin-bottom: .5rem; font-size: 1.25rem; font-weight: 300; } div#zoneBas div#referencement.IndeXysPortletUrl ul li a { text-decoration: none; color: #666; } div#zoneBas div#referencement.IndeXysPortletUrl ul li a:hover { text-decoration: underline; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique { grid-column: 1/3; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.contenuPortlet { width: 100%; height: 100%; padding: 1rem; padding-top: 0; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste { width: 100%; height: 100%; padding-top: 5rem; background-image: url(../images/nouveauLogoFD.svg); background-repeat: no-repeat; background-size: 350px auto; background-position: center -2rem; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul { list-style-type: none; margin: 0 auto; padding: 0; display: flex; justify-content: space-around; align-items: center; width: 100%; height: 100%; max-width: 500px; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li a { text-decoration: none; font-size: 2rem; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in { display: none; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li.facebook a span.out::before { content: "\f39e"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #aaadae; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li.instagram a span.out::before { content: "\f16d"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #aaadae; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li.linkedin a span.out::before { content: "\f08c"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #aaadae; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li.pinterest a span.out::before { content: "\f231"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #aaadae; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li.twitter a span.out::before { content: "\f099"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #aaadae; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste ul li.youtube a span.out::before { content: "\f167"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; color: #aaadae; } div#zoneBas div.IndeXysPortletNewsletter { grid-column: 1/3; border-top: 1px solid #666; } div#zoneBas div.IndeXysPortletNewsletter div.abonnement h4 { display: none; } div#zoneBas div.IndeXysPortletNewsletter div.abonnement p button, div#zoneCentre div.IndeXysPortletNewsletter div.abonnement p button, div#zoneCentre div.IndeXysPortletNewsletter div.desabonnement p button { font-size: 1.25rem; margin: 0; padding: .345rem .75rem; border: 1px solid #666; border-left: none; border-radius: 0; background-color: #fff; cursor: pointer; color: #666; height: 40px; } div#zoneBas div.IndeXysPortletNewsletter div.abonnement p button:hover, div#zoneCentre div.IndeXysPortletNewsletter div.abonnement p button:hover { text-decoration: underline; } div#zoneBas div.IndeXysPortletNewsletter div.abonnement p input, div#zoneCentre div.IndeXysPortletNewsletter div.abonnement p input, div#zoneCentre div.IndeXysPortletNewsletter div.desabonnement p input { font-size: 1rem; margin: 0; padding: .5rem .75rem; border: 1px solid #666; border-right: none; border-radius: 0; flex-grow: 1; height: 40px; } div#zoneBas div.IndeXysPortletNewsletter div.abonnement p, div#zoneCentre div.IndeXysPortletNewsletter div.abonnement p, div#zoneCentre div.IndeXysPortletNewsletter div.desabonnement p { margin: 0 auto; padding: 0; display: flex; align-items: center; max-width: 500px; } div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet { padding: 1rem; } div#zoneBas div.IndeXysPortletNewsletter div.titrePortlet h3 { margin-bottom: 1rem; font-size: 2rem; font-family: 'Raleway', sans-serif; text-align: center; color: var(--grisV2); } div#zoneBas div.IndeXysPortletPiedDePage { grid-column: 1/3; background-color: #666; color: #fff; } div#zoneBas div.IndeXysPortletPiedDePage a { color: #fff; text-decoration: none; } div#zoneBas div.IndeXysPortletPiedDePage a:hover { text-decoration: underline; } div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet { padding: .5rem 1rem; text-align: center; } div#zoneBas div.IndeXysPortletPiedDePage p { margin: 0; padding: 0; } div#zoneCentre { display: grid; grid-template-columns: repeat(12, 1fr); max-width: 1320px; margin: 0 auto; } div#zoneCentre div#filtrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content div.filtre-cle:first-of-type { Margin-top: 1rem; } div#zoneCentre div#filtrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-title { display: inline-block; width: 100%; margin: 1rem 0 0; color: var(--grisNav); text-decoration: underline; text-transform: uppercase; cursor: pointer; text-align: center; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-titre-cle.slider a { display: block; text-transform: initial; color: #00adbb; text-decoration: none; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-titre-cle.slider a:hover { text-decoration: underline; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active { /*display: none;*/ display: flex; flex-wrap: wrap; /*padding: 1rem 0;*/ /*justify-content: space-between;*/ align-items: center; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active div.filtre-cle { background-color: #ECEDED; padding: .25rem .5rem; margin: .5rem .5rem .5rem 0; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active div.filtre-cle a { text-decoration: none; color: #666; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active div.filtre-cle a span { display: none; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active div.filtre-cle a::before { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active div.filtre-cle span.title { display: none; } div#zoneCentre div#filtrePublication div.filtrePublication div.filtre-liste-cle-active div.filtre-cle:last-of-type { margin-right: 0; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle { background-color: #ECEDED; padding: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle { background-color: #FFFFFF; padding:.5rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle + div.filtre-cle { margin-top: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle { margin: 0; padding: 0; display: flex; flex-direction: column; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle span.value a { color: var(--grisV2); text-decoration: none; margin-left: .25rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle span.value a:hover { text-decoration: underline; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.none span { margin-left: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.single span { margin-left: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-titre-cle { text-transform: uppercase; margin: 0; padding: 0; padding-left: 1.25rem; margin-top:.25rem; margin-bottom:.5rem; position: relative; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle div.filtre-titre-cle::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: absolute; left: 0; top:.1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form { margin-left: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-contenu-cle a.reset { text-decoration: none; color: #FF0000; margin-left: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-contenu-cle a.reset::after { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left:.5rem; font-size: 1.25rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-contenu-cle a.reset:hover span { text-decoration: underline; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-titre-cle a.reset { display: none; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.slider { margin-right: 1rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.filtre-contenu-cle { display: flex; flex-direction: row-reverse; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.filtre-contenu-cle input { width: 50%; margin-top:.5rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.ui-slider span.ui-slider-handle { border-radius: 0px; background-color: var(--grisV2); border: none; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.ui-widget-header { background: var(--grisClair); } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form span.indeXys-nowrap { margin-bottom:.5rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form span.indeXys-nowrap a { margin-left:.25rem; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle div.filtre-cle form span.indeXys-nowrap a br { display: none; } div#zoneCentre div#filtrePublication div.saisieFiltrePublication div.filtre-titre { display: none; } div#zoneCentre div#filtrePublication.IndeXysPortletRubriquePublication { grid-column: 1/13; } div#zoneCentre div#filtrePublication.IndeXysPortletRubriquePublication div.contenuPortlet { /*position: sticky; top: 0;*/ } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.action { display: none; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle { display: none; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active { /*display: none;*/ display: flex; flex-wrap: wrap; /*padding: 1rem 0;*/ /*justify-content: space-between;*/ align-items: center; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle { background-color: #ECEDED; padding: .25rem .5rem; margin: .5rem .5rem .5rem 0; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a { text-decoration: none; color: #666; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a span { display: none; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle a::before { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle span.title { text-transform: uppercase; } div#zoneCentre div#filtrePublicationLigne.IndeXysPortletPublication div.recapitulatifFiltrePublication div.filtre-liste-cle-active div.filtre-cle:last-of-type { margin-right: 0; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; margin-top: 1rem; padding: 0 1rem; /* padding: 0; padding-right: 1rem;*/ } div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.listePublicationLiee.listePublicationLiee-filtrePublication span.empty { position: absolute; top: 0; left: 50%; display: block; margin: 1rem 0 0; transform: translateX(-50%); } div#zoneCentre div#listeSousRubriques.IndeXysPortletRubriquePublication div.listeSousRubriques ul.liste li a { color: #00adbb; text-decoration: none; } div#zoneCentre div#listeSousRubriques.IndeXysPortletRubriquePublication div.listeSousRubriques ul.liste li a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysCommercePortletCompteClient { grid-column: 1/13; } div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne { grid-column: 1/13; } div#zoneCentre div.IndeXysCommercePortletSuiviCommande { grid-column: 1/13; } div#zoneCentre div.IndeXysGlossaryPortletGlossary { grid-column: 1/13; } div#zoneCentre div.IndeXysPortletMonProfil { grid-column: 1/13; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant { margin: 0; padding: 0; list-style: none; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li { position: relative; padding-bottom: 1rem; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > a { padding: .25rem 1rem; background-color: #183836; color: #fff; text-decoration: none; transform : translate(0, -50%); display: inline-block; font-size: 2rem; font-family: 'Roboto Slab', serif; font-weight: 300; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > a span.out span.in span.highlight { font-weight: 600; text-transform: capitalize; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul { margin: 0; padding: 0; list-style: none; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li { margin: 1rem; background-position: center; background-repeat: no-repeat; background-size: 100% auto; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li > a { display: flex; color: #fff; text-decoration: none; height: 12rem; width: 100%; font-size: 2rem; font-family: 'Roboto Slab', serif; font-weight: 300; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li > a span.out { background-color: rgba(0, 173, 187, 0.85); width: 55%; display: flex; align-items: center; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li > a span.out span.in { margin-left: 1rem; padding-left: .5rem; border-left: 1px solid #fff; display: flex; flex-direction: column; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li > a span.out span.in span.highlight { font-weight: 600; text-transform: capitalize; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li > a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li > ul { display: none; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li:last-of-type { margin-bottom: 0; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul > li:nth-of-type(2n) > a span.out { background-color: rgba(32, 117, 119, .8); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li.luminaires-pour-la-maison > ul > li:first-of-type { margin-top: 0; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li.luminaires-pour-les-espaces-de-travail > a { transform: translate(0); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison { background-color: #f3f2f3; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison ul li.l-eclairage-de-votre-exterieur { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/PHOTO-UNIVERS-EXTERIEUR-5-500x350.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison ul li.l-eclairage-de-votre-interieur { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/PHOTO-UNIVERS-SALON-detail-600x340.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison ul li.l-eclairage-de-votre-veranda { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/PHOTO-UNIVERS-VERANDA-1-500x295.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison ul li.l-eclairage-de-votre-veranda a span.out { background-color: rgba(24, 56, 54, .85); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison ul li:nth-of-type(even) a { justify-content: flex-end; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-la-maison::before { content: ""; border-left: 2px solid #183836; position: absolute; top: 0; left: 2rem; height: 13rem; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-les-espaces-de-travail { padding-top: 1rem; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-les-espaces-de-travail ul li.l-eclairage-de-l-hotellerie-et-ephad { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/pro-hotels.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-les-espaces-de-travail ul li.l-eclairage-des-bureaux-tertiaires { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/pro-bureaux.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-les-espaces-de-travail ul li.l-eclairage-des-commerces-de-proximite { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/pro-commerces.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-les-espaces-de-travail ul li.l-eclairage-des-mairies-ou-collectivites { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/pro-mairies.jpg"); } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.luminaires-pour-les-espaces-de-travail::before { content: ""; border-left: 2px solid #183836; position: absolute; top: 1rem; left: 2rem; height: 13rem; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant li.univers-test { display: none; } div#zoneCentre div.IndeXysPortletPublication { grid-column: 1/13; } div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; padding: 0 1rem } div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div#IndeXysPortletPublication_UpdateContainer { max-width: 1320px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletPublication div.contenuRubrique { grid-column: 1/5; } div#zoneCentre div.IndeXysPortletPublication div.detailPublication { grid-column: 1/5; width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle { background-color: #ECEDED; padding: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle { background-color: #FFFFFF; padding:.5rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle + div.filtre-cle { margin-top: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle { margin: 0; padding: 0; display: flex; flex-direction: column; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle span.value a { color: var(--vertFD); text-decoration: none; margin-left: .25rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle span.value a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.none span { margin-left: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-contenu-cle.single span { margin-left: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-titre-cle { text-transform: uppercase; margin: 0; padding: 0; padding-left: 1.25rem; margin-top:.25rem; margin-bottom:.5rem; position: relative; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle div.filtre-titre-cle::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: absolute; left: 0; top:.1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form { margin-left: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-contenu-cle a.reset { text-decoration: none; color: #FF0000; margin-left: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-contenu-cle a.reset::after { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left:.5rem; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-contenu-cle a.reset:hover span { text-decoration: underline; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.filtre-titre-cle a.reset { display: none; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.slider { margin-right: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.filtre-contenu-cle { display: flex; flex-direction: row-reverse; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.filtre-contenu-cle input { width: 50%; margin-top:.5rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.ui-slider span.ui-slider-handle { border-radius: 0px; background-color: var(--vertFD); border: none; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form div.slider div.ui-widget-header { background: var(--grisClair); } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form span.indeXys-nowrap { margin-bottom:.5rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form span.indeXys-nowrap a { margin-left:.25rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.filtre-cle form span.indeXys-nowrap a br { display: none; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-content div.filtre-cle:first-of-type { Margin-top: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-liste-cle div.plus-de-criteres div.plus-de-criteres-title { display: inline-block; width: 100%; margin: 1rem 0 0; color: #00adbb; text-decoration: underline; text-transform: uppercase; cursor: pointer; text-align: center; } div#zoneCentre div.IndeXysPortletPublication div.filtrePublication div.filtre-titre { display: none; } div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { grid-column: 2/5; position: relative; min-height: 8rem; } div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee span.empty { position: absolute; top: 0; display: block; text-transform: lowercase; } div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee span.empty::before { content: "Désolé, "; text-transform: capitalize; } div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { grid-column: 1/5; } div#zoneCentre div.IndeXysPortletPublication div.referencementPublication { grid-column: 1/5; } div#zoneCentre div.IndeXysPortletRecherche { grid-column: 1/13; } div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet { margin: 0; padding: 0 1rem; } div#zoneCentre div.IndeXysPortletRecherche div.multiPages { display: block; margin: 0 auto; padding: 1rem; } div#zoneCentre div.IndeXysPortletRecherche div.multiPages p { margin: 0; text-align: center; } div#zoneCentre div.IndeXysPortletRecherche div.multiPages p a { color: #00adbb; text-decoration: none; } div#zoneCentre div.IndeXysPortletRecherche div.multiPages p a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRecherche div.requete p.recherche span.recherche { display: inline-block; margin-left: .25rem; color: #207577; font-weight: 700; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section + div.section { margin-top: 4rem; } 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 p.reponses span.quantite { margin: 0 .25rem; color: #207577; font-weight: 700; } div#zoneCentre div.IndeXysPortletRubriquePublication { grid-column: 1/13; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { padding: 0 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { max-width: 1320px; margin: 0 auto; margin-top: 1rem; grid-column: 1/2; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a { color: var(--bleuFD); text-decoration : inherit; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique a:hover { text-decoration : underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form p button.desinscriptionEnvoi { text-transform: uppercase; background-color: #00ADBB; color: #FFFFFF; border: none; padding: 0.5rem 3rem; font-size: 1.25rem; cursor: pointer; font-family: 'Montserrat', sans-serif; width: 200px; margin: auto; display: block; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form p.desinscription { display: grid; grid-template-columns: 30px 1fr; grid-gap: 1rem 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form p.desinscription input[type="checkbox"] { width: 1rem; height: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2 { margin: 0; padding: 0; width: 100%; display: inline-flex; align-items: flex-start; text-transform: uppercase; color: var(--vertFD); } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2::after { content: ""; border-bottom: 1px solid #666666; flex-grow: 1; align-self: flex-end; margin-left: .5rem; margin-bottom: .4rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size:.75rem; margin-top: .6rem; margin-right: .75rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a.documentPDF { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; box-shadow: none; display: inline-block; width: 1.75rem; max-width: initial; height: 1.75rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a.documentPDF span { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication { max-width: 1320px; margin: 0 auto; grid-column: 1/2; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle { background-color: #FFFFFF; padding:.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle + div.filtre-cle { margin-top: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-contenu-cle { margin: 0; padding: 0; display: flex; flex-direction: column; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-contenu-cle span.value a { color: var(--vertFD); text-decoration: none; margin-left: .25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-contenu-cle span.value a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-contenu-cle.none span { margin-left: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-contenu-cle.single span { margin-left: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-titre-cle { text-transform: uppercase; margin: 0; padding: 0; padding-left: 1.25rem; margin-top:.25rem; margin-bottom:.5rem; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-titre-cle a { display: block; text-transform: initial; color: #00adbb; text-decoration: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-titre-cle a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle div.filtre-titre-cle::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: absolute; left: 0; top:.1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form { margin-left: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.filtre-contenu-cle a.reset { text-decoration: none; color: #FF0000; margin-left: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.filtre-contenu-cle a.reset::after { content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left:.5rem; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.filtre-contenu-cle a.reset:hover span { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.filtre-titre-cle a.reset { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.slider { margin-right: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.slider div.filtre-contenu-cle { display: flex; flex-direction: row-reverse; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.slider div.filtre-contenu-cle input { width: 50%; margin-top:.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.slider div.ui-slider span.ui-slider-handle { border-radius: 0px; background-color: var(--vertFD); border: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form div.slider div.ui-widget-header { background: var(--grisClair); } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form span.indeXys-nowrap { margin-bottom:.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form span.indeXys-nowrap a { margin-left:.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-cle form span.indeXys-nowrap a br { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-liste-cle { padding: 1rem; background-color: #ECEDED; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-liste-cle:empty { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.filtrePublication div.filtre-titre { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee { max-width: 1320px; margin: 0 auto; grid-column: 1/2; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { max-width: 1320px; margin: 0 auto; grid-column: 1/2; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { max-width: 1320px; margin: 0 auto; margin-bottom: 1rem; grid-column: 1/2; width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections div.contenu p img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section { display: flex; justify-content: center; align-items: center; margin-top: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { padding: .5rem 1rem; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu a { color: var(--vertFD); text-decoration: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { width: 100%; color: var(--grisV2); text-transform: uppercase; padding-right: 1rem; font-size: 1.4rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1::after { border-bottom: 1px solid var(--grisV2); content: ''; display: table-cell; position: relative; top:-.3em; width: 100%; left: 10px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: relative; top: -0.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h3 { margin: 0; padding: 0; text-transform: uppercase; color: #666666; margin-top: 1rem; margin-bottom: .25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h4 { margin: 1rem; padding: 0; text-transform: uppercase; color: #666666; margin-bottom: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu img { max-width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ol li { margin-top:.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p { margin: 1rem 0; padding: 0; line-height: 1.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a.rubrique-pdf { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.75rem; height: 1.75rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a.rubrique-pdf span { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a.rubrique-voir { margin: 0; padding: 0; background-image: url("../images/picto_oeil.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.75rem; height: 1.75rem; transform: translateY(.5rem); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a.rubrique-voir span { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu span.fd-circle { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 1.5rem; height: 1.5rem; color: #fff; border: 1px solid transparent; background-color: transparent; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu span.fd-circle.fd-bg-green { border-color: #00adbb; background-color: #00adbb; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu span.fd-circle.fd-bg-red { border-color: red; background-color: red; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu span.fd-size-1-5 { width: 2rem; height: 2rem; font-size: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu table { border: 1px solid #666666; border-collapse: collapse; width: calc(100% - 2rem); font-size: .8rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu table tr td { border: 1px solid #666666; padding: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu table tr:nth-child(odd) { background-color: var(--grisClair); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ul { margin: 0; padding: 0; padding-left: 1rem; list-style: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ul li { margin-top:.25rem !important; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ul li::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .5rem; background-color: #FFFFFF; margin-right: .75rem; position: relative; top: -0.15rem; margin-left: -1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.alignementHaut { display: flex; flex-direction: column; justify-content: flex-start; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.alignementVertical { display: flex; flex-direction: column; justify-content: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers { grid-column: 1/13; background-color: #f4f3f4; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu { display: grid; grid-template-columns: repeat(12, 1fr); width: 100%; height: 100%; padding: 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu div.imageUnivers { grid-column: 1/13; display: block; position: relative; width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu div.imageUnivers img { width: 100%; height: 100%; object-fit: cover; object-position: right; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu div.texte { grid-column: 1/13; align-self: flex-start; padding: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage { margin-bottom: 3rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/sections/etudeEclairage/ETUDE-ECLAIRAGE.jpg"); background-position: center; background-repeat: no-repeat; background-size: auto 100%; display: flex; justify-content: flex-end; margin-bottom: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu { margin-left: auto; width: 70%; background-color: rgba(32, 117, 119, .8); padding: 2rem 1rem; position: relative; text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu a { color: #fff; border: 1px solid #fff; margin-top: 1rem; padding: .5rem 1rem; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu a { padding: .5rem 3rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu a:hover { text-decoration: underline; background-color: var(--blanc); color: var(--vertFD); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu h2 { color: #fff; font-weight: 300; font-size: 2rem; text-align: left; margin-top: 1rem; padding-left: 1rem; border-left: 2px solid #fff; display: flex; flex-direction: column; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu h2 span.highlight { font-weight: 500; display: inline-block; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu h2 strong { display: inline-block; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu p { display: inline-block; width: 100%; margin: 3rem 0 2rem; color: #fff; text-align: left; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu p { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu::before { height: 11rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.sousContenu { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fiche div.contenu p a { padding: 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fiche div.contenu p a img { display: block; aspect-ratio: 600/340; object-fit: cover; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fiche div.contenu p a span span { display: block; padding: 1rem; font-size: 1.25rem; text-transform: uppercase; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fondGris { background-color: #f3f2f3; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fondNoir { background-color: var(--noir); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fondVert { background-color: var(--vertFD); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur16 { grid-column: auto / span 2; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur33 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50.savoir-faire div.contenu p img { margin-top: 1rem; object-position: bottom; object-fit: cover; height: 300px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur66 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur68 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur75 { grid-column: auto / span 9; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur8 { grid-column: auto / span 1; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur84 { grid-column: auto / span 10; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.ligne2 { grid-row: auto / span 2; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.masquerMobile { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento { margin: 0; padding: 0; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento div.contenu h1::before { content: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento h1, div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento h3 { margin: 0; padding: 0 2rem; font-weight: 300; font-size: 1.75rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento span.surligne { background-color: var(--vertFD); color: #fff; padding: 0 .25rem; font-weight: 600; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.precedent div.contenu p { text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.precedent div.contenu p a { display: block; width: 100%; padding: 1rem; border: 1px solid #00ADBB; color: #00ADBB; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { background-color: #ECEDED; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel { background: no-repeat linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)), url("../images/homeProfessionnels.jpg"); background-position: 80% 20%; background-size: 300%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu { text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu a { background-color: #00adbb; color: #fff; display: block; margin: 2rem auto; margin-bottom: 0; padding: 1rem; padding-top: .5rem; width: 50%; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 1.25rem; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu a::after { content: ""; width: 100%; height: 70%; position: absolute; top: -56%; left: 0; background-image: url("../images/picto_plan.svg"); background-repeat: no-repeat; background-position: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu a::before { content: ""; width: 60%; height: 100%; position: absolute; bottom: 0; left: -50%; background-image: url("../images/camion.svg"); background-repeat: no-repeat; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu h2 { color: #fff; text-align: center; font-size: 2.25rem; display: block; width: 70%; margin: 0 auto; margin-bottom: 1.5rem; font-weight: 300; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu h2 span.highlight { font-weight: 500; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu img { margin: 1.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.professionnel div.contenu p { background-color: #fff; display: block; margin: 0 auto; padding: 1rem; padding-bottom: .5rem; width: 40%; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/sections/reparerSpot/REPARER-SPOT.jpg"); background-position: center; background-repeat: no-repeat; background-size: auto 100%; display: flex; justify-content: flex-end; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu { width: 70%; background-color: rgba(255, 255, 255, .95); padding: 2rem 1rem; position: relative; text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu a { color: #fff; background-color: var(--grisV2); margin-top: 1rem; padding: .5rem 1rem; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu h2 { color: var(--grisV2); font-weight: 300; font-size: 2.5rem; text-align: left; line-height: 2.25rem; padding-left: 1rem; border-left: 2px solid var(--grisV2); display: flex; flex-direction: column; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu h2 span.highlight { font-weight: 500; display: inline-block; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu h2 strong { display: inline-block; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu p { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.sousContenu { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir { background-color: #00ADBB; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu { margin: 1rem; border: 1px solid #FFFFFF; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu *:first-child { margin-top: 4.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu *:last-child { margin-bottom: 4.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu a { color: inherit; text-decoration: underline; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu p { color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu ul { color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu::after { content: " \f10e "; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 3rem; margin-left: 1rem; position: absolute; right: 1rem; bottom: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu::before { content: " \f10d "; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 3rem; position: absolute; left: 1rem; top: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.grandeImage { grid-column: 1/3; height: 300px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.grandeImage a { display: inline-block; width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.grandeImage a span { display: inline-block; width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.grandeImage a span img { height: 100%; object-position: bottom; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature { position: relative; height: 150px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature a { display: inline-block; width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature a span { display: inline-block; width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature h3 { position: absolute; left: .25rem; bottom: .25rem; margin: 0; color: #fff; font-size: 1rem; text-shadow: 0 0 4px #000; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu img { display: block; height: 100%; object-fit: cover; object-position: center; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireTexte div.contenu h2 { color: #333333; font-size: 3rem; font-weight: 300; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireTexte div.contenu p { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 1.25rem; width: 80%; margin: 1rem auto; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireTexte div.contenu p span.highlight { font-weight: 500; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu { padding: 2rem 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu h2 { grid-column: 1/4; color: #fff; text-align: center; font-size: 3rem; font-weight: 300; margin: 0; margin-bottom: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement { display: flex; flex-direction: column; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement h3 { color: #fff; text-align: center; font-size: .8rem; text-transform: uppercase; display: inline-block; margin: 0; padding: 0 1rem; font-family: 'Raleway', sans-serif; font-weight: 500; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement img { width: auto; height: 4rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement p.texte { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement:nth-of-type(even) h3 { border-left: 2px solid var(--blanc); border-right: 2px solid var(--blanc); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu ul.engagements { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.sousContenu div.contenu div.engagementTitre { display: flex; flex-direction: column; align-items: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.suivant div.contenu p { text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.suivant div.contenu p a { display: block; width: 100%; padding: 1rem; background-color: var(--grisV2); color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison { margin-top: 1.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu { position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu h2 { padding: .25rem 1rem; background-color: #183836; color: #fff; text-decoration: none; transform: translate(0, -50%); display: inline-block; font-size: 1.5rem; font-family: 'Roboto Slab', serif; font-weight: 300; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu h2 strong { text-transform: capitalize; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu::before { content: ""; border-left: 2px solid #183836; position: absolute; top: 1rem; left: 2rem; height: 13rem; z-index: 10; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.tribunePublication div.listePublicationLiee { padding: 1rem; padding-top: 0; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail { padding-top: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu { position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu h2 { padding: .25rem 1rem; background-color: #183836; color: #fff; text-decoration: none; transform: translate(0); display: inline-block; font-size: 1.5rem; font-family: 'Roboto Slab', serif; font-weight: 300; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu h2 strong { text-transform: capitalize; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu::before { content: ""; border-left: 2px solid #183836; position: absolute; top: 1rem; left: 2rem; height: 15rem; z-index: 10; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.tribunePublication div.listePublicationLiee { padding: 1rem; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques { max-width: 1320px; margin: 0 auto; grid-column: 1/2; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.navSections { max-width: 1320px; margin: 0 auto; grid-column: 1/2; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.navSections { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.navSections nav.nav ul { margin: 0; padding: 0; list-style: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { max-width: 1320px; margin: 0 auto; grid-column: 1/2; width: 100%; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.contenuPortlet { margin: 0 1rem; padding: 2rem 0; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications { text-align: center; padding-top: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.FDProduit.liste div.caracteristiques { display: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.FDProduit.liste div.texte { display: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.FDProduit.liste div.titre h2 a { color: #fff; text-decoration: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.FDProduit.liste div.titre h2 a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.FDProduit.liste p.enSavoirPlus { display: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.IndeXysCommerceArticle.liste div.caracteristiques { display: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.IndeXysCommerceArticle.liste div.texte { display: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.IndeXysCommerceArticle.liste div.titre h2 a { color: #fff; text-decoration: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.IndeXysCommerceArticle.liste div.titre h2 a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications div.information.IndeXysCommerceArticle.liste p.enSavoirPlus { display: none; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.titrePortlet h3 { font-size: 1.75rem; font-weight: 300; text-align: center; } div#zoneCentre span.mini { font-size: .8em } div#zoneCentre span.minuscule { text-transform: lowercase; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments { /*grid-column: 1/2;*/ display: none; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments h2 { display: inline-block; color: #fff; margin: 1rem 0; margin-left: 1rem; padding: 0 1rem; border-left: 2px solid #fff; font-weight: 300; font-size: 2.5rem; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments p { display: none; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.contenuPortlet { /*display: grid; grid-template-columns: 100%;*/ display: block; background-color: #00ADBB; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama { grid-column: 1/2; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider { width: 100%; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider button.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; z-index: 30; display: block; width: 40px; height: 80px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #fff; border: none; outline: none; right: 0; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider button.slick-next::before { opacity: 1; color: #fff; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider button.slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; z-index: 30; display: block; width: 40px; height: 80px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #fff; border: none; outline: none; left: 0; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider button.slick-prev::before { opacity: 1; color: #fff; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider img { width: 100%; object-fit: cover; object-position: center; min-height: 330px; max-height: 525px; } div#zoneDroite div#memento.IndeXysPortletUrl div.contenuPortlet { margin: 0; padding: 2rem 0 3rem; } div.IndeXysPortletFilAriane { /*background-color: #f4f3f4;*/ margin-bottom: 1rem; } div.IndeXysPortletFilAriane div.contenuPortlet { padding: .75rem; max-width: 1320px; margin: 0 auto; } div.IndeXysPortletFilAriane div.contenuPortlet p { color: var(--grisNav); margin: 0; padding: 0; font-size: .8rem; } div.IndeXysPortletFilAriane div.contenuPortlet p a { text-decoration: none; color: var(--gris); } div.IndeXysPortletFilAriane div.contenuPortlet p a:hover { text-decoration: underline; } div#zoneHaut { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; position: relative; font-family: 'Raleway', sans-serif; box-shadow: 0 0 0.4rem 0 rgba(50, 50, 51, 0.4); } div#zoneHaut .scroll-top-wrapper { right: .5rem; bottom: 100px; } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique { display: none; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique { /*margin-bottom: 1rem;*/ flex-grow: 1; display: flex; justify-content: center; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.contenuPortlet { /*padding-top: 1rem; background-image: url("../images/picto_spot.svg"); background-size: 30% auto; background-position: top center; background-position-y: -2px; background-repeat: no-repeat;*/ } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out { display: block; width: 150px; height: 60px; background-image: url(../images/nouveauLogoFD.svg); background-position: center; background-repeat: no-repeat; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out span.in { display: none; } div#zoneHaut div#avis-clientDesktop.IndeXysPortletUrl { display: none; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique { /*margin-bottom: 2rem;*/ margin-left: .5rem; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a span.out { display: block; width: 1.75rem; height: 1.75rem; background-image: url("../images/picto_telephone_vertFD.svg"); background-position: center; background-repeat: no-repeat; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in { display: none; } div#zoneHaut div#livraisonOfferte.IndeXysPortletUrl { display: none; background-color: #207578; width: 100%; color: #fff; } div#zoneHaut div#livraisonOfferte.IndeXysPortletUrl a { color: #fff; } div#zoneHaut div#livraisonOfferte.IndeXysPortletUrl div.contenuPortlet { max-width: 1320px; margin: auto; } div#zoneHaut div#livraisonOfferte.IndeXysPortletUrl p { margin: .5rem; font-size: .8em; font-family: 'Raleway', sans-serif; } div#zoneHaut div#nav-univers-desktop { display: none; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique { /*margin-bottom: 2rem;*/ margin-left: 1rem; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic a.buttonMenuDeroulantSurClic span.out { display: block; width: 1.75rem; height: 1.75rem; background-image: url("../images/fdMenuMobile.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic a.buttonMenuDeroulantSurClic span.out span.in { display: none; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #f3f2f3; z-index: 50; border: 1px solid #666; padding: .5rem; transform: translateY(calc(100% - 52px)); } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li { padding: .5rem; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li + li { /*margin-top: .75rem;*/ } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a { color: var(--grisV2); text-decoration: none; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a span.out { display: flex; justify-content: space-between; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a span.out::after { content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a:hover { text-decoration: underline; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li ul { display: none; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li.acces-electriciens-1 { background-color: #666; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li.acces-electriciens-1 a { color: #fff; } div#zoneHaut div.IndeXysCommercePortletTitrePanier { /*margin-bottom: 2rem;*/ margin-right: 1rem; position: relative; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.articles { margin: 0; /*position: absolute; top: -10%; left: 25%; display: inline-block; text-align: center; margin: 0; padding: 0; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border: 1px solid #207578; border-radius: 12px; background: #207578; color: #fff; font-size: .8em;*/ } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.articles span.libelle { display: none; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite { display: block; margin: 0; padding: 0; width: 26px; height: 26px; color: var(--blanc); text-align: center; line-height: 26px; font-size: 12px; font-weight: bold; position: absolute; top: -.5rem; right: -.5rem; background-color: var(--vertFD); border-radius: 50%; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.vide { margin: 0; padding: 0; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.vide span { display: none; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { margin: 0; padding: 0; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { display: block; width: 2rem; height: 2rem; background-image: url("../images/picto_panier.svg"); background-position: center; background-repeat: no-repeat; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span { display: none; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient { /*margin-bottom: 2rem;*/ margin-right: .5rem; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.identite p.deconnecter { display: none; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.identite p.titre { display: none; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 { margin: 0; padding: 0; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a { display: block; width: 1.75rem; height: 1.75rem; background-image:url("../images/picto_compte.svg"); background-position: center; background-repeat: no-repeat; position: relative; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a span { display: none; } div#zoneHaut div.IndeXysPortletEnTete { background-color: #F4F3F4; width: 100%; font-family: 'Raleway', sans-serif; } div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet { max-width: 1000px; margin: auto; } div#zoneHaut div.IndeXysPortletEnTete ul { margin: 0; padding: .5rem; list-style: none; display: flex; justify-content: space-around; font-size: .7rem; } div#zoneHaut div.IndeXysPortletEnTete ul li { min-height: 2rem; display: flex; align-items: center; justify-content: center; } div#zoneHaut div.IndeXysPortletEnTete ul li a { color: var(--grisNav); text-decoration: none; background-size: auto 1.7rem; background-position: left center; background-repeat: no-repeat; display: inline-flex; min-height: 2rem; align-items: center; font-weight: 500; } div#zoneHaut div.IndeXysPortletEnTete ul li a:hover { text-decoration: underline; } div#zoneHaut div.IndeXysPortletEnTete ul li:first-of-type a { background-image: url("../images/picto_garantie.svg"); padding-left: 1.5rem; } div#zoneHaut div.IndeXysPortletEnTete ul li:last-of-type { /*max-width: 115px;*/ } div#zoneHaut div.IndeXysPortletEnTete ul li:last-of-type a { background-image: url("../images/picto_reparation.svg"); padding-left: 2rem; } div#zoneHaut div.IndeXysPortletEnTete ul li:nth-child(2) { padding: 0 .5rem; border-left: 1px solid #666; border-right: 1px solid #666; width: 33%; justify-content: center; } div#zoneHaut div.IndeXysPortletEnTete ul li:nth-of-type(2) a { background-image: url("../images/picto_france.svg"); padding-left: 2.5rem; } div#zoneHaut div.IndeXysPortletRecherche { margin: 0 0 .5rem; padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; } div#zoneHaut div.IndeXysPortletRecherche div.contenuPortlet { width: 90%; max-width: 450px; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p { margin: 0; padding: 0; display: flex; align-items: center; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p button { margin: 0; padding: 0; width: 35px; height: 35px; cursor: pointer; font-family: Arial, Helvetica, Sans-serif; background-color: var(--vertFD); 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#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p button span { display: none; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p input { margin: 0; padding: .5rem 1.5rem; width: calc(100% - 35px); height: 35px; font-family: Arial, Helvetica, Sans-serif; color: var(--grisNav); border-radius: 10px 0 0 10px; background-color: var(--grisClair); border: none; font-size: .9rem; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p input::placeholder { color: var(--gris); } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p input:focus-visible { border: 2px solid var(--bleuFD); outline: none; } div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale p:hover button { border: 2px solid var(--bleuFD); } div#zoneHaut div.IndeXysPortletUtils { width: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: 'Roboto Slab', serif; font-weight: 400; } html { scroll-behavior: smooth; } select { border-radius: 0; border: 1px solid #7f7f7f; background-color: var(--blanc); } textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="search"], input[type="password"], input[type="decimal"] { -webkit-appearance: none; border-radius: 0; border: 1px solid #7f7f7f; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu div.imageUnivers:after { content: ""; display: block; width: 105px; height: 88px; background-image: url(../images/france.svg); background-size: 100%; border: 1px solid #666666; position: absolute; top: 0; right: 0; } div#zoneCentre:has(div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle) div#listePublicationLiee.IndeXysPortletRubriquePublication > div.contenuPortlet { margin-top: 1rem !important; } div#zoneCentre div.IndeXysPortletFilAriane { grid-column: 1/13; }@media screen and (min-width: 424px) { div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic { transform: translateY(calc(100% - 34px)); } } @media screen and (min-width: 450px) { div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu { width: 50%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu { width: 50%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement h3 { font-size: 1rem; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.contenuPortlet { /*padding-top: 2rem;*/ } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out { /*width: 200px; height: 80px;*/ } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique { margin-left: 1rem; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient { margin-right: 1rem; } } /*---fin450px---*/ @media screen and (min-width: 550px) { div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage { background-size: 100% auto; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature { height: 200px; } div#zoneHaut div.IndeXysPortletEnTete ul li { width: 33%; } div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet ul li:last-of-type { max-width: initial; } } /*---fin550px---*/ @media screen and (min-width: 576px) { div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { grid-template-columns: repeat(2, 1fr); } } /*---fin576px---*/ @media screen and (min-width: 768px) { div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } div#zoneCentre div.IndeXysPortletRubriquePublication section.universMaison div.listePublicationLiee { grid-template-columns: repeat(1, 1fr); } body#rubrique.spots-pour-la-maison div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.FDUnivers.liste.l-eclairage-de-votre-interieur { grid-column: auto / span 2; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 { grid-column: auto / span 6; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur33 { grid-column: auto / span 4; } div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee span.empty { left: 50%; transform: translateX(-50%); } body.test-catalogue-v2 div#zoneCentre div.IndeXysCommercePortletCompteClient { grid-column: 1/7; } body.test-catalogue-v2 div#zoneCentre div#contenuRubrique.IndeXysPortletRubriquePublication { grid-column: 7/13; } div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet ul li a br { display: none; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contactez-nous a span.out::after, div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul.liste li.contactez-nous span.obf span.out::after { content: "Lun au Ven : 9h-17h"; white-space: pre; color: var(--gris); font-size: .7rem; height: 1rem; display: block; padding-left: 2rem; font-family: 'Montserrat', sans-serif; } } /*---fin768px---*/ @media screen and (min-width: 992px) { div#zoneCentre:has(div#filtrePublication div.saisieFiltrePublication div.filtre-liste-cle) div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 4/13; } [data-isanonymous="non"] div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a::before { bottom: 22px; right: 29px; } div#conteneur::before { width: 1.5rem; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.contenuPortlet { /*padding-top: 3rem;*/ } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu h2 { color: var(--grisV2); font-weight: 300; font-size: 2.5rem; text-align: left; line-height: 2.25rem; padding-left: 1rem; border-left: 2px solid var(--grisV2); display: flex; flex-direction: column; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: initial; margin: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { max-width: initial; margin: initial; display: block; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { max-width: initial; margin: initial; display: block; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h2 { display: block; width: initial; white-space: initial; text-align: inherit; text-transform: initial; padding-right: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h2::after { display: none; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h2::before { display: none; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu { padding: 5rem 1rem; margin-left: auto; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu h2 { color: #fff; font-weight: 300; font-size: 2.5rem; text-align: left; margin-top: 1rem; padding-left: 1rem; line-height: 2.5rem; border-left: 2px solid #fff; display: flex; flex-direction: column; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento div.sousContenu { max-width: 1320px; margin: 0 auto; padding: 3rem 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot { padding: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu { padding: 5rem 1rem; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu { padding: 1rem; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; width: 100%; grid-gap: 1rem; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); grid-column: 2/5; } body.spots div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { grid-column: 1/5; grid-row:1/2; text-align: center; } div#zoneBas { grid-template-columns: repeat(4, 1fr); } div#zoneBas div#ecosystem.IndeXysPortletNavigationRubrique { grid-column: 1/5; display: block; background-color: #f3f2f3; } div#zoneBas div#ecosystem.IndeXysPortletNavigationRubrique div.contenuPortlet { max-width: 1320px; margin: 0 auto; display: flex; justify-content: center; } div#zoneBas div#ecosystem.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneBas div#ecosystem.IndeXysPortletNavigationRubrique div.liste ul li a { margin: 1rem 0; padding-top: 4.5rem; background-image: url("../images/ecosystem-logo.svg"); display: inline-block; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; width: 250px; } div#zoneBas div#ecosystem.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in { display: none; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique { grid-column: 1/5; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.contenuPortlet { max-width: 1320px; margin: 0 auto; border-top: 1px solid #666; padding: 1rem 0; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li { border-top: none; text-align: center; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li a { display: inline-block; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li a::after { display: none; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul { display: initial; text-align: center; } div#zoneBas div#footer.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul.menuNonDeroulant li ul li { text-transform: initial; font-weight: 300; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl { grid-column: 3/5; grid-row: 1/3; max-width: calc(1320px / 2); width: 100%; border-top: 1px solid #666; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl div.contenuPortlet { display: flex; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul { padding: 3rem 1rem; } div#zoneBas div#referencement.IndeXysPortletUrl { grid-column: 1/5; } div#zoneBas div#referencement.IndeXysPortletUrl div.contenuPortlet { max-width: 1320px; margin: 0 auto; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique { grid-column: 1/3; grid-row: 2/3; max-width: calc(1320px / 2); width: 100%; margin-left: auto; } div#zoneBas div#reseauxSociaux.IndeXysPortletNavigationRubrique div.liste { width: 80%; height: 80%; margin: 0 auto; padding-top: 6rem; } div#zoneBas div.IndeXysPortletNewsletter { grid-column: 1/3; grid-row: 1/2; max-width: calc(1320px / 2); width: 100%; margin-left: auto; } div#zoneBas div.IndeXysPortletNewsletter div.abonnement form p { width: 70%; margin: 0 auto; } div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet { padding-top: 3rem; } div#zoneBas div.IndeXysPortletPiedDePage { grid-column: 1/5; } div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet { max-width: 1320px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul { max-width: 1320px; margin: 0 auto; } div#zoneCentre div#filtrePublication div.contenuPortlet { /*position: sticky; top: 0;*/ } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { max-width: 1320px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { grid-column: 1/5; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-column: 1/5; grid-template-columns: repeat(4, 1fr); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { max-width: 1320px; margin: 0 auto; margin-bottom: 1rem; grid-column: 1/5; width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections div.contenu p img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu iframe { width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h4 { margin: 1rem; padding: 0; text-transform: uppercase; color: #666666; margin-bottom: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu table { border: 1px solid #666666; border-collapse: collapse; width: calc(100% - 2rem); margin: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu table tr td { border: 1px solid #666666; padding: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu table tr:nth-child(odd) { background-color: #DDDDDD; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ul { margin: 0; margin-left: 1rem; padding: 0; padding-left: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu ul li { margin-top:.25rem !important; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.alignementVertical { display: flex; flex-direction: column; justify-content: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers { grid-column: 1/13; background-color: #f4f3f4; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage { margin-bottom: 3rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu a { padding: .5rem 3rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu p { display: inline-block; width: 100%; margin: 3rem 0 2rem; color: #fff; text-align: left; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etudeEclairage div.contenu::before { height: 11rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur16 { grid-column: auto / span 2; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur25 { grid-column: auto / span 3; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur33 { grid-column: auto / span 4; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 6; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50.savoir-faire div.contenu p img { margin-top: 1rem; object-position: bottom; object-fit: cover; height: 300px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur66 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur68 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur75 { grid-column: auto / span 9; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur8 { grid-column: auto / span 1; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur84 { grid-column: auto / span 10; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.ligne2 { grid-row: auto / span 2; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.memento div.contenu h3 { font-size: 2rem; line-height: 3rem; margin: 0; padding: 0 2rem; text-transform: initial; color: #666666; font-family: 'Roboto Slab', serif; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.precedent div.contenu p { text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.precedent div.contenu p a { display: block; width: 100%; padding: 1rem; border: 1px solid #00ADBB; color: #00ADBB; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation { background-color: #ECEDED; margin-left: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.presentation.largeur100 { margin-right: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu { padding: 5rem 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu a { padding: .5rem 3rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu div.image { display: block; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu div.image img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu p { display: inline-block; width: 100%; margin: 3rem 0 2rem; text-align: left; font-size: 1.25rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.reparerSpot div.contenu::before { height: 15rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir { background-color: #00ADBB; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu { margin: 1rem; border: 1px solid #FFFFFF; position: relative; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu *:first-child { margin-top: 4.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu *:last-child { margin-bottom: 4.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu:after { content: " \f10e "; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 3rem; margin-left: 1rem; position: absolute; right: 1rem; bottom: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir div.contenu:before { content: " \f10d "; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 3rem; position: absolute; left: 1rem; top: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir p { color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir p strong { color: #FFFFFF !important; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.retenir ul li { color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature h3 { margin: 0; padding: 0; text-transform: initial; color: #fff; font-family: 'Roboto Slab', serif; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.miniature { height: 250px; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.grandeImage { height: 100%; grid-column: 3/4; grid-row: 1/3; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.savoirFaireImage div.contenu div.grandeImage a span img { height: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu { display: flex; align-items: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu h2 { font-size: 4.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement { flex-wrap: wrap; flex-direction: revert; align-items: flex-end; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement h3 { width: 60%; font-size: 1.25rem; padding-left: .5rem; text-align: left; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement img { width: 4rem; height: initial; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement p.texte { border-top: 2px solid var(--blanc); color: #fff; font-size: 1rem; display: inline-block; margin: 0; margin-top: 1rem; padding: 1rem 0; width: 100%; height: 100%; font-weight: 400; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu li.engagement:nth-of-type(even) h3 { border: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu ul.engagements { grid-gap: 2rem; width: 65%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.sousContenu div.contenu div.engagementTitre { width: 35%; padding: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.sousContenu div.contenu div.engagementTitre img { width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.suivant div.contenu p { text-align: center; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.suivant div.contenu p a { display: block; width: 100%; padding: 1rem; background-color: var(--grisV2); color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu h2 { padding: .25rem 2rem; padding-left: 400px; transform: translate(-380px, -50%); font-size: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu::before { height: 9rem; left: 3rem; top: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu h2 { padding-left: 400px; transform: translate(-380px, 0); font-size: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu::before { top: 3rem; height: 8rem; top: 2rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.tribunePublication div.listePublicationLiee { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; padding-bottom: 4rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSousRubriques { max-width: 1320px; margin: 0 auto; grid-column: 1/12; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques { max-width: 1320px; margin: 0 auto; grid-column: 1/5; width: 100%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.navSections { display: none; } div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { max-width: 1320px; margin: 0 auto; grid-column: 1/12; width: 100%; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.contenuPortlet { max-width: 1320px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletTribuneHistoriquePublications div.historiquePublications { grid-template-columns: repeat(4, 1fr); } div#zoneCentre div.filtre-cle div.filtre-titre-cle span.mini { text-transform: initial; font-size: .8em } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments { display: flex; flex-direction: column; justify-content: center; align-items: center; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments h2 { margin-left: 1.5rem; margin-right: 2rem; padding: 0; padding-left: 1rem; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments h2 strong { line-height: initial; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.arguments p { display: inline-block; margin-left: 2rem; margin-right: 2rem; color: #fff; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.contenuPortlet { grid-template-columns: 1fr 65%; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama { grid-column: 2/3; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider { width: inherit; } div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider img { /*max-height: initial;*/ } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique { display: block; position: absolute; top: 0; right: 0; } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique div.contenuPortlet { margin-right: 1rem; margin-top: .765rem; border-right: 2px solid var(--vertFD); border-left: 2px solid var(--vertFD); padding: .25rem .5rem; } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique div.liste ul li a { text-decoration: none; color: var(--grisNav); } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in { text-transform: uppercase; } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in strong { color: var(--vertFD); } div#zoneHaut div#acces-electriciensDesktop.IndeXysPortletNavigationRubrique div.liste ul li a:hover { text-decoration: underline; } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique { /*margin-bottom: 2rem;*/ } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.contenuPortlet { /*background-position-y: -2px;*/ } div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out { width: 380px; height: 75px; background-size: 100% auto; } div#zoneHaut div#avis-clientDesktop.IndeXysPortletUrl { display: block; margin-left: 1rem; /*margin-bottom: 2rem;*/ } div#zoneHaut div#avis-clientDesktop.IndeXysPortletUrl img { width: 75px; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique { display: block; /*position: absolute; top: 0; left: 0;*/ } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul { margin: 0; padding: 0; list-style: none; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a { text-decoration: none; color: var(--grisNav); font-weight: 500; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a span.out { width: initial; height: initial; background-position: left center; background-size: 2rem auto; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in { padding-left: 2rem; display: initial; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a span.out span.in::after { content: "02 55 42 09 99"; color: var(--vertFD); display: block; padding-left: 2rem; font-weight: 600; font-size: 1.25rem; font-family: 'Montserrat', sans-serif; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique div.liste ul li a:hover { text-decoration: underline; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique { display: block; width: 100%; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul { margin: 0; padding: 0; list-style: none; display: flex; position: relative; flex-wrap: wrap; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li { padding: .5rem; padding-left: 0; flex-grow: 1; display: flex; justify-content: flex-start; align-items: center; /*text-transform: uppercase;*/ } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > a { text-decoration: none; color: var(--grisNav); padding-left: .5rem; border-left: 1px solid var(--grisNav); font-size: .9rem; font-weight: 500; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.echantillons > a { padding-left: 3rem; background-image: url(../images/echantillonBleuFD.svg); background-repeat: no-repeat; background-position: .5rem center; background-size: auto 100%; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li:first-of-type > a { border-left: none; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > a span.br { display: block; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > a:hover { text-decoration: underline; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 50; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.etude-d-39-eclairage-sur-mesure > ul li[class*="pour-un"]{ display: none; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.etude-d-39-eclairage-sur-mesure > ul li ul{ display: none; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.spots > ul { display: none !important; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.convertisseurs > ul { display: none !important; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.accessoires > ul { display: none !important; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.nos-spots > ul { display: none !important; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.echantillons > ul { display: none !important; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.accessoires > ul li:not([class*="tous"]) { display: none; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul { display: flex; justify-content: space-around; margin: 0; padding: 2rem; list-style: none; border-top: 1px solid #666; border-bottom: 1px solid #666; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li > ul > li { text-transform: initial; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li > ul > li + li{ margin-top: .75rem; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li > a{ text-decoration: none; color: inherit; font-weight: 700; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li > ul { margin: 0; margin-top: .75rem; padding: 0; list-style-position: inside; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li.l-eclairage-de-votre-interieur > ul { columns: 2; column-gap: 3rem; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li > ul > li { color: #666; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li > ul > li > ul > li > a{ text-decoration: none; color: #666; margin-left: .5rem; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li:first-of-type { border-left: none; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique { display: none; } div#zoneHaut div.IndeXysCommercePortletTitrePanier { margin-right: 1rem; width: 135px; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.contenuPortlet { display: flex; justify-content: flex-start; padding-left: 1rem; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { margin: 0; padding: 0; font-size: 1rem; font-weight: 400; font-family: 'Raleway', sans-serif; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { text-decoration: none; width: inherit; height: inherit; background: none; color: var(--grisNav); font-weight: 500; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span { display: inline; font-size: 0; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span::before { content:"Mon Panier"; display: inline-block; font-size: initial; padding-top: 2.5rem; background-image: url("../images/picto_panier.svg"); background-position-y: top; background-position-x: center; background-repeat: no-repeat; background-size: 2.5rem auto; text-align: left; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a:hover { text-decoration: underline; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient { width: 140px; margin-right: 0; padding-right: 1rem; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.contenuPortlet { display: flex; justify-content: flex-end; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 { margin: 0; padding: 0; font-size: 1rem; font-weight: 400; font-family: 'Raleway', sans-serif; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a { text-decoration: none; width: inherit; height: inherit; background: none; color: var(--grisNav); font-weight: 500; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a span { display: inline; font-size: 0; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a span::after { content: ""; padding-right: .25rem; border-right: 2px solid #00adbb; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a span::before { content:"Mon Compte"; display: inline-block; font-size: initial; padding-top: 2.5rem; background-image: url("../images/picto_compte.svg"); background-position-y: top; background-position-x: center; background-repeat: no-repeat; background-size: 2rem auto; text-align: right; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a:hover { text-decoration: underline; } div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet ul { font-size: 1rem; padding: .625rem; } div#zoneHaut div#nav-univers.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic { bottom: -30%; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu div.imageUnivers { grid-column: 7/13; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu div.texte { grid-column: 1/7; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu h1 { display: table; white-space: nowrap; text-align: center; } div#zoneCentre div#filtrePublication { grid-column: 1/4; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication { grid-column: 4/13; } div#zoneCentre div#listePublicationLiee.IndeXysPortletPublication div.contenuPortlet { padding-left: 0; } div#zoneCentre div#filtrePublication.IndeXysPortletRubriquePublication { grid-column: 1/4; } body.spots div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 4/13; } body.convertisseurs div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 4/13; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { grid-template-columns: repeat(3, 1fr); } div#zoneBas div#drapeau.IndeXysPortletNavigationRubrique div.liste ul.liste li a { width: 1.5rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.fiche div.contenu p a { padding: 0; } body.accessoires div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section:nth-of-type(3) { margin-right: .5rem; } body.accessoires div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section:nth-of-type(4) { margin-left: .5rem; } body.eclairage-pour-l-39-interieur div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section:nth-of-type(3) { margin-right: .5rem; } body.eclairage-pour-l-39-interieur div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section:nth-of-type(4) { margin-left: .5rem; } div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite { left: 4rem; top: -.5rem; z-index: 1000; } div#zoneBas div#livraisonBlogParrainage.IndeXysPortletUrl ul li { font-size: 1.5rem; } body.nos-spots div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 4/13; } body.nos-spots div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3,1fr); } body.spots-interieurs div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 4/13; } body.spots-interieurs div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3,1fr); } body.nos-produits div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication { grid-column: 4/13; } body.nos-produits div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3,1fr); } } /*---fin992px---*/ @media screen and (min-width: 1100px) { div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li > a, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-appliques > ul > li > a, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-plafonniers > ul > li > a { padding: 1.75rem 0 1.75rem 4rem; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-appliques > ul > li > a, div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-plafonniers > ul > li > a { padding: 1.75rem 0 1.75rem 5rem; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-ardoise > a { background-image: url(../images/SUSPENSION-ARDOISE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-basalte-luminaire > a { background-image: url(../images/SUSPENSION-BASALTE.svg); padding-left: 5rem; } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-galet-luminaire > a { background-image: url(../images/SUSPENSION-GALET.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-nacre-suspensions > a { background-image: url(../images/SUSPENSION-NACRE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-graphite-12 > a { background-image: url(../images/SUSPENSION-GRAPHITE-12.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-graphite-20-luminaire > a { background-image: url(../images/SUSPENSION-GRAPHITE-20.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-graphite-30-luminaire > a { background-image: url(../images/SUSPENSION-GRAPHITE-30.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-suspensions > ul > li.gamme-agate-suspension > a { background-image: url(../images/SUSPENSION-AGATE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-appliques > ul > li.gamme-ambre-applique-tete-de-lit > a { background-image: url(../images/APPLIQUE-LIT-AMBRE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-appliques > ul > li.gamme-nacre-applique-tete-de-lit > a { background-image: url(../images/APPLIQUE-LIT-NACRE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-appliques > ul > li.gamme-ardoise-applique > a { background-image: url(../images/APPLIQUE-MURALE-ARDOISE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-plafonniers > ul > li.gamme-ambre-plafonnier > a { background-image: url(../images/PLAFONNIERS-AMBRE.svg); } div#zoneHaut div#nav-univers-desktop.IndeXysPortletNavigationRubrique div.menuDeroulant > ul > li.les-appliques > ul > li.gamme-applique-agate > a { background-image: url(../images/APPLIQUE-MURALE-AGATE.svg); } } /*---fin1100px---*/ @media screen and (min-width: 1200px) { 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; } } /*---fin1200px---*/ @media screen and (min-width: 1320px) { body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { max-width: initial; margin: 0; padding: 0; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.sousContenu { max-width: 1320px; margin: 0 auto; } body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.sengage div.contenu { padding: 5rem 1rem; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { max-width: calc((1320px - 2rem) / 2); width: 100%; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50:nth-of-type(odd) { margin-left: auto; } body.etude-d-39-eclairage-sur-mesure div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50:nth-of-type(even) { margin-right: auto; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { max-width: calc(1320px / 2); width: 100%; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50:nth-of-type(even) { margin-right: auto; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50:nth-of-type(odd) { margin-left: auto; } div#zoneCentre div.IndeXysPortletFilAriane { margin-bottom: 1rem; } div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { max-width: 1320px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu { max-width: 1320px; margin: 0 auto; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universMaison div.sousContenu div.contenu::before { top: 1rem; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.universTravail div.sousContenu div.contenu::before { top: 2.5rem; } div#zoneCentre div.IndeXysPortletRecherche div.resultats div.section div.listeInformation { grid-template-columns: repeat(4, 1fr); } } /*---fin1320px---*/ @media screen and (min-width: 1400px) { div#zoneHaut div.IndeXysPortletRecherche div.contenuPortlet { max-width: 700px; } div#zoneHaut div#contact.IndeXysPortletNavigationRubrique { margin-left: 3rem; } div#zoneHaut div.IndeXysCommercePortletTitrePanier { margin-right: 3rem; width: 148px; } div#zoneHaut div#avis-clientDesktop.IndeXysPortletUrl { margin: 0 auto 0 3rem; } div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient { width: 153px; } } /*---fin1400px---*/div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { max-width: 1320px; margin: 0 auto; grid-column: 1 / 2; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; width: 100%; } div.information.FDProduit.liste div.image div.promotion { position: absolute; top: 0; right: 0; } div.information.FDProduit.liste div.image div.promotion div.code-promo p { display: flex; margin: 0; background-color: var(--vertFD); color: var(--blanc); padding: .5rem .25rem; justify-content: center; align-items: center; flex-direction: column; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span { display: block; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-avec-le-code { display: none; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-code { display: none; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-montant { font-size: 1.25rem; font-weight: bold; line-height: 2rem; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-montant sup { font-size: 1.25rem; font-weight: normal; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-montant-mini { display: none; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-offerts { display: none; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-offerts sup { display: none; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { font-size: 1.25rem; font-weight: bold; line-height: 2rem; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-produit { display: none; } div.information.FDProduit.liste div.image div.promotion div.texte-promo { display: none; } div.information.FDUnivers.tribune { background-position: center; background-repeat: no-repeat; background-size: auto 100%; margin-bottom: 1rem; } div.information.FDUnivers.tribune div.image { display: none; } div.information.FDUnivers.tribune div.texte { display: none; } div.information.FDUnivers.tribune div.titre h4 { margin: 0; } div.information.FDUnivers.tribune div.titre h4 a { display: flex; color: #fff; text-decoration: none; height: 15rem; width: 100%; font-size: 1.5rem; font-family: 'Roboto Slab', serif; font-weight: 300; } div.information.FDUnivers.tribune div.titre h4 a span.out { background-color: var(--noirTransparent); width: 55%; display: flex; align-items: center; } div.information.FDUnivers.tribune div.titre h4 a span.out span.in { margin-left: 1rem; padding: 0 .5rem; border-left: 1px solid #fff; display: flex; flex-direction: column; } div.information.FDUnivers.tribune div.titre h4 a span.out span.in span.highlight { font-weight: 600; text-transform: capitalize; } div.information.FDUnivers.tribune div.titre h4 a span.out span.in strong { text-transform: capitalize; } div.information.FDUnivers.tribune p.enSavoirPlus { display: none; } div.information.FDUnivers.tribune p.enSavoirPlus a span.br { display: none; } div.information.FDUnivers.tribune p.enSavoirPlus a span.univers { display: none; } div.information.FDUnivers.tribune.l-eclairage-de-l-hotellerie-et-ephad { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/HOTELLERIE.JPG"); } div.information.FDUnivers.tribune.l-eclairage-de-votre-exterieur { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/EXTERIEUR.jpg"); } div.information.FDUnivers.tribune.l-eclairage-de-votre-interieur { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/INTERIEUR.jpg"); } div.information.FDUnivers.tribune.l-eclairage-de-votre-veranda { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/VERANDA.jpg"); } div.information.FDUnivers.tribune.l-eclairage-de-votre-veranda div.titre h4 a { justify-content: flex-end; } div.information.FDUnivers.tribune.l-eclairage-des-bureaux-tertiaires { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/BUREAU-TERTIAIRE.JPG"); } div.information.FDUnivers.tribune.l-eclairage-des-commerces-de-proximite { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/COMMERCE-PROXI.JPG"); } div.information.FDUnivers.tribune.l-eclairage-des-mairies-ou-collectivites { background-image: url("/data/IndeXysBibliothequeHTML/d8a0d42c-7fdc-49b2-965c-062e18691615/home/imagesUnivers/MAIRIE.JPG"); } div.information.FDUnivers.tribune:last-of-type { margin-bottom: 0; } div.information.IndeXysResultatRecherche.liste h2 { display: inline-block; width: 100%; height: 100%; } div.information.IndeXysResultatRecherche.liste h2 a { background-color: #207577; color: #fff; display: inline-flex; padding: .5rem; width: 100%; height: 100%; text-decoration: none; justify-content: center; text-align: center; align-items: center; } div.information.IndeXysResultatRecherche.liste h2 a:hover { text-decoration: underline; background-color: #00adbb; } section div.information.FDUnivers.tribune:first-of-type div.titre h4 a span.out span.in { border-left: 2px solid #183836; } @media screen and (min-width: 460px) { div.information.FDUnivers.tribune { background-size: 100% auto; } div.information.FDUnivers.tribune.l-eclairage-de-votre-exterieur { background-size: auto 100%; } } @media screen and (min-width: 768px) { div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-montant { font-size: 1.75rem; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { font-size: 1.75rem; } } @media screen and (min-width: 920px) { div.information.FDUnivers.tribune.l-eclairage-de-votre-exterieur { background-size: 100% auto; } } @media screen and (min-width: 992px) { div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } div.information.FDUnivers.tribune { margin-bottom: 0; display: flex; flex-direction: column; } div.information.FDUnivers.tribune div.texte { display: inline-block; flex-grow: 1; background: linear-gradient(90deg, var(--noirTransparent) 45%, transparent 0%); } div.information.FDUnivers.tribune div.texte p { width: 45%; display: inline-block; margin: 0; padding: .5rem 2rem; color: #fff; } section.universTravail div.information.FDUnivers.tribune div.texte p { padding: .5rem 1rem; } div.information.FDUnivers.tribune div.titre h4 { margin: 0; } div.information.FDUnivers.tribune div.titre h4 a { height: 7rem; font-size: 1.8rem; } div.information.FDUnivers.tribune div.titre h4 a span.out { width: 45%; align-items: flex-start; } div.information.FDUnivers.tribune div.titre h4 a span.out span.in { margin: 1.5rem 2rem; } section.universTravail div.information.FDUnivers.tribune div.titre h4 a span.out span.in { margin: 1.5rem 1rem; } div.information.FDUnivers.tribune p.enSavoirPlus { background-color: var(--noirTransparent); width: 45%; display: flex; align-items: center; margin: 0; padding: 0; color: #fff; } section.universTravail div.information.FDUnivers.tribune p.enSavoirPlus a { margin: 0 1rem 2rem auto; font-size: .8rem; } div.information.FDUnivers.tribune p.enSavoirPlus a { display: inline-block; border: 1px solid #fff; padding: .5rem .75rem; margin: 2rem; margin-top: 0; margin-left: auto; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } div.information.FDUnivers.tribune p.enSavoirPlus a:hover { text-decoration: underline; background-color: var(--blanc); color: var(--noir); } section.universMaison div.information.FDUnivers.tribune { height: 370px; margin-bottom: 1rem; } section.universMaison div.information.FDUnivers.tribune:last-of-type { margin-bottom: 0; } section.universMaison div.information.FDUnivers.tribune:nth-of-type(even) div.texte { background: linear-gradient(270deg, var(--noirTransparent) 45%, transparent 0%); } section.universMaison div.information.FDUnivers.tribune div.texte p { font-size: 1.1rem; } div.information.FDUnivers.tribune.l-eclairage-de-votre-exterieur { background-size: auto 100%; } div.information.FDUnivers.tribune.l-eclairage-de-votre-veranda div.texte p { margin-left: auto; display: block; } div.information.FDUnivers.tribune.l-eclairage-de-votre-veranda p.enSavoirPlus { background-color: rgba(32, 117, 119, 1); margin-left: auto; } div.information.FDUnivers.tribune:nth-of-type(even) div.texte { background: linear-gradient(90deg, var(--noirTransparent) 40%, transparent 40%); } div.information.FDUnivers.tribune:nth-of-type(even) div.titre h4 a span.out { background-color: var(--noirTransparent); } div.information.FDUnivers.tribune:nth-of-type(even) p.enSavoirPlus { background-color: var(--noirTransparent); } section.universTravail div.information.FDUnivers.tribune { background-size: 100%; background-position: right center; height: 370px; } section.universTravail div.information.FDUnivers.tribune div.texte { background: linear-gradient(90deg, var(--noirTransparent) 50%, transparent 40%); } section.universTravail div.information.FDUnivers.tribune div.texte p { width: 50%; } section.universTravail div.information.FDUnivers.tribune div.titre h4 a span.out { width: 50%; } section.universTravail div.information.FDUnivers.tribune p.enSavoirPlus { width: 50%; } section.universTravail div.information.FDUnivers.tribune:nth-of-type(even) div.texte { background: linear-gradient(90deg, var(--noirTransparent) 50%, transparent 40%); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.masquerMobile { display: initial; } } @media screen and (min-width: 1200px) { div.information.FDProduit.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.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-montant { font-size: 2.5rem; } div.information.FDProduit.liste div.image div.promotion div.code-promo p span.promotion-pourcentage { font-size: 2.5rem; } }body.faire-reparer-mon-spot div#zoneCentre { display: initial; max-width: initial; margin: 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { padding: 0; max-width: initial; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { display: grid; grid-template-columns: repeat(12, 1fr); max-width: initial; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape { background-color: #f4f3f4; padding: 1rem; padding-left: 5.5rem; margin-bottom: 2rem; background-repeat: no-repeat; background-position: 1.5rem 2.25rem; background-size: 2.5rem auto; position: relative; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape h3 { color: #207578; font-size: 1.75rem; font-weight: 500; margin: 1rem 0; text-transform: initial; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape p { margin: 0; margin-bottom: 1.25rem; padding: 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape::before { content: ""; position: absolute; top: 0; right: 0; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 0px 30px 30px 0px; height: 0; width: 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etape:last-of-type { margin-bottom: 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeCinq { background-image: url("../images/chiffres_5.svg"); } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeDeux { background-image: url("../images/chiffres_2.svg"); } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeQuatre { background-image: url("../images/chiffres_4.svg"); } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeSix { background-image: url("../images/chiffres_6.svg"); } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeTrois { background-image: url("../images/chiffres_3.svg"); } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.etapeUne { background-image: url("../images/chiffres_1.svg"); } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerReparerSpot div.contenu p { margin: 0; margin-bottom: 1.25rem; padding: 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerReparerSpot div.contenu p a { display: inline-block; padding: .75rem 2.5rem; color: #fff; background-color: #00adbb; text-transform: uppercase; text-decoration: none; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.demarrerReparerSpot div.contenu p a:hover { text-decoration: underline; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifReparerSpot div.contenu { display: flex; align-items: center; padding: 4rem 0; position: relative; flex-direction: column; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifReparerSpot div.contenu div.texte { margin-left: 2rem; padding: 0 1rem; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifReparerSpot div.contenu div.texte h2 { border-left: 1px solid #207578; margin-top: 1rem; padding-left: 1rem; color: #207578; font-weight: 300; font-size: 2rem; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifReparerSpot div.contenu img { max-width: 40%; margin-left: 2rem; z-index: 10; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapeTroisAQuatre div.contenu { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.etapeUneADeux div.contenu { display: flex; flex-direction: column; justify-content: space-between; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageTroisAQuatre div.contenu { object-fit: contain; width: 100%; height: 100%; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageTroisAQuatre div.contenu img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageUneADeux div.contenu { object-fit: contain; width: 100%; height: 100%; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.imageUneADeux div.contenu img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { grid-column: auto / span 12; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 12; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeReparerSpot div.contenu { position: relative; padding: 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeReparerSpot div.contenu h2 { display: inline-block; background-color: #207578; padding: 1rem; color: #fff; font-weight: 300; font-size: 2rem; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeReparerSpot div.contenu h3 { color: #00adbb; display: block; padding: 1rem; padding-left: 3rem; width: 40%; font-size: 2rem; text-transform: initial; font-weight: 500; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreReparerSpot div.contenu { padding: 3rem 0; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreReparerSpot div.contenu a { display: inline-block; padding: .75rem 1.25rem; color: #fff; background-color: #00adbb; text-transform: uppercase; text-decoration: none; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreReparerSpot div.contenu a:hover { text-decoration: underline; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreReparerSpot div.contenu h2 { color: #00adbb; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 300; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreReparerSpot div.contenu h3 { font-size: 1.5rem; font-weight: 500; margin-bottom: 1.25rem; text-transform: initial; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.titreReparerSpot div.contenu p { margin: 0 6rem 1.25rem; padding: 0; font-family: 'Roboto Slab', serif; } body.faire-reparer-mon-spot h1, body.faire-reparer-mon-spot h2, body.faire-reparer-mon-spot h3, body.faire-reparer-mon-spot h4, body.faire-reparer-mon-spot h5, body.faire-reparer-mon-spot h6 { font-family: 'Montserrat', serif; font-weight: 400; } body.nos-offres-de-reparation div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } body.nos-offres-de-reparation div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.title span { display: none; } body.nos-offres-de-reparation div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire div.title::before { content: "Votre réparation"; } body.nos-offres-de-reparation h1, body.nos-offres-de-reparation h2, body.nos-offres-de-reparation h3, body.nos-offres-de-reparation h4, body.nos-offres-de-reparation h5, body.nos-offres-de-reparation h6 { font-family: 'Montserrat', serif; font-weight: 400; } @media screen and (min-width: 576px) { } @media screen and (min-width: 992px) { body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { grid-column: auto / span 12; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { grid-column: auto / span 6; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.resumeReparerSpot div.contenu h2 { width: 30%; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifReparerSpot div.contenu { flex-direction: row; } body.faire-reparer-mon-spot div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptifReparerSpot div.contenu::before { content: ""; position: absolute; top: 0; left: 0; width: 30%; height: 100%; background-color: #207578; } }.scroll-top-wrapper { background-color:var(--grisV2); } .scroll-top-wrapper .scroll-top-inner { display: flex; justify-content: center; align-items: center; } .scroll-top-wrapper .scroll-top-inner span { display: none; } .scroll-top-wrapper .scroll-top-inner::after { content: "\00a0\f0aa\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 2rem; } .scroll-top-wrapper:hover { background-color:var(--bleuFD); } div#zoneCentre div.IndeXysPortletPublication div.listeSections { max-width: 1320px; margin: 0 auto; margin-bottom: 1rem; grid-column: 1/2; width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } div#zoneCentre div.IndeXysPortletPublication div.listeSections div.contenu p img { width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section { display: flex; justify-content: center; align-items: center; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu { padding: 1rem; width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu a { color: #00ADBB; text-decoration: none; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu a:hover { text-decoration: underline; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu div img { width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu h1 { width: 100%; color: var(--grisFonceV2); text-transform: uppercase; padding-right: 1rem; font-size: 1.4rem; display: inline-flex; align-items: baseline; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu h1::after { border-bottom: 1px solid var(--grisFonceV2); content: ''; /*display: table-cell;*/ position: relative; /*top:-.3em;*/ /*width: 100%;*/ left: 10px; flex-grow: 1; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--vertFD); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: relative; top: -0.25rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu h3 { margin: 0; padding: 0; text-transform: uppercase; color: #666666; margin-top: 1rem; margin-bottom: .25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu h4 { margin: 1rem; padding: 0; text-transform: uppercase; color: #666666; margin-bottom: 1.25rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu img { max-width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu p { margin: 1rem 0; padding: 0; line-height: 1.5rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu p a.rubrique-pdf { margin: 0; padding: 0; background-image: url("../images/picto_pdf.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.75rem; height: 1.75rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu p a.rubrique-pdf span { display: none; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu p a.rubrique-voir { margin: 0; padding: 0; background-image: url("../images/picto_oeil.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.75rem; height: 1.75rem; transform: translateY(.5rem); } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu p a.rubrique-voir span { display: none; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu table { border: 1px solid #666666; border-collapse: collapse; width: calc(100% - 2rem); font-size: .8rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu table tr td { border: 1px solid #666666; padding: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu table tr:nth-child(odd) { background-color: var(--grisClair); } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu ul { margin: 0; padding: 0; padding-left: 1rem; list-style: none; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu ul li { margin-top:.25rem !important; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu ul li::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .5rem; background-color: #FFFFFF; margin-right: .75rem; position: relative; top: -0.15rem; margin-left: -1rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.alignementHaut { display: flex; flex-direction: column; justify-content: flex-start; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.alignementVertical { display: flex; flex-direction: column; justify-content: center; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.fondGris { background-color: #f3f2f3; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.fondVert { background-color: #207578; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur100 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur16 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur25 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur33 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur50 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur66 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur68 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur75 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur8 { grid-column: auto / span 1; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur84 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.ligne2 { grid-row: auto / span 2; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.masquerMobile { display: none; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.precedent div.contenu p { text-align: center; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.precedent div.contenu p a { display: block; width: 100%; padding: 1rem; border: 1px solid #00ADBB; color: #00ADBB; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.presentation { background-color: #ECEDED; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir { background-color: #00ADBB; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu { margin: 1rem; border: 1px solid #FFFFFF; position: relative; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu *:first-child { margin-top: 4.5rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu *:last-child { margin-bottom: 4.5rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu a { color: inherit; text-decoration: underline; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu p { color: #FFFFFF; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu ul { color: #FFFFFF; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu::after { content: " \f10e "; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 3rem; margin-left: 1rem; position: absolute; right: 1rem; bottom: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.retenir div.contenu::before { content: " \f10d "; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; font-size: 3rem; position: absolute; left: 1rem; top: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.suivant div.contenu p { text-align: center; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.suivant div.contenu p a { display: block; width: 100%; padding: 1rem; background-color: #00ADBB; color: #FFFFFF; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset16 { grid-column-start: 3; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset25 { grid-column-start: 4; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset33 { grid-column-start: 5; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset50 { grid-column-start: 6; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset66 { grid-column-start: 7; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset68 { grid-column-start: 8; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset75 { grid-column-start: 9; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset8 { grid-column-start: 2; } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.offset84 { grid-column-start: 10; } @media screen and (min-width: 768px) { div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur16 { grid-column: auto / span 2; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur25 { grid-column: auto / span 3; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur33 { grid-column: auto / span 4; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur66 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur75 { grid-column: auto / span 9; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur84 { grid-column: auto / span 10; } } @media screen and (min-width: 992px) { div#zoneCentre div.IndeXysPortletPublication div.listeSections { max-width: 1320px; margin: 0 auto; margin-bottom: 1rem; grid-column: 1/5; width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } div#zoneCentre div.IndeXysPortletPublication div.listeSections div.contenu p img { width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu div img { width: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu iframe { width: 100%; height: 100%; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu h4 { margin: 1rem; padding: 0; text-transform: uppercase; color: #666666; margin-bottom: 1.25rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu table { border: 1px solid #666666; border-collapse: collapse; width: calc(100% - 2rem); margin: 1rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu table tr td { border: 1px solid #666666; padding: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu table tr:nth-child(odd) { background-color: #DDDDDD; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu ul { margin: 0; margin-left: 1rem; padding: 0; padding-left: 2rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section div.contenu ul li { margin-top:.25rem !important; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.alignementVertical { display: flex; flex-direction: column; justify-content: center; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur100 { grid-column: auto / span 12; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur16 { grid-column: auto / span 2; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur25 { grid-column: auto / span 3; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur33 { grid-column: auto / span 4; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur50 { grid-column: auto / span 6; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur66 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur68 { grid-column: auto / span 8; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur75 { grid-column: auto / span 9; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur8 { grid-column: auto / span 1; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.largeur84 { grid-column: auto / span 10; } }div.shunt-pour-regulux div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.tarif p.non-disponible span.non-disponible::before { content: "Article "; } div.shunt-pour-regulux div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.taxe { display: none; } div.shunt-pour-regulux div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.title { font-size: 0; } div.shunt-pour-regulux div.IndeXysCommerceArticle.detail div.fiche div.configuration div.choisissez div.title::before { font-size: 1.2rem; content: "Disponibilité de l'article :"; } div.shunt-pour-regulux div.IndeXysCommerceArticle.detail div.fiche div.configuration div.votre-accessoire { display: none; } body.test-accueil-v2 div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.contenuPortlet { display: block; } body.test-accueil-v2 div#zoneDroite div#diaporama_home.IndeXysPortletUrl div.diaporama div.slider img { object-fit: cover; object-position: center; max-height: 525px; } body.conseils-pour-choisir .information.FDUnivers.detail .more { display: none; } body.conseils-pour-choisir #listePublicationLiee .information.liste .enSavoirPlus a span.in { font-size: 0; } body.conseils-pour-choisir #listeSousPublication .information.liste .enSavoirPlus a span.in { font-size: 0; } body.conseils-pour-choisir #listePublicationLiee .information.liste .enSavoirPlus a span.in::after { content: 'Nos conseils'; font-size: 16px; } body.conseils-pour-choisir #listeSousPublication .information.liste .enSavoirPlus a span.in::after { content: 'Nos conseils'; font-size: 16px; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu h2 { width: 100%; color: var(--grisV2); text-transform: uppercase; padding-right: 1rem; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu h2::after { border-top: 1px solid var(--grisV2); content: ''; display: table-cell; position: relative; top:.9em; width: 100%; left: 10px; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu h2::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: relative; top: -0.25rem; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu ol { margin: 0; padding: 0; padding-left: 1rem; list-style: none; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu ol li { margin-top:.25rem; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu span.fd-circle { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 1.5rem; height: 1.5rem; color: #fff; border: 1px solid transparent; background-color: transparent; font-size: 1.25rem; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu span.fd-circle.fd-bg-green { border-color: var(--vertFD); background-color: var(--vertFD); } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu span.fd-circle.fd-bg-red { border-color: red; background-color: red; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu span.fd-size-1-5 { width: 2rem; height: 2rem; font-size: 2rem; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.image div.contenu { padding: 0; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.image div.contenu p { margin: 0; } div#zoneCentre div.IndeXysPortletPublication div.listeSections section.titre div.contenu { padding: 0; } div.EOFDUnivers div.detailPublication { max-width: 1320px; margin: 1rem auto; padding 0; } div.EOFDUnivers div.listePublicationLiee { max-width: 1320px; margin: 0 auto; padding: 0 1rem; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 1rem; } div.EOFDUnivers div.listeSousPublication { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 1rem; } div.EOFDUnivers div.referencementPublication { max-width: 1320px; margin: 0 auto; padding: 0; } div.filtrePublication { /*background-color: #ECEDED;*/ } div.information.FDConvertisseur.liste { display: flex; flex-direction: column; border: 2px solid var(--grisClair); position: relative; } div.information.FDConvertisseur.liste div.caracteristiques { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:.5rem; font-size:.7rem; text-align: center; margin-top:.5rem; margin-bottom: .75rem; } div.information.FDConvertisseur.liste div.caracteristiques > span { display: flex; flex-direction: column; border: 1px solid #666666; } div.information.FDConvertisseur.liste div.caracteristiques span span.picto { background-position: center top; background-repeat: no-repeat; background-size: 35px; background-position-y: 4px; } div.information.FDConvertisseur.liste div.caracteristiques span span.titre { display: none; } div.information.FDConvertisseur.liste div.caracteristiques span.classe.classe1 span.picto { background-image: url("../images/pictoClasse1.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.classe.classe2 span.picto { background-image: url("../images/pictoClasse2.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.classe.classe3 span.picto { background-image: url("../images/pictoClasse3.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.courant span.picto { background-image: url("../images/pictoCourant.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.courant span.valeur:after { content: " mA"; } div.information.FDConvertisseur.liste div.caracteristiques span.diametrePercageEnMillimetre span.picto { background-image: url("../images/pictoPercage.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.diametrePercageEnMillimetre span.valeur:after { content: " mm"; } div.information.FDConvertisseur.liste div.caracteristiques span.epaisseurSpotEnMillimetre span.picto { background-image: url("../images/pictoHauteur.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.epaisseurSpotEnMillimetre span.valeur:after { content: " mm"; } div.information.FDConvertisseur.liste div.caracteristiques span.fluxSortantEnLumen span.picto { background-image: url("../images/pictoLumen.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.fluxSortantEnLumen span.valeur:after { content: " lm"; } div.information.FDConvertisseur.liste div.caracteristiques span.indice span.picto { background-image: url("../images/pictoIP.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.natureAlimentation.Fixe span.picto { background-image: url("../images/picto_fixe.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.natureAlimentation.Variable span.picto { background-image: url("../images/picto_variable.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.picto { padding-top: 45px; text-align: center; } div.information.FDConvertisseur.liste div.caracteristiques span.poidsEnGramme span.picto { background-image: url("../images/picto_poids.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.poidsEnGramme span.valeur:after { content: " g"; } div.information.FDConvertisseur.liste div.caracteristiques span.puissance span.picto { background-image: url("../images/pictoPuissance.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.puissance span.valeur:after { content: " W"; } div.information.FDConvertisseur.liste div.caracteristiques span.tensionMaxiEnV span.picto { background-image: url("../images/pictoTensionMax.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.tensionMaxiEnV span.valeur:after { content: " V"; } div.information.FDConvertisseur.liste div.caracteristiques span.tensionMiniEnV span.picto { background-image: url("../images/pictoTensionMin.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.tensionMiniEnV span.valeur:after { content: " V"; } div.information.FDConvertisseur.liste div.caracteristiques span.tensionUnitaireEnVolt span.picto { background-image: url("../images/pictoTension.png"); } div.information.FDConvertisseur.liste div.caracteristiques span.tensionUnitaireEnVolt span.valeur:after { content: " V"; } div.information.FDConvertisseur.liste div.caracteristiques span.valeur { font-family: 'Montserrat', sans-serif; font-weight: 700; } div.information.FDConvertisseur.liste div.image { margin: 0; min-height: 274px; position: relative; top: -1px; } div.information.FDConvertisseur.liste div.image a { display: block; width: 100%; padding-top: 274px; position: relative; } div.information.FDConvertisseur.liste div.image a img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } div.information.FDConvertisseur.liste div.tarif { text-align: center; padding: .5rem; margin: 0; font-size: 1.9rem; font-family: 'Montserrat', sans-serif; font-weight: 700; display: flex; justify-content: center; background-color: var(--vertFD); color: var(--blanc); position: relative; bottom: -1px; } div.information.FDConvertisseur.liste div.tarif span.devise { margin-right: .5rem; font-size: 1.5rem; } div.information.FDConvertisseur.liste div.tarif span.ht { text-transform: uppercase; font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .1rem } div.information.FDConvertisseur.liste div.tarif span.taxes { font-family: inherit; font-size: 1.5rem; align-self: flex-end; padding-bottom: .35rem; text-transform: uppercase; } div.information.FDConvertisseur.liste div.tarif span.value { } div.information.FDConvertisseur.liste div.texte { line-height: 1.5rem; flex-grow: 1; padding: .5rem; } div.information.FDConvertisseur.liste div.texte p { margin: 0; margin-top: .75rem; margin-bottom: .75rem; padding: 0; line-height: 1.5rem; } div.information.FDConvertisseur.liste div.texte p:first-of-type { margin-top: 0; } div.information.FDConvertisseur.liste div.titre { margin-top: 0; position: absolute; top: 210px; left: 50%; transform: translateX(-50%); text-shadow: 0 0 3px var(--noir); width: 100%; } div.information.FDConvertisseur.liste div.titre h2 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; } div.information.FDConvertisseur.liste div.titre h2 a { color: var(--blanc); } div.information.FDConvertisseur.liste p.enSavoirPlus { margin: 0; padding: 0; background-color: #207577; text-align: center; } div.information.FDConvertisseur.liste p.enSavoirPlus a { color: var(--blanc); text-decoration: none; text-transform: uppercase; display: block; padding: 1rem; width: 100%; } div.information.FDConvertisseur.liste p.enSavoirPlus:hover a { text-decoration: underline; } div.information.FDConvertisseur.liste:hover { border: 3px solid var(--vertFD); scale: 1.02; cursor: pointer; } div.information.FDConvertisseur.liste:hover div.image a img { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); } div.information.FDConvertisseur.liste:hover div.titre h2 a { text-shadow: none; color: var(--vertFD); } div.information.FDProduit.detail { display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%; background-color: #f4f3f4; } div.information.FDProduit.detail div.image { width: 100%; height: 100%; } div.information.FDProduit.detail div.image img { width: 100%; height: 100%; object-fit: cover; object-position: right; } div.information.FDProduit.detail div.texte div.more a { color: #00ADBB; text-decoration: none; } div.information.FDProduit.detail div.texte div.titre h1 { display: table; width: 100%; white-space: nowrap; text-align: center; color: #00ADBB; text-transform: uppercase; padding-right: 1rem; font-size: 1.4rem; } div.information.FDProduit.detail div.texte div.titre h1::after { border-bottom: 1px solid #666666; content: ''; display: table-cell; position: relative; top: -.3em; width: 100%; left: 10px; } div.information.FDProduit.detail div.texte div.titre h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .75rem; background-color: #FFFFFF; margin-right: .75rem; margin-left: .5rem; position: relative; top: -0.25rem; } div.information.FDProduit.detail div.texte p { margin: 1rem; padding: 0; line-height: 1.5rem; } div.information.FDProduit.liste { display: flex; flex-direction: column; border: 2px solid var(--grisClair); position: relative; } div.information.FDProduit.liste div.caracteristiques { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap:.5rem; font-size:.7rem; text-align: center; margin-top:.5rem; margin-bottom: .75rem; min-height: 130px; padding: 0 .25rem; } div.information.FDProduit.liste div.caracteristiques > span { display: flex; flex-direction: column; border: 1px solid #666666; } div.information.FDProduit.liste div.caracteristiques span span.picto { background-position: center top; background-repeat: no-repeat; background-size: 35px; background-position-y: 4px; } div.information.FDProduit.liste div.caracteristiques span span.titre { display: none; } div.information.FDProduit.liste div.caracteristiques span.classe.classe1 span.picto { background-image: url("../images/pictoClasse1.png"); } div.information.FDProduit.liste div.caracteristiques span.classe.classe2 span.picto { background-image: url("../images/pictoClasse2.png"); } div.information.FDProduit.liste div.caracteristiques span.classe.classe3 span.picto { background-image: url("../images/pictoClasse3.png"); } div.information.FDProduit.liste div.caracteristiques span.courant span.picto { background-image: url("../images/pictoCourant.png"); } div.information.FDProduit.liste div.caracteristiques span.courant span.valeur:after { content: " mA"; } div.information.FDProduit.liste div.caracteristiques span.diametrePercageEnMillimetre span.picto { background-image: url("../images/pictoPercage.png"); } div.information.FDProduit.liste div.caracteristiques span.diametrePercageEnMillimetre span.valeur:after { content: " mm"; } div.information.FDProduit.liste div.caracteristiques span.epaisseurSpotEnMillimetre span.picto { background-image: url("../images/pictoHauteur.png"); } div.information.FDProduit.liste div.caracteristiques span.epaisseurSpotEnMillimetre span.valeur:after { content: " mm"; } div.information.FDProduit.liste div.caracteristiques span.fluxSortantEnLumen span.picto { background-image: url("../images/pictoLumen.png"); } div.information.FDProduit.liste div.caracteristiques span.fluxSortantEnLumen span.valeur:after { content: " lm"; } div.information.FDProduit.liste div.caracteristiques span.indice span.picto { background-image: url("../images/pictoIP.png"); } div.information.FDProduit.liste div.caracteristiques span.picto { padding-top: 45px; text-align: center; position: relative; } div.information.FDProduit.liste div.caracteristiques span.picto img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } div.information.FDProduit.liste div.caracteristiques span.puissance span.picto { background-image: url("../images/pictoPuissance.png"); } div.information.FDProduit.liste div.caracteristiques span.puissance span.valeur:after { content: " W"; } div.information.FDProduit.liste div.caracteristiques span.tensionMaxiEnV span.picto { background-image: url("../images/pictoTension.png"); } div.information.FDProduit.liste div.caracteristiques span.tensionMiniEnV span.picto { background-image: url("../images/pictoTension.png"); } div.information.FDProduit.liste div.caracteristiques span.tensionUnitaireEnVolt span.picto { background-image: url("../images/pictoTension.png"); } div.information.FDProduit.liste div.caracteristiques span.tensionUnitaireEnVolt span.valeur:after { content: " V"; } div.information.FDProduit.liste div.caracteristiques span.valeur { font-family: 'Montserrat', sans-serif; font-weight: 700; } div.information.FDProduit.liste div.criteres { margin-bottom: 1rem; } div.information.FDProduit.liste div.criteres p { margin: 0; padding: 0; margin-bottom:.25rem; font-size:.8em; } div.information.FDProduit.liste div.criteres p span.title { flex: 0 0 50%; } div.information.FDProduit.liste div.criteres p span.title:after { content: " : "; } div.information.FDProduit.liste div.criteres p span.value { flex: 0 0 50%; } div.information.FDProduit.liste div.criteres p span.value br { display: none; margin: 1rem; } div.information.FDProduit.liste div.image { margin: 0; min-height: 274px; } div.information.FDProduit.liste div.image a { display: block; width: 100%; padding-top: 274px; position: relative; } div.information.FDProduit.liste div.image a img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } div.information.FDProduit.liste div.texte { line-height: 1.5rem; flex-grow: 1; padding: .5rem; } div.information.FDProduit.liste div.texte p { margin: 0; margin-top: .75rem; margin-bottom: .75rem; padding: 0; line-height: 1.5rem; } div.information.FDProduit.liste div.texte p:first-of-type { margin-top: 0; } div.information.FDProduit.liste div.titre { margin-top: 0; position: absolute; top: 210px; left: 50%; transform: translateX(-50%); text-shadow: 0 0 3px var(--noir); width: 100%; } div.information.FDProduit.liste div.titre h2 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; } div.information.FDProduit.liste div.titre h2 a { color: #FFF; } div.information.FDProduit.liste p.enSavoirPlus { margin: 0; padding: 0; background-color: var(--grisV2); text-align: center; } div.information.FDProduit.liste p.enSavoirPlus a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; display: block; padding: 1rem; width: 100%; } div.information.FDProduit.liste p.enSavoirPlus:hover a { text-decoration: underline; } div.information.FDProduit.liste:hover { border: 3px solid var(--grisV2); scale: 1.02; cursor: pointer; } div.information.FDProduit.liste:hover div.image a img { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); } div.information.FDProduit.liste:hover div.titre h2 a { text-shadow: none; color: var(--grisV2); } div.information.FDUnivers.detail { background-color: #f4f3f4; display: grid; grid-template-columns: repeat(12, 1fr); } div.information.FDUnivers.detail div.image { display: block; width: 100%; height: 340px; position: relative; grid-column: 1/13; } div.information.FDUnivers.detail div.image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; } div.information.FDUnivers.detail div.image:after { content: ""; display: block; width: 105px; height: 88px; background-image: url("../images/france.svg"); background-size: 100%; border: 1px solid #666666; position: absolute; top: 0; right: 0; } div.information.FDUnivers.detail div.texte { margin: 0; padding: 1rem; grid-column: 1/13; } div.information.FDUnivers.detail div.texte div.more a { color: var(--grisV2); } div.information.FDUnivers.detail div.texte div.titre h1 { margin: 0; padding: 0; color: var(--grisV2); width: 100%; font-size: 1.75rem; text-transform: uppercase; font-size: 1.4rem; } div.information.FDUnivers.detail div.texte div.titre h1::after { border-bottom: 1px solid var(--grisV2); content: ''; display: table-cell; position: relative; top: -0.6rem; width: 100%; left:.5rem; } div.information.FDUnivers.detail div.texte div.titre h1::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size:.75rem; margin-right:.75rem; position: relative; top: -0.25rem; } div.information.FDUnivers.detail div.texte h2 { margin: 0; padding: 0; } div.information.FDUnivers.detail div.texte h4 { margin: 0; padding: 0; text-transform: uppercase; color: #666666; margin-top: 1rem; margin-bottom: 1.25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-left: 1rem; } div.information.FDUnivers.detail div.texte h4:before { content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; font-size:.25rem; margin-right:.25rem; position: relative; top: -0.25rem; } div.information.FDUnivers.detail div.texte ol { margin: 0; padding: 0; padding-left: 1rem; list-style: none; } div.information.FDUnivers.detail div.texte ol li { margin-top:.25rem; } div.information.FDUnivers.detail div.texte p { margin: .75rem 0; padding: 0; line-height: 1.5rem; } div.information.FDUnivers.detail div.texte p a { color: var(--vertFD); text-decoration: inherit; } div.information.FDUnivers.detail div.texte p a:hover { text-decoration: underline; } div.information.FDUnivers.detail div.texte span.fd-circle { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 1.5rem; height: 1.5rem; color: #fff; border: 1px solid transparent; background-color: transparent; font-size: 1.25rem; } div.information.FDUnivers.detail div.texte span.fd-circle.fd-bg-green { border-color: var(--vertFD); background-color: var(--vertFD); } div.information.FDUnivers.detail div.texte span.fd-circle.fd-bg-red { border-color: red; background-color: red; } div.information.FDUnivers.detail div.texte span.fd-size-1-5 { width: 2rem; height: 2rem; font-size: 2rem; } div.information.FDUnivers.detail div.texte table { border: 1px solid #666666; border-collapse: collapse; margin: 1rem; width: calc(100% - 2rem); } div.information.FDUnivers.detail div.texte table tr td { border: 1px solid #666666; padding: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.information.FDUnivers.detail div.texte table tr:nth-child(odd) { background-color: var(--grisClair); } div.information.FDUnivers.detail div.texte ul { margin: 0; margin-left: 1rem; padding: 0; padding-left: 2rem; } div.information.FDUnivers.detail div.texte ul li { margin-top:.25rem; } div.information.FDUnivers.liste { display: flex; flex-direction: column; border: 2px solid var(--grisClair); position: relative; } div.information.FDUnivers.liste div.image { margin: 0; min-height: 274px; } div.information.FDUnivers.liste div.image a { display: block; width: 100%; padding-top: 274px; position: relative; } div.information.FDUnivers.liste div.image a img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } div.information.FDUnivers.liste div.texte { line-height: 1.5rem; flex-grow: 1; padding: .5rem; } div.information.FDUnivers.liste div.texte h3 { margin: 0; padding: 0; position: relative; border-top: 1px solid #666666; margin-top: 3rem; margin-bottom: 1.5rem; } div.information.FDUnivers.liste div.texte h3 span { margin: 0; padding: 0; position: absolute; top: -20px; left: 0; color: #00ADBB; text-transform: uppercase; background-color: #FFFFFF; padding-right: 1.5rem; font-size: 1.5rem; } div.information.FDUnivers.liste div.texte h3 span:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; position: relative; top: -0.25rem; } div.information.FDUnivers.liste div.texte h4 { margin: 0; padding: 0; text-transform: uppercase; color: #666666; margin-top: 1rem; margin-bottom: 1.25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-left: 1rem; } div.information.FDUnivers.liste div.texte h4:before { content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #666666; font-size:.25rem; margin-right:.25rem; position: relative; top: -0.25rem; } div.information.FDUnivers.liste div.texte p { margin: 0; margin-top: .75rem; margin-bottom: .75rem; padding: 0; line-height: 1.5rem; } div.information.FDUnivers.liste div.texte p:first-of-type { margin-top: 0; } div.information.FDUnivers.liste div.texte table { border: 1px solid #666666; border-collapse: collapse; margin: 1rem; width: calc(100% - 2rem); } div.information.FDUnivers.liste div.texte table tr td { border: 1px solid #666666; padding: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.information.FDUnivers.liste div.texte table tr:nth-child(odd) { background-color: var(--grisClair); } div.information.FDUnivers.liste div.texte ul { margin: 0; margin-left: 1rem; padding: 0; padding-left: 2rem; } div.information.FDUnivers.liste div.texte ul li { margin-top:.25rem; } div.information.FDUnivers.liste div.titre { margin-top: 0; position: absolute; top: 210px; left: 50%; transform: translateX(-50%); text-shadow: 0 0 3px var(--noir); width: 100%; } div.information.FDUnivers.liste div.titre h2 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; } div.information.FDUnivers.liste div.titre h2 a { color: #FFF; } div.information.FDUnivers.liste p.enSavoirPlus { margin: 0; padding: 0; background-color: var(--grisV2); text-align: center; } div.information.FDUnivers.liste p.enSavoirPlus a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; display: block; padding: 1rem; width: 100%; } div.information.FDUnivers.liste p.enSavoirPlus a span.br { display: none; } div.information.FDUnivers.liste p.enSavoirPlus a span.univers { display: none; } div.information.FDUnivers.liste p.enSavoirPlus:hover a { text-decoration: underline; } div.information.FDUnivers.liste.pergola { /*grid-column: auto/span 2;*/ } div.information.FDUnivers.liste.veranda { /*grid-column: auto/span 2;*/ } div.information.FDUnivers.liste:hover { border: 3px solid var(--grisV2); scale: 1.02; cursor: pointer; } div.information.FDUnivers.liste:hover div.image a img { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); } div.information.FDUnivers.liste:hover div.titre h2 a { text-shadow: none; color: var(--grisV2); } div.information.FDUnivers.referencement { /*padding: 1rem 0;*/ } div.information.FDUnivers.referencement a { color: #00ADBB; text-decoration: none; } div.information.FDUnivers.referencement a:hover { text-decoration: underline; } div.information.FDUnivers.referencement div img { width: 100%; } div.information.FDUnivers.referencement h1 { margin: 0; padding: 0; padding-left: 1rem; padding-right: 1rem; display: table; width: 100%; white-space: nowrap; text-align: center; color: #00ADBB; font-size: 2.5rem; } div.information.FDUnivers.referencement h1:after { border-top: 1px solid #666666; content: ''; display: table-cell; position: relative; top:.9em; width: 50%; left: 1rem; } div.information.FDUnivers.referencement h1:before { border-top: 1px solid #666666; content: ''; display: table-cell; position: relative; top:.9em; width: 50%; right: 1rem; } div.information.FDUnivers.referencement h2 { width: 100%; color: var(--grisV2); text-transform: uppercase; padding-right: 1rem; } div.information.FDUnivers.referencement h2:after { border-top: 1px solid var(--grisV2); content: ''; display: table-cell; position: relative; top:.9em; width: 100%; left: 10px; } div.information.FDUnivers.referencement h2:before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--grisV2); font-size:.75rem; background-color: #FFFFFF; margin-right:.75rem; /*margin-left:.5rem;*/ position: relative; top: -0.25rem; } div.information.FDUnivers.referencement h3 { margin: 0; padding: 0; text-transform: uppercase; color: #666666; margin-top: 1rem; margin-bottom: 1.25rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-left: 1rem; } div.information.FDUnivers.referencement h4 { margin: 1rem; padding: 0; text-transform: uppercase; color: #666666; margin-bottom: 1.25rem; } div.information.FDUnivers.referencement ol { margin: 0; padding: 0; padding-left: 2rem; list-style: none; } div.information.FDUnivers.referencement ol li { margin-top:.25rem; } div.information.FDUnivers.referencement p { margin: 1rem; padding: 0; line-height: 1.5rem; } div.information.FDUnivers.referencement p strong { color: #00ADBB; } div.information.FDUnivers.referencement span.fd-circle { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 1.5rem; height: 1.5rem; color: #fff; border: 1px solid transparent; background-color: transparent; font-size: 1.25rem; } div.information.FDUnivers.referencement span.fd-circle.fd-bg-green { border-color: #00adbb; background-color: #00adbb; } div.information.FDUnivers.referencement span.fd-circle.fd-bg-red { border-color: red; background-color: red; } div.information.FDUnivers.referencement span.fd-size-1-5 { width: 2rem; height: 2rem; font-size: 2rem; } div.information.FDUnivers.referencement table { border: 1px solid #666666; border-collapse: collapse; width: calc(100% - 2rem); margin: 1rem; } div.information.FDUnivers.referencement table tr td { border: 1px solid #666666; padding: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; } div.information.FDUnivers.referencement table tr:nth-child(odd) { background-color: var(--grisClair); } div.information.FDUnivers.referencement ul { margin: 0; padding: 0; padding-left: 2rem; list-style: none; } div.information.FDUnivers.referencement ul li { margin-top:.25rem; } div.information.FDUnivers.referencement ul li::before { content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #00ADBB; font-size: .5rem; background-color: #FFFFFF; margin-right: .75rem; position: relative; top: -0.15rem; margin-left: -1rem; } div.information.IndeXysCommerceArticle.liste { display: flex; flex-direction: column; border: 2px solid var(--grisClair); position: relative; } div.information.IndeXysCommerceArticle.liste div.image { margin: 0; min-height: 274px; } div.information.IndeXysCommerceArticle.liste div.image a { display: block; width: 100%; padding-top: 274px; position: relative; } div.information.IndeXysCommerceArticle.liste div.image a img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } div.information.IndeXysCommerceArticle.liste div.texte { line-height: 1.5rem; flex-grow: 1; padding: .5rem; } div.information.IndeXysCommerceArticle.liste div.texte p { margin: 0; margin-top: .75rem; margin-bottom: .75rem; padding: 0; line-height: 1.5rem; } div.information.IndeXysCommerceArticle.liste div.texte p:first-of-type { margin-top: 0; } div.information.IndeXysCommerceArticle.liste div.titre { margin-top: 0; position: absolute; top: 210px; left: 50%; transform: translateX(-50%); text-shadow: 0 0 3px var(--noir); width: 100%; } div.information.IndeXysCommerceArticle.liste div.titre h2 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; } div.information.IndeXysCommerceArticle.liste div.titre h2 a { color: #FFF; } div.information.IndeXysCommerceArticle.liste p.enSavoirPlus { margin: 0; padding: 0; background-color: #207577; text-align: center; } div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; display: block; padding: 1rem; width: 100%; } div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a span { display: none; } div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a::before { content: "Voir ce produit"; } div.information.IndeXysCommerceArticle.liste p.enSavoirPlus:hover a { text-decoration: underline; } div.information.IndeXysCommerceArticle.liste:hover { border: 3px solid var(--vertFD); scale: 1.02; cursor: pointer; } div.information.IndeXysCommerceArticle.liste:hover div.image a img { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(255,255,255,0) 90%); } div.information.IndeXysCommerceArticle.liste:hover div.titre h2 a { text-shadow: none; color: var(--vertFD); } div.luminaires-pour-les-espaces-de-travail div.information.FDUnivers.detail div.texte div.titre h1 { white-space: normal; } div.EOFDUnivers.regulux div#zoneCentre div#detailPublication.IndeXysPortletPublication { order: -1; }@media screen and (min-width: 576px) { div.EOFDUnivers div.listePublicationLiee { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { div.EOFDUnivers div.listePublicationLiee { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 992px) { div.EOFDUnivers div.listeSousPublication { grid-template-columns: repeat(4, 1fr); } div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.descriptionUnivers div.contenu { flex-direction: row; } div.information.FDProduit.detail { flex-direction: row; } div.information.FDUnivers.detail div.texte div.titre h1 { display: table; white-space: nowrap; } div.information.FDUnivers.referencement h2 { display: table; white-space: nowrap; text-align: center; } div.information.FDUnivers.detail div.texte { grid-column: 1/7; } div.information.FDUnivers.detail div.image { grid-column: 7/13; } div#zoneCentre div#listeSections.IndeXysPortletPublication div.listeSections section div.contenu h2 { display: table; white-space: nowrap; text-align: center; } div.EOFDUnivers div.listePublicationLiee { grid-template-columns: repeat(4, 1fr); } } /*---fin992px---*/