/* * appareildemesure.com — thème adm-etalon (v1.0.0, 03/11/2026). * « Le sélecteur et l'étalon » : tourner le sélecteur rotatif d'un appareil sur la bonne grandeur, lire * l'afficheur ; Paris, ville du mètre étalon : la règle graduée. * * Mode clair UNIQUEMENT (color-scheme:light posé exprès). Une seule feuille, classes .adm-*. * Signature : SÉLECTEUR (disque Noir boîtier + index Rouge borne, formulaire), ÉCRAN À LUNETTE (photo + * bande LCD), RÈGLE ÉTALON (marbre gradué qui traverse le hero), GRADUATION FINE au bord des bandes sombres. * Rouge borne = boutons d'action et index. Vert afficheur = liens et données. Rayons : 28 écran, 22 photo * et carte-sélecteur, 14 cartes, 999 boutons. */ /* ===================== 1. JETONS ===================== */ :root{ color-scheme:light; --papier:#F2F4EE; --papier-2:#E6EAE0; --blanc:#FFFFFF; --boitier:#20262A; --boitier-2:#2E363B; --boitier-3:#3B454B; --rouge:#B8261F; --rouge-fonce:#971E18; --rouge-clair:#E5524A; --vert:#245640; --vert-fonce:#1B4231; --vert-pale:#E1EBE3; --lcd:#CFDCC4; --marbre:#E9E6DF; --trait:#C8CEC6; --champ:#8A948A; --gris:#4B555B; --alerte:#A3261A; --f-texte:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; --f-mono:'Martian Mono',ui-monospace,'SF Mono',Menlo,monospace; --r-ecran:28px; --r-photo:22px; --r-carte:14px; --r-btn:999px; --r-champ:10px; --ombre:0 22px 44px -20px rgba(32,38,42,.38); --ombre-douce:0 1px 2px rgba(32,38,42,.06),0 12px 26px -16px rgba(32,38,42,.3); /* papier millimétré : quadrillage mm très léger, jamais sous du texte long */ --mm:linear-gradient(rgba(36,86,64,.07) 1px,transparent 1px) 0 0/12px 12px,linear-gradient(90deg,rgba(36,86,64,.07) 1px,transparent 1px) 0 0/12px 12px; --mm-fort:linear-gradient(rgba(36,86,64,.12) 1px,transparent 1px) 0 0/60px 60px,linear-gradient(90deg,rgba(36,86,64,.12) 1px,transparent 1px) 0 0/60px 60px; /* repli propre d'une photo absente : papier millimétré, jamais une case vide */ --motif-vide:var(--mm-fort),var(--mm),linear-gradient(180deg,var(--papier-2),var(--papier)); --conteneur:1280px; --marge:40px; --aside:380px; } @media (min-width:1700px){ :root{ --conteneur:1440px; } } @media (max-width:1180px){ :root{ --marge:28px; } } @media (max-width:760px){ :root{ --marge:16px; } } /* ===================== 2. BASE ===================== */ *,*::before,*::after{box-sizing:border-box;} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;} body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--papier);color:var(--boitier);font-family:var(--f-texte);font-stretch:100%;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;} body > header,body > nav,body > main,body > footer{width:100%;} body > main{flex:1 0 auto;} body > footer{margin-top:auto;} img,svg{max-width:100%;display:block;} img{height:auto;} a{color:inherit;text-decoration:none;} button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;} ul,ol{list-style:none;margin:0;padding:0;} h1,h2,h3,h4{font-family:var(--f-texte);font-weight:650;font-stretch:82%;letter-spacing:-.005em;margin:0;color:var(--boitier);line-height:1.1;} h3,h4{font-stretch:90%;} p{margin:0 0 16px;} :focus-visible{outline:3px solid var(--vert);outline-offset:2px;} .adm-section--boitier :focus-visible,.adm-footer :focus-visible,.adm-mq :focus-visible{outline-color:#fff;} [hidden]{display:none!important;} .conteneur{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding-inline:var(--marge);} .adm-accent{color:var(--rouge);} .adm-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .adm-skip{position:absolute;left:-9999px;top:0;background:var(--boitier);color:#fff;padding:12px 20px;z-index:999;border-radius:0 0 8px 0;} .adm-skip:focus{left:0;} .adm-lien{color:var(--vert);font-weight:650;text-decoration:underline;text-decoration-color:rgba(36,86,64,.4);text-underline-offset:3px;} .adm-lien:hover{text-decoration-color:var(--vert);} /* Apparition : le contenu est TOUJOURS visible (opacity 1) ; une section sous le pli se glisse de 16 px, rien d'autre. */ [data-adm-apparait]{transition:transform .6s cubic-bezier(.2,.7,.2,1);} [data-adm-apparait].est-pret{transform:translateY(16px);} [data-adm-apparait].est-pret.est-visible{transform:none;} /* ===================== 3. BOUTONS ===================== */ .adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:var(--r-btn);font-family:var(--f-texte);font-weight:650;font-size:16px;line-height:1;white-space:nowrap;background:transparent;color:var(--boitier);border:2px solid var(--boitier);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease;} .adm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px -12px rgba(32,38,42,.6);} .adm-btn--rouge{background:var(--rouge);color:#fff;border-color:var(--rouge);} .adm-btn--rouge:hover{background:var(--rouge-fonce);border-color:var(--rouge-fonce);} .adm-btn--boitier{background:var(--boitier);color:#fff;border-color:var(--boitier);} .adm-btn--boitier:hover{background:var(--boitier-2);border-color:var(--boitier-2);} .adm-btn--blanc{background:#fff;color:var(--boitier);border-color:#fff;} .adm-btn--blanc:hover{background:var(--lcd);border-color:var(--lcd);} .adm-btn--contour-clair{color:#fff;border-color:rgba(255,255,255,.7);} .adm-btn--contour-clair:hover{background:rgba(255,255,255,.1);border-color:#fff;} .adm-btn--grand{height:54px;padding:0 30px;} .adm-btn:disabled,.adm-btn.est-desactive{pointer-events:none;box-shadow:none;} /* ===================== 4. EN-TÊTE ===================== */ .adm-header{position:sticky;top:0;z-index:60;background:var(--blanc);border-bottom:1px solid var(--trait);padding:10px 0;transition:box-shadow .25s ease;} .adm-header.est-colle{box-shadow:0 12px 24px -18px rgba(32,38,42,.5);} .adm-header__ligne{display:flex;align-items:center;gap:28px;} .adm-logo{display:inline-flex;align-items:center;gap:12px;flex:none;} .adm-logo__symbole{display:block;width:40px;height:40px;flex:none;} .adm-logo__symbole img,.adm-logo__symbole svg{width:40px;height:40px;} .adm-logo__texte{font-size:21px;font-weight:650;font-stretch:84%;letter-spacing:-.005em;line-height:1;white-space:nowrap;color:var(--boitier);} .adm-logo__texte b{font-weight:700;color:var(--rouge);} .adm-logo--clair .adm-logo__texte{color:#fff;} .adm-logo--clair .adm-logo__texte b{color:var(--rouge-clair);} .adm-nav{flex:1;display:flex;justify-content:flex-end;} .adm-nav__liste{display:flex;align-items:center;gap:6px;} .adm-nav__lien{display:inline-flex;align-items:center;height:44px;padding:0 14px;font-weight:600;font-size:16px;color:var(--boitier);border-bottom:3px solid transparent;border-radius:6px 6px 0 0;} .adm-nav__lien:hover{background:var(--vert-pale);} .adm-nav__lien.est-actif{border-bottom-color:var(--rouge);} .adm-nav__bascule{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--boitier);} .adm-nav__traits{position:relative;display:block;width:20px;height:2px;background:var(--boitier);} .adm-nav__traits::before,.adm-nav__traits::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--boitier);} .adm-nav__traits::before{top:-6px;} .adm-nav__traits::after{top:6px;} .adm-header__cta{height:44px;flex:none;} .adm-header__cta-court{display:none;} .adm-mobile-panel{position:fixed;inset:0;z-index:100;background:var(--papier);padding:16px var(--marge) 32px;display:flex;flex-direction:column;gap:20px;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s;overflow-y:auto;} .adm-mobile-panel.est-ouvert{transform:none;visibility:visible;transition:transform .25s ease;} .adm-mobile-panel__tete{display:flex;align-items:center;justify-content:space-between;} .adm-mobile-panel__liste{display:flex;flex-direction:column;} .adm-mobile-panel__lien{display:flex;align-items:center;min-height:52px;font:650 22px/1.2 var(--f-texte);font-stretch:86%;border-bottom:1px solid var(--trait);} .adm-mobile-panel__cta{align-self:stretch;} @media (max-width:1100px){ .adm-nav__liste{display:none;} .adm-nav__bascule{display:inline-flex;} .adm-header__cta-long{display:none;} .adm-header__cta-court{display:inline;} } @media (min-width:1101px){ .adm-mobile-panel{display:none;} } @media (max-width:480px){ .adm-logo__texte{font-size:18px;} .adm-header__ligne{gap:12px;} } /* ===================== 5. SECTIONS ===================== */ .adm-section{position:relative;padding:clamp(32px,5vh,56px) 0;} .adm-section--blanc{background:var(--blanc);} .adm-section--boitier{background:var(--boitier);color:#fff;} .adm-section--boitier h2,.adm-section--boitier h3{color:#fff;} /* graduation fine : une seule ligne de traits mm/cm en haut des bandes sombres */ .adm-section--boitier::before,.adm-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px 8px) top/100% 5px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 1.5px,transparent 1.5px 40px) top/100% 10px no-repeat;pointer-events:none;} .adm-section__in{position:relative;} .adm-section__tete{margin-bottom:22px;max-width:48em;} .adm-section__tete h2,.adm-sel__texte h2,.adm-zone__texte h2,.adm-devis__texte h2,.adm-appel-final h2{font-size:clamp(26px,2.6vw,38px);line-height:1.06;margin-bottom:10px;} .adm-section__tete--ligne{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 32px;max-width:none;} .adm-section__tete--ligne h2{margin-bottom:0;} .adm-section__chapo{color:var(--gris);font-size:17px;margin:0;max-width:40em;} .adm-section--boitier .adm-section__chapo{color:rgba(255,255,255,.84);} .adm-section__tete--ligne .adm-section__chapo{max-width:34em;} .adm-cadre-photo{border-radius:var(--r-photo);overflow:hidden;background:var(--boitier-2);} .adm-cadre-photo img{width:100%;height:100%;object-fit:cover;} .adm-cadre-photo:empty{background:var(--motif-vide);min-height:160px;} /* ===================== 6. HERO : L'ÉCRAN À LUNETTE ET LE SÉLECTEUR ===================== */ .adm-hero{position:relative;overflow:hidden;padding:clamp(22px,3.4vh,40px) 0 clamp(26px,4vh,44px);background:var(--mm),var(--papier);} .adm-hero__in{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:48px;align-items:start;} .adm-hero__texte{position:relative;z-index:1;min-width:0;padding-right:28px;} .adm-hero__titre{font-size:clamp(34px,3.7vw,68px);line-height:1.04;margin:0;text-wrap:balance;} .adm-ligne{display:block;} .adm-hero__chapo{font-size:18px;color:var(--gris);max-width:30em;margin:0 0 18px;} .adm-hero__cta{margin-bottom:16px;} .adm-hero__rassure{display:flex;flex-direction:column;gap:6px;margin:0;font-size:15px;color:var(--boitier);} .adm-hero__rassure span{display:inline-flex;align-items:center;gap:8px;} .adm-hero__rassure svg{width:20px;height:20px;color:var(--vert);flex:none;} /* règle étalon : bande marbre graduée sous le titre, derrière l'écran, jusqu'au bord de la fenêtre */ .adm-regle{position:relative;z-index:0;height:54px;margin:20px 0 22px;width:calc((100vw + min(100vw,var(--conteneur) + 2*var(--marge)))/2 - var(--marge));max-width:none;border-radius:6px 0 0 6px;overflow:hidden; background: repeating-linear-gradient(90deg,var(--boitier) 0 1px,transparent 1px 10px) left bottom/100% 11px no-repeat, repeating-linear-gradient(90deg,var(--boitier) 0 1.6px,transparent 1.6px 50px) left bottom/100% 20px no-repeat, radial-gradient(ellipse 60% 140% at 22% 30%,rgba(255,255,255,.6),transparent 60%), repeating-linear-gradient(115deg,transparent 0 46px,rgba(120,112,98,.07) 46px 47px,transparent 47px 130px), linear-gradient(180deg,#EFECE5,var(--marbre)); box-shadow:inset 0 0 0 1px rgba(32,38,42,.18),0 8px 16px -12px rgba(32,38,42,.45);} .adm-regle__chiffres{display:flex;padding:6px 0 0 3px;font:500 12px/1 var(--f-mono);color:var(--boitier);} .adm-regle__chiffres span{flex:none;width:100px;} .adm-hero__zone{position:relative;z-index:2;min-width:0;height:clamp(480px,62vh,580px);} .adm-hero--qsn .adm-hero__zone{height:clamp(300px,44vh,420px);} .adm-ecran{background:var(--boitier);border-radius:var(--r-ecran);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--ombre);} .adm-ecran--hero{position:absolute;top:0;left:0;right:0;bottom:70px;} .adm-hero--qsn .adm-ecran--hero{bottom:0;} .adm-ecran__lcd{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:14px;height:40px;padding:0 16px;background:var(--lcd);color:var(--boitier);border-radius:10px;font-family:var(--f-mono);box-shadow:inset 0 2px 6px rgba(32,38,42,.28);overflow:hidden;align-items:center;transition:opacity .12s ease;} .adm-ecran__lcd.est-change{opacity:.35;} .adm-ecran__val{font-size:22px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;} .adm-ecran__unite{font-size:15px;font-weight:500;} .adm-ecran__photo{flex:1;min-height:0;border-radius:16px;overflow:hidden;background:var(--boitier-2);} .adm-ecran__photo picture{display:block;height:100%;} .adm-ecran__photo img{width:100%;height:100%;object-fit:cover;} .adm-ecran__photo:empty{background:var(--motif-vide);} .adm-hero__selecteur{position:absolute;left:-72px;bottom:0;width:min(440px,calc(100% + 72px));z-index:3;} .adm-credit-photo{position:absolute;right:0;bottom:36px;font-size:12px;color:var(--gris);max-width:260px;text-align:right;line-height:1.3;} .adm-credit-photo a{text-decoration:underline;} @media (prefers-reduced-motion:no-preference){ .adm-rot__index{animation:adm-quart .8s ease-out;} .adm-ecran__lcd{animation:adm-allume .8s ease-out;} @keyframes adm-quart{from{transform:rotate(-90deg);}} @keyframes adm-allume{from{opacity:.2;}} } @media (max-width:1100px){ .adm-hero__in{display:flex;flex-direction:column;gap:14px;} .adm-hero__texte,.adm-hero__zone{display:contents;} .adm-hero__titre{order:1;font-size:clamp(28px,7.6vw,46px);} .adm-regle{order:2;width:100%;height:36px;margin:2px 0;border-radius:6px;} .adm-regle__chiffres{padding-top:3px;font-size:10px;} .adm-ecran--hero{order:3;position:relative;inset:auto;height:auto;padding:10px;} .adm-ecran--hero .adm-ecran__lcd{height:32px;} .adm-ecran--hero .adm-ecran__val{font-size:18px;} .adm-ecran--hero .adm-ecran__photo{flex:none;aspect-ratio:16/9;} .adm-hero__cta{order:4;align-self:stretch;margin:0;} .adm-hero__chapo{order:5;margin:0;} .adm-hero__rassure{order:6;} .adm-hero__selecteur{order:7;position:relative;left:auto;bottom:auto;width:100%;margin-top:4px;} .adm-credit-photo{order:8;position:static;max-width:none;text-align:left;} .adm-hero--qsn .adm-ecran--hero .adm-ecran__photo{aspect-ratio:16/9;} .adm-hero__texte{padding-right:0;} } .adm-barre-collante{display:none;} @media (max-width:760px){ .adm-barre-collante{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px var(--marge);background:rgba(255,255,255,.96);border-top:1px solid var(--trait);} .adm-barre-collante .adm-btn{flex:1;} .adm-footer{padding-bottom:72px;} } /* ===================== 7. LE SÉLECTEUR DE DEVIS ===================== */ .adm-form{background:#fff;color:var(--boitier);border-radius:var(--r-photo);box-shadow:var(--ombre);border:1px solid rgba(32,38,42,.1);padding:18px 24px 20px;position:relative;} .adm-form--compact{padding:16px 18px 18px;border-radius:var(--r-carte);} .adm-form--pleine{padding:24px 28px 26px;} .adm-form.est-flash{box-shadow:0 0 0 4px var(--vert),var(--ombre);} .adm-form__piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;} .adm-form__entete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:24px;} .adm-form__compteur{font-size:14px;font-weight:600;color:var(--gris);} .adm-form__retour{display:none;font-size:14px;font-weight:600;color:var(--vert);text-decoration:underline;text-underline-offset:3px;min-height:24px;} .adm-form:not([data-pas="0"]) .adm-form__retour{display:inline-flex;} /* puces d'étapes = positions de sélecteur */ .adm-form__progression{display:flex;align-items:center;margin-bottom:12px;} .adm-form__pos{flex:1;display:flex;align-items:center;} .adm-form__pos:last-child{flex:none;} .adm-form__pos i{position:relative;flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--trait);background:#fff;} .adm-form__pos i::after{content:"";position:absolute;left:50%;top:1px;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:transparent;} .adm-form__pos::after{content:"";flex:1;height:2px;margin:0 5px;background:var(--trait);border-radius:1px;} .adm-form__pos:last-child::after{display:none;} .adm-form__pos.est-actif i{border-color:var(--boitier);background:var(--boitier);} .adm-form__pos.est-actif i::after{background:var(--rouge-clair);} .adm-form__pos.est-fait i{border-color:var(--vert);background:var(--vert);} .adm-form__pos.est-fait::after{background:var(--vert);} .adm-form__etapes{min-height:0;} .adm-form--flottant .adm-form__etapes{min-height:276px;} .adm-form__etape{display:none;} .adm-form__etape.est-active{display:block;animation:adm-etape .22s cubic-bezier(.2,.7,.2,1);} @keyframes adm-etape{from{transform:translateX(10px);}to{transform:none;}} .adm-form__question{font:650 20px/1.2 var(--f-texte);font-stretch:88%;margin:0 0 12px;color:var(--boitier);} .adm-form--compact .adm-form__question{font-size:18px;margin-bottom:10px;} /* étape 1 : le disque et ses 6 positions (une liste de boutons en colonne d'article et sur mobile) */ .adm-rot{display:grid;grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);grid-template-rows:repeat(3,44px);gap:8px 14px;align-content:center;align-items:center;min-height:176px;} .adm-rot__disque{grid-column:2;grid-row:1/4;position:relative;justify-self:center;align-self:center;width:168px;height:168px;border-radius:50%;background:radial-gradient(circle at 50% 36%,var(--boitier-3),var(--boitier) 72%);box-shadow:inset 0 0 0 5px var(--boitier-2),inset 0 0 0 7px #55616a,0 10px 20px -10px rgba(0,0,0,.6);} .adm-rot__disque::before{content:"";position:absolute;inset:9px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.6) 0 1.6deg,transparent 1.6deg 30deg);-webkit-mask:radial-gradient(circle,transparent 70%,#000 71%);mask:radial-gradient(circle,transparent 70%,#000 71%);} .adm-rot__disque::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--papier);box-shadow:0 0 0 3px var(--boitier-2);} .adm-rot__index{position:absolute;inset:0;transform:rotate(var(--a,0deg));transition:transform .25s cubic-bezier(.3,.7,.2,1);} .adm-rot__index::before{content:"";position:absolute;left:50%;top:22px;width:9px;height:50px;margin-left:-4.5px;border-radius:5px;background:var(--rouge-clair);box-shadow:0 0 0 1.5px var(--boitier);} .adm-rot__pos{height:44px;padding:0 8px;border-radius:var(--r-btn);border:2px solid var(--boitier);background:#fff;color:var(--boitier);font-weight:650;font-size:15px;line-height:1;transition:background .15s,color .15s,transform .15s;} .adm-rot__pos:hover{background:var(--vert-pale);} .adm-rot__pos.est-choisi{background:var(--boitier);color:#fff;} .adm-rot__pos--1{grid-column:1;grid-row:1;} .adm-rot__pos--2{grid-column:1;grid-row:2;} .adm-rot__pos--3{grid-column:1;grid-row:3;} .adm-rot__pos--4{grid-column:3;grid-row:1;} .adm-rot__pos--5{grid-column:3;grid-row:2;} .adm-rot__pos--6{grid-column:3;grid-row:3;} .adm-form--compact .adm-rot,.adm-rot--liste{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:0;gap:8px;} .adm-form--compact .adm-rot__disque{display:none;} .adm-form--compact .adm-rot__pos{grid-column:auto;grid-row:auto;} @media (max-width:760px){ .adm-rot{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:0;gap:8px;} .adm-rot__disque{display:none;} .adm-rot__pos{grid-column:auto;grid-row:auto;} .adm-form--flottant .adm-form__etapes{min-height:0;} .adm-form--pleine{padding:18px 16px 20px;} } /* champs */ .adm-champ{position:relative;margin-bottom:10px;min-width:0;} .adm-champ label,.adm-champ__etiquette{display:block;font-size:13px;font-weight:600;color:var(--gris);margin-bottom:4px;} .adm-champ input,.adm-champ select{width:100%;height:44px;padding:0 12px;border:1.5px solid var(--champ);border-radius:var(--r-champ);background:#fff;color:var(--boitier);font:500 16px var(--f-texte);} .adm-champ input::placeholder{color:#6A746C;opacity:1;} .adm-champ input:focus,.adm-champ select:focus{outline:3px solid var(--vert);outline-offset:1px;border-color:var(--vert);} .adm-champ--unite input{padding-right:48px;} .adm-champ__unite{position:absolute;right:1.5px;bottom:1.5px;height:41px;min-width:42px;padding:0 10px;display:flex;align-items:center;justify-content:center;background:var(--lcd);border-radius:0 8.5px 8.5px 0;font:600 14px var(--f-mono);color:var(--boitier);} .adm-form__rangee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;} .adm-form__pilules-rapides{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 8px;} .adm-form__pilule{height:38px;padding:0 13px;border-radius:var(--r-btn);border:1.5px solid var(--boitier);background:#fff;color:var(--boitier);font-weight:600;font-size:14px;} .adm-form__pilule:hover{background:var(--vert-pale);} .adm-form__pilule.est-choisi{background:var(--boitier);color:#fff;} .adm-form__pilule--autre{border-style:dashed;} .adm-form__indication{font-size:13.5px;color:var(--gris);margin:0 0 8px;} .adm-form__erreur{display:block;font-size:13.5px;font-weight:600;color:var(--alerte);margin-bottom:8px;} .adm-form__case{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;margin:0 0 8px;color:var(--boitier);cursor:pointer;} .adm-form__case input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--vert);} .adm-form__case--consentement{font-size:12.5px;color:var(--gris);} .adm-form__nav{display:flex;gap:10px;margin-top:10px;} .adm-form__nav .adm-btn{height:46px;padding:0 20px;} .adm-form__nav .adm-form__bouton{flex:1;} .adm-form .adm-btn.est-desactive{background:#DCE0D8;border-color:#DCE0D8;color:#4B555B;opacity:1;} .adm-form--compact .adm-champ{margin-bottom:8px;} .adm-form--compact .adm-champ input,.adm-form--compact .adm-champ select{height:40px;} .adm-form--compact .adm-champ__unite{height:37px;} .adm-form--compact .adm-form__nav .adm-btn{height:42px;} .adm-form__confirmation{display:none;text-align:center;padding:12px 4px 4px;} .adm-form__confirmation.est-visible{display:block;} .adm-form__confirmation-cercle{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--vert);color:#fff;display:flex;align-items:center;justify-content:center;} .adm-form__confirmation-cercle svg{width:28px;height:28px;} .adm-form__confirmation h3{font-size:24px;margin-bottom:10px;} .adm-form__recap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;} .adm-form__recap span{padding:5px 12px;border-radius:var(--r-btn);background:var(--lcd);font:500 13px var(--f-mono);} .adm-form__suite{text-align:left;display:grid;gap:8px;font-size:14.5px;color:var(--gris);} .adm-form__suite li{display:flex;gap:8px;align-items:flex-start;} .adm-form__suite svg{width:20px;height:20px;flex:none;color:var(--vert);margin-top:2px;} /* ===================== 8. QUEL APPAREIL POUR QUELLE MESURE ===================== */ .adm-sel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:48px;align-items:start;} .adm-sel > *{min-width:0;} .adm-sel__note{font-size:14px;color:var(--gris);margin:14px 0 0;} .adm-sel__carte{background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-carte);overflow:hidden;box-shadow:var(--ombre-douce);} .adm-sel__defile{max-height:min(440px,60vh);overflow:auto;max-width:100%;} .adm-sel__table{width:100%;border-collapse:collapse;font-size:15.5px;} .adm-sel__table th,.adm-sel__table td{padding:9px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--trait);} .adm-sel__table thead th{position:sticky;top:0;z-index:1;background:var(--boitier);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;} .adm-sel__table tbody th{font-weight:650;color:var(--boitier);} .adm-sel__appareil{font-weight:650;color:var(--vert);} .adm-sel__repere{font-size:14px;color:var(--gris);} .adm-sel__table tbody tr{cursor:pointer;transition:background .15s;} .adm-sel__table tbody tr:hover{background:var(--vert-pale);} .adm-sel__table tbody tr:last-child > *{border-bottom:0;} .adm-sel__col-go,.adm-sel__go{width:56px;text-align:right!important;} .adm-sel__bouton{width:36px;height:36px;border-radius:50%;background:var(--boitier);color:#fff;display:inline-flex;align-items:center;justify-content:center;} .adm-sel__bouton svg{width:18px;height:18px;} .adm-sel__table tbody tr:hover .adm-sel__bouton{background:var(--rouge);} @media (max-width:980px){ .adm-sel{grid-template-columns:minmax(0,1fr);gap:24px;} } @media (max-width:760px){ .adm-sel__col-repere,.adm-sel__repere,.adm-sel__col-guide,.adm-sel__guide{display:none;} .adm-sel__table th,.adm-sel__table td{padding:9px 10px;font-size:15px;} } /* ===================== 9. LIRE LE MARQUAGE ===================== */ .adm-mq{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:stretch;} .adm-mq > *{min-width:0;} .adm-mq__panneau{background:#161B1E;border:2px solid rgba(255,255,255,.55);border-radius:18px;padding:20px 20px 12px;box-shadow:inset 0 0 0 6px #1D2428;} .adm-mq__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} .adm-mq__repere{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:104px;padding:14px 16px;border:1.5px solid rgba(255,255,255,.6);border-radius:10px;color:#fff;text-align:left;transition:background .15s,color .15s;} .adm-mq__repere:hover{background:rgba(255,255,255,.12);} .adm-mq__repere.est-actif{background:#fff;color:var(--boitier);} .adm-mq__marque{font:700 25px/1 var(--f-texte);font-stretch:80%;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere;} .adm-mq__sous{font-size:13.5px;font-weight:500;letter-spacing:.03em;} .adm-mq__double{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:3px solid currentColor;} .adm-mq__double i{display:block;width:15px;height:15px;border:3px solid currentColor;} .adm-mq__ligne{margin:14px 0 0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);text-align:center;} .adm-mq__explic{display:flex;flex-direction:column;gap:12px;} .adm-mq__texte h3{font-size:22px;margin-bottom:8px;} .adm-mq__texte p{margin:0;color:rgba(255,255,255,.88);font-size:16.5px;} .adm-mq__lien{align-self:flex-start;} .adm-mq__photo{height:132px;margin-top:auto;} @media (max-width:980px){ .adm-mq{grid-template-columns:minmax(0,1fr);gap:22px;} } @media (max-width:560px){ .adm-mq__grille{grid-template-columns:repeat(2,minmax(0,1fr));} .adm-mq__marque{font-size:21px;} .adm-mq__panneau{padding:14px 12px 10px;} } /* ===================== 10. FAMILLES D'APPAREILS ===================== */ .adm-familles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} .adm-famille{display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);overflow:hidden;box-shadow:var(--ombre-douce);transition:transform .18s ease,border-color .18s ease;} a.adm-famille:hover{transform:translateY(-2px);border-color:var(--vert);} .adm-famille__photo{display:block;height:132px;background:var(--boitier-2);overflow:hidden;} .adm-famille__photo img{width:100%;height:100%;object-fit:cover;} .adm-famille__photo:empty{background:var(--motif-vide);} .adm-famille__corps{display:flex;flex-direction:column;gap:3px;padding:12px 16px 14px;} .adm-famille__titre{font:650 20px/1.15 var(--f-texte);font-stretch:86%;color:var(--boitier);} .adm-famille__texte{font-size:15px;line-height:1.4;color:var(--gris);} @media (max-width:980px){ .adm-familles{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:560px){ .adm-familles{grid-template-columns:minmax(0,1fr);gap:12px;} .adm-famille__photo{height:150px;} } /* ===================== 11. LES UNITÉS ===================== */ .adm-unites{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;} .adm-unite-item{display:flex;min-width:0;} .adm-unite{display:flex;flex-direction:column;gap:10px;width:100%;padding:14px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-carte);transition:transform .18s ease,border-color .18s ease;} a.adm-unite:hover{transform:translateY(-2px);border-color:var(--vert);} .adm-unite__symbole{display:flex;align-items:center;justify-content:center;height:58px;border-radius:10px;background:var(--lcd);color:var(--boitier);font:600 clamp(22px,2vw,30px)/1 var(--f-mono);box-shadow:inset 0 2px 6px rgba(32,38,42,.25);overflow:hidden;} .adm-unite__texte{font-size:14.5px;line-height:1.4;color:var(--gris);} @media (max-width:1100px){ .adm-unites{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (max-width:640px){ .adm-unites{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .adm-unite{padding:10px;} .adm-unite__symbole{height:48px;} } /* ===================== 12. ÉTALONNER, RÉPARER OU REMPLACER ===================== */ .adm-dec{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:stretch;} .adm-dec > *{min-width:0;} .adm-dec__etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:14px;counter-reset:dec;} .adm-dec__etape{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-content:start;padding:16px;background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);box-shadow:var(--ombre-douce);} .adm-dec__pos{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--boitier);box-shadow:inset 0 0 0 3px var(--boitier-3);} .adm-dec__pos i{position:absolute;left:50%;top:3px;width:3px;height:9px;margin-left:-1.5px;border-radius:2px;background:var(--rouge-clair);} .adm-dec__pos b{color:#fff;font:600 14px var(--f-mono);margin-top:5px;} .adm-dec__etape h3{font-size:18px;line-height:1.15;margin:0 0 5px;} .adm-dec__etape p{font-size:14.5px;line-height:1.45;color:var(--gris);margin:0 0 6px;} .adm-dec__etape .adm-lien{font-size:14.5px;} .adm-dec__calc{padding:20px 22px 18px;background:#fff;border:1px solid var(--trait);border-radius:var(--r-photo);box-shadow:var(--ombre-douce);} .adm-dec__calc h3{font-size:21px;margin-bottom:2px;} .adm-dec__formule{font:500 13px var(--f-mono);color:var(--gris);margin:0 0 10px;} .adm-dec__champs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} .adm-dec__champs .adm-champ{margin-bottom:6px;} .adm-dec__champs .adm-champ input{padding-left:8px;padding-right:34px;font-size:15px;} .adm-dec__champs .adm-champ__unite{min-width:30px;padding:0 6px;font-size:12px;} .adm-dec__resultat{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;margin:2px 0 8px;background:var(--lcd);border-radius:10px;box-shadow:inset 0 2px 6px rgba(32,38,42,.25);} .adm-dec__ligne{display:flex;align-items:baseline;gap:6px;font-family:var(--f-mono);color:var(--boitier);min-width:0;} .adm-dec__ligne > span{font-size:12px;font-weight:600;opacity:.75;} .adm-dec__ligne strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;} .adm-dec__ligne small{font-size:11.5px;} .adm-dec__ligne.est-saisi strong{text-decoration:underline;text-underline-offset:4px;} .adm-dec__avertissement{font-size:13.5px;color:var(--gris);margin:0 0 10px;} @media (max-width:1100px){ .adm-dec{grid-template-columns:minmax(0,1fr);gap:20px;} } @media (max-width:640px){ .adm-dec__etapes{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;} } /* ===================== 13. GUIDES ET CARTES ===================== */ .adm-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} .adm-guides__rubriques{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 0;} .adm-pilule-lien{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--r-btn);border:1.5px solid var(--boitier);font-weight:600;font-size:15px;background:#fff;} .adm-pilule-lien span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--lcd);font:600 12px var(--f-mono);} .adm-pilule-lien:hover{background:var(--vert-pale);} .adm-carte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);overflow:hidden;box-shadow:var(--ombre-douce);transition:transform .18s ease,border-color .18s ease;min-width:0;} .adm-carte:hover{transform:translateY(-2px);border-color:var(--vert);} .adm-carte__photo{position:relative;aspect-ratio:16/9;max-height:220px;overflow:hidden;background:var(--boitier-2);} .adm-carte__photo img{width:100%;height:100%;object-fit:cover;} .adm-carte__photo:empty{background:var(--motif-vide);} .adm-carte__pastille{position:absolute;left:12px;top:12px;padding:5px 12px;border-radius:var(--r-btn);background:var(--boitier);color:#fff;font-size:12.5px;font-weight:600;line-height:1.2;} .adm-carte__corps{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1;} .adm-carte__titre{font:650 19px/1.2 var(--f-texte);font-stretch:88%;color:var(--boitier);} .adm-carte__extrait{font-size:15px;line-height:1.45;color:var(--gris);margin:0;} .adm-carte__meta{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--vert);} .adm-carte--commune .adm-carte__corps{padding:12px 16px;} .adm-carte--commune .adm-carte__titre{font-size:18px;} @media (max-width:980px){ .adm-guides{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:640px){ .adm-guides{grid-template-columns:minmax(0,1fr);} } /* ===================== 14. DEMANDER UN DEVIS ===================== */ .adm-devis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;} .adm-devis > *{min-width:0;} .adm-devis__photo{height:240px;margin-top:20px;} .adm-devis__form{max-width:520px;width:100%;justify-self:end;} .adm-section--boitier .adm-form,.adm-section--boitier .adm-form h2,.adm-section--boitier .adm-form h3,.adm-section--boitier .adm-form p,.adm-section--boitier .adm-form li,.adm-section--boitier .adm-form label{color:var(--boitier);} .adm-section--boitier .adm-form .adm-form__compteur,.adm-section--boitier .adm-form .adm-form__case--consentement,.adm-section--boitier .adm-form .adm-form__suite li,.adm-section--boitier .adm-form .adm-champ label{color:var(--gris);} .adm-section--boitier .adm-form .adm-rot__pos.est-choisi,.adm-section--boitier .adm-form .adm-form__pilule.est-choisi{color:#fff;} .adm-section--boitier .adm-form .adm-btn--rouge{color:#fff;} .adm-section--boitier .adm-form .adm-btn.est-desactive{color:#4B555B;} @media (max-width:980px){ .adm-devis{grid-template-columns:minmax(0,1fr);gap:28px;} .adm-devis__form{justify-self:stretch;max-width:none;} .adm-devis__photo{height:180px;} } /* ===================== 15. ZONE D'INTERVENTION ===================== */ .adm-zone__grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center;} .adm-zone__grille > *{min-width:0;} .adm-zone__grille--sans-carte{grid-template-columns:minmax(0,1fr);} .adm-zone__carte-wrap{position:relative;background:#fff;border:1px solid var(--trait);border-radius:var(--r-photo);box-shadow:var(--ombre-douce);padding:14px 14px 12px;} .adm-zone__carte-wrap svg{width:100%;height:auto;max-height:430px;margin-inline:auto;} .adm-zone__carte-wrap svg g[data-dep] path{stroke:var(--boitier);stroke-width:.8;vector-effect:non-scaling-stroke;cursor:default;} .adm-zone__carte-wrap svg g[data-dep="75"] path{fill:#DDE1D6;} .adm-zone__carte-wrap svg g[data-dep="94"] path{fill:#C3CBBC;} .adm-zone__carte-wrap svg path.commune{fill:var(--vert);stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s ease;} .adm-zone__carte-wrap svg path.commune.est-survolee,.adm-zone__carte-wrap svg path.commune:hover,.adm-zone__carte-wrap svg path.commune:focus-visible{fill:var(--rouge);} .adm-zone__etiquette{position:absolute;z-index:3;left:0;top:0;padding:6px 12px;border-radius:8px;background:var(--boitier);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;} .adm-zone__etiquette.est-visible{opacity:1;} .adm-zone__legende{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;font-size:14px;color:var(--boitier);} .adm-zone__puce{display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--vert);flex:none;} .adm-zone__legende-deps{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:4px 0 0;font-size:14px;font-weight:600;} .adm-zone__legende-deps li{display:inline-flex;align-items:center;gap:8px;} .adm-zone__legende-deps i{display:inline-block;width:18px;height:14px;border-radius:3px;border:1.5px solid var(--boitier);flex:none;} .adm-zone__legende-deps .d75{background:#DDE1D6;} .adm-zone__legende-deps .d94{background:#C3CBBC;} .adm-zone__texte .adm-section__chapo{margin-bottom:16px;} .adm-zone__deps{display:grid;grid-template-columns:1fr 1fr;gap:18px;} .adm-zone__dep-titre{display:flex;align-items:center;gap:10px;font:650 17px var(--f-texte);margin:0 0 6px;} .adm-zone__dep-num{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:26px;padding:0 8px;border-radius:6px;background:var(--lcd);font:600 13px var(--f-mono);} .adm-zone__liste{display:flex;flex-direction:column;gap:2px;} .adm-zone__liste a,.adm-zone__liste span{display:flex;align-items:center;min-height:34px;font-size:15.5px;font-weight:550;} .adm-zone__liste a{color:var(--vert);border-bottom:1px solid transparent;} .adm-zone__liste a:hover{border-bottom-color:var(--vert);} @media (max-width:980px){ .adm-zone__grille{grid-template-columns:minmax(0,1fr);gap:24px;} } @media (max-width:480px){ .adm-zone__deps{gap:10px;} .adm-zone__liste a,.adm-zone__liste span{font-size:14.5px;} } /* ===================== 16. APPEL FINAL ===================== */ .adm-appel-final__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;} .adm-appel-final__in > *{min-width:0;} .adm-lieu{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:6px;background:var(--lcd);color:var(--boitier);font:600 13px var(--f-mono);} .adm-appel-final p:not(.adm-lieu){color:rgba(255,255,255,.86);} .adm-appel-final__boutons{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 16px;} .adm-appel-final__rassure{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14.5px;margin:0;} .adm-appel-final__rassure span{display:inline-flex;align-items:center;gap:8px;} .adm-appel-final__rassure svg{width:20px;height:20px;color:var(--lcd);flex:none;} .adm-appel-final__photo{height:260px;} @media (max-width:900px){ .adm-appel-final__in{grid-template-columns:minmax(0,1fr);gap:24px;} .adm-appel-final__photo{height:190px;} } /* ===================== 17. PIED DE PAGE ===================== */ .adm-footer{position:relative;background:var(--boitier);color:rgba(255,255,255,.88);padding-top:10px;} .adm-footer__corps{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:44px var(--marge) 32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.5fr);gap:44px;align-items:stretch;} .adm-footer__corps > *{min-width:0;} .adm-footer__devise{font-size:15px;line-height:1.5;margin:14px 0 14px;max-width:28em;} .adm-footer__recherche{display:flex;max-width:340px;margin-bottom:14px;} .adm-footer__recherche input{flex:1;min-width:0;height:44px;padding:0 14px;border:1.5px solid rgba(255,255,255,.55);border-right:0;border-radius:10px 0 0 10px;background:transparent;color:#fff;font:500 15px var(--f-texte);} .adm-footer__recherche input::placeholder{color:rgba(255,255,255,.7);} .adm-footer__recherche button{width:48px;height:44px;border-radius:0 10px 10px 0;background:#fff;color:var(--boitier);display:flex;align-items:center;justify-content:center;} .adm-footer__recherche button svg{width:20px;height:20px;} .adm-footer h3{color:#fff;font-size:18px;margin-bottom:10px;} .adm-footer__h3-suite{margin-top:20px;} .adm-footer ul{display:flex;flex-direction:column;gap:2px;} .adm-footer a:not(.adm-btn):not(.adm-logo){display:inline-flex;align-items:center;min-height:32px;font-size:15.5px;} .adm-footer a:not(.adm-btn):not(.adm-logo):hover{color:#fff;text-decoration:underline;text-underline-offset:3px;} .adm-footer__communes span{display:inline-flex;align-items:center;min-height:32px;font-size:15.5px;color:rgba(255,255,255,.7);} .adm-footer__deps{display:grid;grid-template-columns:1fr 1fr;gap:20px;} .adm-footer__dep-titre{font-weight:650;color:#fff;margin:0 0 6px;font-size:15px;} .adm-footer__base{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:16px var(--marge) 22px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;font-size:14px;color:rgba(255,255,255,.78);} .adm-footer__base p{margin:0;} @media (max-width:980px){ .adm-footer__corps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;} .adm-footer__colonne--communes{grid-column:1/-1;} } @media (max-width:560px){ .adm-footer__corps{grid-template-columns:minmax(0,1fr);padding-top:36px;} } /* ===================== 18. ARTICLE ===================== */ .adm-fil-ariane{font-size:14px;color:var(--gris);padding:0 0 16px;display:flex;flex-wrap:wrap;gap:4px 8px;} .adm-fil-ariane a{color:var(--vert);font-weight:600;} .adm-fil-ariane a:hover{text-decoration:underline;} /* bandes à bord gradué : en-tête d'article, de rubrique et pages annexes */ .adm-art-tete,.adm-rub-tete,.adm-bandeau{position:relative;margin-top:12px;background:var(--mm),var(--papier);padding:26px 0 62px;} .adm-art-tete::after,.adm-rub-tete::after,.adm-bandeau::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px; background: repeating-linear-gradient(90deg,var(--boitier) 0 1px,transparent 1px 10px) left bottom/100% 9px no-repeat, repeating-linear-gradient(90deg,var(--boitier) 0 1.6px,transparent 1.6px 50px) left bottom/100% 18px no-repeat, linear-gradient(180deg,#EFECE5,var(--marbre)); box-shadow:inset 0 1px 0 rgba(32,38,42,.18);} .adm-art-tete__grille{display:grid;grid-template-columns:minmax(0,1fr) var(--aside);gap:40px;align-items:center;} .adm-art-tete--sans-photo{padding-bottom:56px;} .adm-art-tete--sans-photo .adm-art-tete__grille{grid-template-columns:minmax(0,1fr);} .adm-art-tete__titre{font-size:clamp(30px,3vw,46px);line-height:1.06;margin:0 0 14px;text-wrap:balance;} .adm-art-tete__chapo{font-size:19px;color:var(--gris);max-width:34em;margin:0 0 18px;} .adm-art-tete__meta{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--gris);} .adm-art-tete__meta a{color:var(--boitier);font-weight:650;text-decoration:underline;text-underline-offset:3px;} .adm-art-tete__photo{position:relative;margin:0;} .adm-lunette{background:var(--boitier);border-radius:var(--r-photo);padding:10px;box-shadow:var(--ombre);} .adm-lunette img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:var(--motif-vide);} /* mini-afficheur LCD à cheval sur la lunette */ .adm-lcd{background:var(--lcd);color:var(--boitier);border:3px solid var(--boitier);border-radius:10px;} .adm-lcd--cheval{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:14px;max-width:calc(100% - 20px);padding:7px 16px;font-family:var(--f-mono);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:var(--ombre);} .adm-lcd__grandeur{overflow:hidden;text-overflow:ellipsis;} .adm-lcd__lecture{padding-left:14px;border-left:2px solid var(--boitier);font-weight:500;} @media (max-width:1180px){ .adm-art-tete__grille{grid-template-columns:1fr;gap:34px;} .adm-art-tete__photo{max-width:560px;} .adm-art-tete{padding-bottom:68px;} } @media (max-width:640px){ .adm-art-tete{margin-top:8px;padding-top:18px;} .adm-lcd--cheval{font-size:12.5px;gap:10px;padding:6px 12px;} } .adm-article-grille{display:grid;grid-template-columns:minmax(0,1fr) var(--aside);gap:40px;align-items:start;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:44px var(--marge) 36px;} .adm-article-colonne{display:flex;flex-direction:column;gap:24px;min-width:0;} @media (max-width:1180px){ .adm-article-grille{grid-template-columns:1fr;padding-top:36px;} .adm-aside-form{position:static!important;max-height:none!important;} } .adm-sommaire-carte{background:#fff;border:1px solid var(--trait);border-left:4px solid var(--vert);border-radius:var(--r-carte);box-shadow:var(--ombre-douce);padding:20px 24px;} .adm-sommaire-carte__titre{font:650 17px var(--f-texte);color:var(--boitier);margin:0 0 12px;} .adm-sommaire-carte ol{margin:0;padding:0;counter-reset:som;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;} .adm-sommaire-carte li{counter-increment:som;} .adm-sommaire-carte li a{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:10px;font-size:15px;font-weight:600;line-height:1.35;} .adm-sommaire-carte li a::before{content:counter(som);flex:none;width:26px;height:26px;border-radius:50%;background:var(--boitier);color:#fff;font:600 12.5px/26px var(--f-mono);text-align:center;} .adm-sommaire-carte li a:hover,.adm-sommaire-carte li.est-actif a{background:var(--vert-pale);} @media (max-width:760px){ .adm-sommaire-carte ol{grid-template-columns:1fr;} .adm-sommaire-carte{padding:16px;} } @media (min-width:1181px){ .adm-article-colonne > .adm-sommaire-carte{display:none;} } /* Corps : panneau blanc, rythme vertical constant */ .adm-corps h2{font-size:28px;margin:40px 0 16px;} .adm-corps h3{font-size:21px;margin:28px 0 12px;} .adm-corps p{max-width:72ch;} .adm-corps strong{color:var(--boitier);} .adm-corps a:not(.adm-btn){color:var(--vert);text-decoration:underline;text-decoration-color:rgba(36,86,64,.45);text-underline-offset:3px;} .adm-corps a:not(.adm-btn):hover{text-decoration-color:var(--vert);} .adm-corps img{border-radius:12px;margin:20px 0;} .adm-corps table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;} .adm-corps table th,.adm-corps table td{border:1px solid var(--trait);padding:10px 14px;text-align:left;} .adm-corps table th{background:var(--papier);} .adm-corps--article{background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);box-shadow:var(--ombre-douce);padding:clamp(24px,4vw,52px);} .adm-corps--article > *{margin-top:0;margin-bottom:20px;} .adm-corps--article > *:last-child{margin-bottom:0;} .adm-corps--article > h2{font-size:clamp(24px,2.1vw,30px);line-height:1.18;margin:46px 0 16px;scroll-margin-top:110px;display:flex;align-items:baseline;gap:12px;} .adm-corps--article > h2::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--boitier);box-shadow:inset 0 0 0 2px var(--papier),0 0 0 2px var(--boitier);transform:translateY(-2px);position:relative;} .adm-corps--article > h2:first-child{margin-top:0;} .adm-corps--article > h3{font-size:20px;margin:28px 0 10px;} .adm-corps--article > p{font-size:17.5px;line-height:1.7;} .adm-corps ul:not([class]){margin:18px 0;display:flex;flex-direction:column;gap:9px;} .adm-corps ul:not([class]) > li{position:relative;padding-left:28px;} .adm-corps ul:not([class]) > li::before{content:"";position:absolute;left:3px;top:.62em;width:12px;height:2px;background:var(--rouge);box-shadow:0 -4px 0 -0px transparent;} .adm-corps ol:not([class]){margin:18px 0;display:flex;flex-direction:column;gap:10px;counter-reset:ol;} .adm-corps ol:not([class]) > li{position:relative;padding-left:42px;counter-increment:ol;} .adm-corps ol:not([class]) > li::before{content:counter(ol);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;background:var(--boitier);color:#fff;font:600 13px/28px var(--f-mono);text-align:center;} .adm-corps figure{margin:28px 0;} .adm-corps figure img{border-radius:12px;box-shadow:var(--ombre-douce);margin:0;width:100%;height:auto;} .adm-corps figcaption{font-size:14px;color:var(--gris);margin-top:8px;} .adm-corps .wp-post-image{margin:0;} /* Encadrés écrits dans le contenu : « à retenir », sources, limites, FAQ */ .adm-corps .a-retenir,.adm-corps .sbs-retenir{background:var(--papier);border:1px solid var(--trait);border-left:5px solid var(--vert);border-radius:12px;padding:16px 22px;margin:26px 0;} .adm-corps .a-retenir p,.adm-corps .sbs-retenir p{margin:0;max-width:none;} .adm-corps .a-retenir strong,.adm-corps .sbs-retenir strong{color:var(--vert);margin-right:4px;} .adm-corps .sources,.adm-corps .sbs-sources{background:var(--papier);border-radius:12px;padding:16px 22px;margin:34px 0 0;font-size:14.5px;color:var(--gris);} .adm-corps .sources p,.adm-corps .sbs-sources p{margin:0 0 6px;max-width:none;} .adm-corps .sources p:last-child,.adm-corps .sbs-sources p:last-child{margin-bottom:0;} .adm-corps .sources strong,.adm-corps .sbs-sources strong,.adm-corps .sources-titre{color:var(--boitier);} .adm-corps .adm-limites{position:relative;background:var(--vert-pale);border:2px dashed var(--vert);border-radius:14px;padding:20px 26px 20px 72px;margin:34px 0;} .adm-corps .adm-limites::before{content:"i";position:absolute;left:22px;top:20px;width:32px;height:32px;border-radius:50%;background:var(--vert);color:#fff;font:700 18px/32px var(--f-texte);text-align:center;} .adm-corps .adm-limites > h2{display:block;font-size:20px;line-height:1.2;margin:0 0 8px;color:var(--vert-fonce);} .adm-corps .adm-limites > h2::before{content:none;} .adm-corps .adm-limites p{margin:0 0 10px;max-width:none;font-size:16px;line-height:1.6;} .adm-corps .adm-limites p:last-child{margin-bottom:0;} .adm-corps section.faq,.adm-corps .adm-encadre--faq{background:var(--papier);border:1px solid var(--trait);border-radius:14px;padding:24px 24px 18px;margin:36px 0 0;} .adm-corps section.faq > h2{margin:0 0 14px;font-size:24px;display:block;} .adm-corps section.faq > h2::before{content:none;} .adm-corps details,.entry-content details{background:#fff;border:1px solid var(--trait);border-left:4px solid var(--boitier);border-radius:10px;margin:10px 0;overflow:hidden;} .adm-corps details[open],.entry-content details[open]{border-left-color:var(--rouge);} .adm-corps summary,.entry-content summary{list-style:none;cursor:pointer;padding:15px 56px 15px 20px;font-weight:650;color:var(--boitier);position:relative;} .adm-corps summary::-webkit-details-marker,.entry-content summary::-webkit-details-marker{display:none;} .adm-corps summary::after,.entry-content summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--papier);color:var(--boitier);font:600 20px/30px var(--f-texte);text-align:center;} .adm-corps details[open] summary::after,.entry-content details[open] summary::after{content:"–";background:var(--lcd);} .adm-corps details > :not(summary),.entry-content details > :not(summary){padding:0 20px 16px;margin:0;color:var(--gris);max-width:none;} /* Infographies du socle : frise, jauges, tarifs, lieu (le socle ne pose aucun pixel) */ .adm-corps sbs-frise,.adm-corps sbs-jauges,.adm-corps sbs-tarifs,.adm-corps sbs-lieu,.adm-corps sbs-etape,.adm-corps sbs-jauge,.adm-corps sbs-tarif{display:block;} .adm-corps .sbs_frise{margin:28px 0;padding:22px 24px;background:var(--papier);border:1px solid var(--trait);border-radius:14px;} .adm-corps .sbs_frise_titre,.adm-corps .sbs_jauges_titre,.adm-corps .sbs_tarifs_titre{display:block;font:650 18px var(--f-texte);margin-bottom:14px;color:var(--boitier);} .adm-corps .sbs_etape{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;row-gap:2px;align-items:start;} .adm-corps .sbs_etape + .sbs_etape{border-top:1px solid var(--trait);margin-top:14px;padding-top:14px;} .adm-corps .sbs_etape_date{grid-row:1 / span 2;justify-self:start;background:var(--boitier);color:#fff;font:600 13px/1.2 var(--f-mono);padding:7px 14px;border-radius:999px;} .adm-corps .sbs_etape_titre{grid-column:2;font:650 17px/1.3 var(--f-texte);color:var(--boitier);} .adm-corps .sbs_etape_desc{grid-column:2;display:block;font-size:15.5px;line-height:1.5;color:var(--gris);} .adm-corps .sbs_jauges{margin:28px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;} .adm-corps .sbs_jauges_titre{grid-column:1 / -1;margin-bottom:2px;} .adm-corps .sbs_jauge{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;background:#fff;border:1px solid var(--trait);border-top:4px solid var(--vert);border-radius:10px;padding:14px 16px 16px;box-shadow:var(--ombre-douce);} .adm-corps .sbs_jauge_valeur{grid-column:1;order:1;font:600 clamp(26px,2.6vw,34px)/1 var(--f-mono);color:var(--boitier);} .adm-corps .sbs_jauge_unite{grid-column:2;order:2;font:600 14px var(--f-mono);color:var(--vert);} .adm-corps .sbs_jauge_libelle{grid-column:1 / -1;order:3;margin-top:8px;font-size:14.5px;line-height:1.35;color:var(--gris);} .adm-corps .sbs_tarifs{margin:28px 0;padding:20px 22px;background:var(--papier);border:1px solid var(--trait);border-radius:14px;} .adm-corps .sbs_tarif{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:12px;align-items:center;margin:9px 0;} .adm-corps .sbs_tarif_libelle{font-size:15px;font-weight:600;color:var(--boitier);} .adm-corps .sbs_tarif_barre{width:100%;height:16px;border:0;border-radius:999px;background:var(--trait);} .adm-corps .sbs_tarif_barre::-webkit-meter-bar{background:var(--trait);border:0;border-radius:999px;height:16px;} .adm-corps .sbs_tarif_barre::-webkit-meter-optimum-value,.adm-corps .sbs_tarif_barre::-webkit-meter-suboptimum-value,.adm-corps .sbs_tarif_barre::-webkit-meter-even-less-good-value{background:var(--vert);border-radius:999px;} .adm-corps .sbs_tarif_barre::-moz-meter-bar{background:var(--vert);border-radius:999px;} .adm-corps .sbs_tarifs_notes{display:block;font-size:14px;color:var(--gris);margin-top:8px;} .adm-corps .sbs_lieu{margin:26px 0;padding:18px 22px;background:var(--papier);border:1px solid var(--trait);border-left:5px solid var(--vert);border-radius:12px;} .adm-corps .sbs_lieu_nom{display:block;font:650 18px var(--f-texte);} .adm-corps .sbs_lieu_adresse{font-style:normal;display:block;color:var(--gris);} .adm-corps .sbs_lieu_acces{display:block;font-size:14px;color:var(--gris);margin-top:4px;} .adm-corps .sbs_lieu_carte{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:650;} .adm-corps .sbs_icone_repere{width:18px;height:18px;fill:var(--vert);} .adm-corps .sbs_source{display:block;margin-top:12px;font-size:13px;color:var(--gris);} @media (max-width:640px){ .adm-corps .sbs_etape{grid-template-columns:minmax(0,1fr);} .adm-corps .sbs_etape_date{grid-row:auto;margin-bottom:6px;} .adm-corps .sbs_etape_titre,.adm-corps .sbs_etape_desc{grid-column:1;} .adm-corps .sbs_tarif{grid-template-columns:1fr;gap:4px;} .adm-corps .adm-limites{padding:18px;} .adm-corps .adm-limites::before{position:static;display:block;margin-bottom:10px;} } /* Blocs éditoriaux du corps (repères, étapes, encadrés, même sujet, photo) */ .adm-corps .adm-reperes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:28px 0;} .adm-corps .adm-repere{margin:0;background:var(--boitier);color:rgba(255,255,255,.88);border-radius:12px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 3px 0 var(--rouge-clair);max-width:none;} .adm-corps .adm-repere > strong{display:block;color:#fff;font:600 20px/1.2 var(--f-mono);hyphens:auto;overflow-wrap:break-word;} .adm-corps .adm-repere span{display:block;font-size:14.5px;line-height:1.45;} .adm-corps .adm-repere span strong{display:inline;font:inherit;font-weight:700;color:#fff;} .adm-corps ol.adm-etapes{list-style:none;margin:28px 0 12px;padding:0;display:grid;gap:12px;counter-reset:etape;} .adm-corps ol.adm-etapes > li{position:relative;counter-increment:etape;background:#fff;border:1px solid var(--trait);border-radius:12px;padding:16px 18px 16px 64px;display:flex;flex-direction:column;gap:4px;} .adm-corps ol.adm-etapes > li::before{content:counter(etape);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--boitier);color:#fff;font:600 14px/32px var(--f-mono);text-align:center;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--rouge);} .adm-corps ol.adm-etapes > li > strong{display:block;font:650 17px/1.3 var(--f-texte);color:var(--boitier);} .adm-corps ol.adm-etapes > li > span{display:block;font-size:15.5px;line-height:1.55;color:#3b4652;} .adm-corps .adm-etapes-legende{font-size:14px;line-height:1.5;color:var(--gris);margin:0 0 28px;} .adm-corps .adm-encadre{display:flex;flex-direction:column;gap:6px;border-radius:12px;padding:18px 22px;margin:28px 0;} .adm-corps .adm-encadre > strong{display:block;font:650 17px/1.3 var(--f-texte);} .adm-corps .adm-encadre > span{display:block;line-height:1.6;} .adm-corps .adm-encadre span > strong,.adm-corps .adm-encadre p > strong{display:inline;font:inherit;font-weight:700;} .adm-corps .adm-encadre--retenir{background:var(--papier);border-left:4px solid var(--vert);} .adm-corps .adm-encadre--retenir > strong{color:var(--vert);} .adm-corps .adm-encadre--alerte{background:#FBEBE9;border-left:4px solid var(--rouge);} .adm-corps .adm-encadre--alerte > strong{color:var(--rouge-fonce);} .adm-corps div.adm-meme-sujet{background:var(--papier);border-left:3px solid var(--vert);border-radius:10px;padding:16px 20px;margin:24px 0;color:var(--boitier);} .adm-corps div.adm-meme-sujet > :first-child{margin-top:0;} .adm-corps div.adm-meme-sujet > :last-child{margin-bottom:0;} .adm-corps div.adm-meme-sujet h2,.adm-corps div.adm-meme-sujet h3,.adm-corps div.adm-meme-sujet h4{display:block;font:650 17px/1.25 var(--f-texte);margin:0 0 8px;} .adm-corps div.adm-meme-sujet h2::before{content:none;} .adm-corps div.adm-meme-sujet p{font-size:15.5px;line-height:1.55;margin:0 0 8px;max-width:none;} .adm-corps figure.adm-photo-corps{margin:28px 0;width:100%;max-width:none;} .adm-corps figure.adm-photo-corps img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:14px;margin:0;box-shadow:var(--ombre-douce);} @media (max-width:560px){.adm-corps .adm-reperes{grid-template-columns:repeat(2,minmax(0,1fr));}.adm-corps .adm-repere{min-width:0;padding:14px;}.adm-corps .adm-repere > strong{font-size:16px;}.adm-corps ol.adm-etapes > li{padding-left:58px;}.adm-corps figure.adm-photo-corps img{max-height:300px;}} @media (max-width:440px){.adm-corps .adm-reperes{grid-template-columns:1fr;}} @media (min-width:700px){.adm-corps .adm-reperes:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr));}.adm-corps .adm-reperes:has(> :nth-child(5):last-child) > *{grid-column:span 2;}.adm-corps .adm-reperes:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3;}} /* Signature d'auteur */ .adm-monogramme{display:flex;align-items:center;justify-content:center;background:var(--boitier);color:#fff;font:650 20px var(--f-texte);flex:none;border-radius:50%;box-shadow:0 0 0 3px var(--papier),0 0 0 5px var(--boitier);} img.adm-portrait-auteur{object-fit:cover;flex:none;padding:0;background:var(--papier);} .adm-art-tete__meta .adm-monogramme{box-shadow:0 0 0 2px var(--papier),0 0 0 4px var(--boitier);font-size:14px;} .adm-auteur-box{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--trait);border-left:5px solid var(--vert);border-radius:var(--r-carte);box-shadow:var(--ombre-douce);padding:22px 26px;margin-top:6px;} .adm-auteur-box .adm-monogramme{margin:5px;} .adm-auteur-box__nom{font:650 20px var(--f-texte);margin:0 0 2px;} .adm-auteur-box__role{display:block;color:var(--gris);font-size:14px;margin-bottom:8px;} .adm-auteur-box__bio{color:var(--gris);font-size:15px;margin:0 0 8px;} @media (max-width:700px){ .adm-auteur-box{align-items:flex-start;padding:18px;gap:14px;} } /* Barre latérale d'article : UN seul bloc collant = formulaire (en tête) + barre de lecture + sommaire, plus court que la fenêtre */ .adm-aside-form{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 100px);} .adm-aside-form__carte{order:-1;flex:none;} .adm-aside-form__carte .adm-form{box-shadow:var(--ombre);} .adm-lecture{flex:none;background:#fff;border:1px solid var(--trait);border-radius:12px;padding:8px 14px 10px;} .adm-lecture__texte{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--gris);margin-bottom:7px;} .adm-lecture__texte strong{font-weight:650;color:var(--boitier);} .adm-lecture-progress{height:6px;background:var(--trait);border-radius:999px;overflow:hidden;} .adm-lecture-progress__barre{display:block;height:100%;width:100%;background:var(--rouge);transform:scaleX(0);transform-origin:left center;border-radius:999px;} .adm-sommaire-rail{flex:0 1 auto;min-height:84px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-left:4px solid var(--vert);border-radius:var(--r-carte);box-shadow:var(--ombre-douce);padding:12px 8px 8px 14px;overflow:hidden;} .adm-sommaire-rail .adm-sommaire-carte__titre{flex:none;font-size:15px;margin:0 0 6px;} .adm-sommaire-rail ol{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:block;margin:0;padding:0 4px 0 0;counter-reset:som;scrollbar-width:thin;} .adm-sommaire-rail li{counter-increment:som;} .adm-sommaire-rail li a{display:flex;gap:9px;align-items:baseline;padding:5px 8px;border-radius:8px;font-size:13.5px;line-height:1.3;font-weight:600;color:var(--boitier);} .adm-sommaire-rail li a::before{content:counter(som);flex:none;width:20px;height:20px;border-radius:50%;background:var(--papier);color:var(--boitier);font:600 11px/20px var(--f-mono);text-align:center;} .adm-sommaire-rail li a:hover,.adm-sommaire-rail li.est-actif a{background:var(--vert-pale);} .adm-sommaire-rail li.est-actif a::before{background:var(--boitier);color:#fff;} .adm-sommaire-rail ol.adm-defile{-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent);} .adm-sommaire-rail ol.adm-defile.adm-defile--fin{-webkit-mask-image:none;mask-image:none;} .adm-sommaire-rail .adm-sommaire-suite{display:none;font-size:12.5px;color:var(--vert);margin:6px 0 0;font-weight:600;} .adm-sommaire-rail ol.adm-defile + .adm-sommaire-suite{display:block;} .adm-sommaire-rail ol.adm-defile.adm-defile--fin + .adm-sommaire-suite{visibility:hidden;} .adm-aside-form .adm-form__entete{margin-bottom:6px;} .adm-aside-form .adm-form__progression{margin-bottom:10px;} .adm-aside-form .adm-form__question{font-size:17px;margin-bottom:9px;} .adm-aside-form .adm-form__pilules-rapides{margin:4px 0 8px;gap:6px;} .adm-aside-form .adm-form__pilule{height:34px;padding:0 11px;font-size:13px;} .adm-aside-form .adm-form__nav{margin-top:6px;} .adm-aside-form .adm-rot__pos{height:42px;font-size:14.5px;} @media (max-width:1180px){ .adm-lecture,.adm-sommaire-rail{display:none;} } /* À lire aussi : pleine largeur, jamais une case vide */ .adm-lire-aussi{margin-top:16px;} .adm-lire-aussi__grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;} /* ===================== 19. RUBRIQUE ===================== */ .adm-rub-tete__grille{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:20px 48px;align-items:center;} .adm-rub-tete__grille > *{min-width:0;} .adm-rub-tete__texte h1{font-size:clamp(32px,3.4vw,52px);line-height:1.04;margin:0 0 14px;overflow-wrap:anywhere;} .adm-rub-tete__chapo{font-size:18px;color:var(--gris);max-width:32em;margin:0 0 18px;} .adm-rub-tete__photo{grid-column:2;grid-row:1 / span 2;} .adm-rub-tete__photo .adm-lunette img{aspect-ratio:3/2;max-height:260px;} .adm-rub-filtres{display:flex;flex-wrap:wrap;gap:8px;} .adm-rub-filtres a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:var(--r-btn);border:1.5px solid var(--boitier);background:#fff;font-size:14.5px;font-weight:600;} .adm-rub-filtres a:hover{background:var(--vert-pale);} .adm-rub-filtres a.est-actif{background:var(--boitier);color:#fff;} /* trois mini-afficheurs LCD */ .adm-releves{grid-column:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;max-width:520px;} .adm-releves .adm-lcd{padding:8px 14px 9px;min-width:0;box-shadow:inset 0 2px 5px rgba(32,38,42,.2);} .adm-releves dt{font-size:12.5px;font-weight:600;color:var(--boitier);} .adm-releves dd{margin:0;font:600 24px/1.2 var(--f-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;} .adm-releves dd small{font-size:12px;margin-left:4px;font-weight:500;} .adm-releves dd.adm-releves__date{font-size:16px;line-height:1.5;} .adm-releves--ligne{margin-top:22px;max-width:480px;} .adm-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;} .adm-liste--un{grid-template-columns:minmax(0,640px);} .adm-liste--deux{grid-template-columns:repeat(2,minmax(0,1fr));} .adm-rubrique-vide{color:var(--gris);} .adm-communes-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px;} .adm-communes-grille--trois{grid-template-columns:repeat(3,minmax(0,1fr));} .adm-communes-grille .adm-carte__photo{aspect-ratio:3/2;max-height:170px;} @media (min-width:981px){ .adm-liste:has(> .adm-carte:last-child:nth-child(3n+1)) > .adm-carte:first-child{grid-column:1/-1;flex-direction:row;} .adm-liste:has(> .adm-carte:last-child:nth-child(3n+1)) > .adm-carte:first-child .adm-carte__photo{flex:0 0 52%;aspect-ratio:auto;max-height:280px;min-height:230px;} .adm-liste:has(> .adm-carte:last-child:nth-child(3n+2)) > .adm-carte:first-child{grid-column:span 2;flex-direction:row;} .adm-liste:has(> .adm-carte:last-child:nth-child(3n+2)) > .adm-carte:first-child .adm-carte__photo{flex:0 0 50%;aspect-ratio:auto;max-height:none;min-height:100%;} } @media (min-width:641px) and (max-width:980px){ .adm-liste:has(> .adm-carte:last-child:nth-child(odd)) > .adm-carte:first-child{grid-column:1/-1;} } @media (max-width:980px){ .adm-liste{grid-template-columns:repeat(2,minmax(0,1fr));} .adm-rub-tete__grille{grid-template-columns:minmax(0,1fr);} .adm-rub-tete__photo{grid-column:1;grid-row:auto;max-width:520px;} } @media (max-width:640px){ .adm-liste,.adm-liste--deux{grid-template-columns:minmax(0,1fr);} .adm-communes-grille--trois{grid-template-columns:minmax(0,1fr);} .adm-rub-tete__texte h1{font-size:clamp(28px,8.4vw,34px);} .adm-releves{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:100%;} .adm-releves .adm-lcd{padding:6px 8px;} .adm-releves dt{font-size:11.5px;overflow-wrap:anywhere;} .adm-releves dd{font-size:19px;} .adm-releves dd.adm-releves__date{font-size:13px!important;} .adm-rub-filtres a{height:38px;padding:0 13px;font-size:14px;} } /* ===================== 20. PAGE LIEU ===================== */ .adm-ville-situe{display:flex;align-items:center;gap:16px;margin-top:6px;} .adm-ville-situe__texte{display:flex;flex-direction:column;gap:2px;font-size:15px;color:var(--gris);} .adm-ville-situe__texte strong{font:650 19px var(--f-texte);color:var(--boitier);} .adm-mini-carte{flex:none;width:130px;background:#fff;border:1px solid var(--trait);border-radius:12px;padding:6px;} .adm-mini-carte svg{width:100%;height:auto;} .adm-mini-carte svg g[data-dep] path{fill:#DDE1D6;stroke:#fff;stroke-width:.6;} .adm-mini-carte svg path.commune{fill:#B9C2B2;} .adm-mini-carte svg path.commune.est-active{fill:var(--rouge);} .adm-hero--ville .adm-hero__titre{font-size:clamp(32px,3.3vw,60px);} .adm-ville-grille{display:grid;grid-template-columns:minmax(0,1fr) var(--aside);gap:40px;align-items:start;} .adm-ville-grille > *{min-width:0;} .adm-ville-aside{display:flex;flex-direction:column;gap:20px;} .adm-ville-aside__formulaire,.adm-ville-aside__carte{background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-photo);padding:16px;} .adm-ville-aside__titre{font:650 18px var(--f-texte);margin:0 0 10px;} .adm-ville-aside__liens{display:flex;flex-wrap:wrap;gap:6px;margin:0;} .adm-ville-aside__liens a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:var(--r-btn);background:#fff;border:1px solid var(--trait);font-size:14px;font-weight:600;color:var(--vert);} .adm-ville-aside__liens a:hover{border-color:var(--vert);} .adm-panneau-etroit{max-width:calc(880px + 2*var(--marge));} .adm-panneau-etroit h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:14px;} .adm-accordeons{display:grid;gap:10px;margin:18px 0;} .adm-accordeon,.adm-faq-item{background:#fff;border:1px solid var(--trait);border-left:4px solid var(--boitier);border-radius:10px;overflow:hidden;} .adm-accordeon[open],.adm-faq-item[open]{border-left-color:var(--rouge);} .adm-accordeon > summary,.adm-faq-item > summary{list-style:none;cursor:pointer;padding:14px 56px 14px 20px;position:relative;font-weight:650;} .adm-accordeon > summary::-webkit-details-marker,.adm-faq-item > summary::-webkit-details-marker{display:none;} .adm-accordeon > summary::after,.adm-faq-item > summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--papier);font:600 20px/30px var(--f-texte);text-align:center;} .adm-accordeon[open] > summary::after,.adm-faq-item[open] > summary::after{content:"–";background:var(--lcd);} .adm-accordeon summary h2,.adm-accordeon summary h3{display:inline;font-size:19px;margin:0;line-height:1.3;} .adm-accordeon__corps{padding:0 20px 16px;color:var(--boitier);} .adm-faq-item > p{padding:0 20px 14px;margin:0;color:var(--gris);} .adm-guides-utiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .adm-guide-utile{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--papier);border:1px solid var(--trait);border-left:4px solid var(--vert);border-radius:12px;} .adm-guide-utile:hover{border-color:var(--vert);} .adm-guide-utile strong{font:650 18px/1.25 var(--f-texte);} .adm-guide-utile span{font-size:15px;color:var(--gris);} @media (max-width:980px){ .adm-ville-grille{grid-template-columns:minmax(0,1fr);} .adm-guides-utiles{grid-template-columns:minmax(0,1fr);} } /* ===================== 21. PAGES ANNEXES ===================== */ .adm-bandeau{padding:30px 0 62px;} .adm-bandeau h1{font-size:clamp(30px,3.2vw,46px);line-height:1.06;} .adm-bandeau__chapo{font-size:18px;color:var(--gris);max-width:36em;margin:12px 0 0;} .adm-bandeau__chapo--role{font-weight:650;color:var(--boitier);} .adm-page-auteur__tete{display:flex;align-items:center;gap:28px;} .adm-page-simple{max-width:760px;margin-inline:auto;} .adm-recherche-form{display:flex;gap:10px;margin-top:16px;max-width:520px;} .adm-recherche-form input{flex:1;min-width:0;height:48px;padding:0 14px;border:1.5px solid var(--champ);border-radius:var(--r-champ);background:#fff;font:500 16px var(--f-texte);} .adm-404{padding:clamp(44px,8vh,90px) 0;text-align:center;} .adm-404__symbole{display:block;width:88px;height:88px;margin:0 auto 20px;} .adm-404__symbole svg{width:88px;height:88px;} .adm-404__chapo{color:var(--gris);max-width:32em;margin:12px auto 22px;} .adm-404__recherche{display:flex;gap:10px;justify-content:center;max-width:460px;margin:0 auto 20px;} .adm-404__recherche input{flex:1;min-width:0;height:48px;padding:0 14px;border:1.5px solid var(--champ);border-radius:var(--r-champ);background:#fff;font:500 16px var(--f-texte);} .adm-404__rubriques{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;} .adm-404__rubriques--gauche{justify-content:flex-start;} .adm-deux-colonnes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px;align-items:start;} .adm-deux-colonnes > *{min-width:0;} .adm-contact__form{max-width:560px;} .adm-contact__photo{height:250px;margin-bottom:18px;} .adm-reassurance-ligne{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--trait);font-size:15.5px;} .adm-reassurance-ligne svg{width:22px;height:22px;flex:none;color:var(--vert);margin-top:2px;} .adm-reassurance-ligne a{color:var(--vert);font-weight:650;text-decoration:underline;text-underline-offset:3px;} .adm-devis-seo .adm-section__chapo{margin-bottom:12px;} @media (max-width:900px){ .adm-deux-colonnes{grid-template-columns:minmax(0,1fr);gap:28px;} .adm-contact__photo{height:190px;} .adm-page-auteur__tete{flex-direction:column;align-items:flex-start;gap:16px;} } .adm-equipe__grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;} .adm-equipe-carte,.adm-carte-auteur{display:flex;gap:22px;align-items:flex-start;padding:24px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-photo);} .adm-equipe-carte h2{font-size:26px;margin-bottom:4px;} .adm-equipe-carte__role{font-weight:650;color:var(--vert);margin:0 0 10px;} .adm-equipe-carte__bio{color:var(--gris);font-size:16px;} .adm-btn--publications{height:44px;font-size:15px;margin-top:6px;} .adm-equipe__texte{margin-top:28px;} .adm-grille-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;} @media (max-width:900px){ .adm-equipe__grille,.adm-grille-2{grid-template-columns:minmax(0,1fr);} .adm-equipe-carte,.adm-carte-auteur{flex-direction:column;} } .adm-qsn-info__intro{font:650 clamp(20px,2vw,26px)/1.3 var(--f-texte);font-stretch:90%;max-width:40em;margin-bottom:26px;} .adm-qsn-info__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:stretch;} .adm-qsn-info__approche,.adm-qsn-info__couvre{padding:22px 24px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-photo);} .adm-qsn-info__approche h2,.adm-qsn-info__couvre h2{font-size:24px;margin:10px 0;} .adm-qsn-info__approche p{color:var(--gris);margin:0;} .adm-qsn-info__icone{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--boitier);color:#fff;} .adm-qsn-info__icone svg{width:24px;height:24px;} .adm-qsn-info__tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} .adm-qsn-info__tuile{display:flex;flex-direction:column;gap:6px;margin:0;padding:14px;background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);font-size:14.5px;color:var(--gris);} .adm-qsn-info__tuile strong{font:650 16px/1.25 var(--f-texte);color:var(--boitier);} .adm-qsn-info__tuile .adm-qsn-info__icone{width:38px;height:38px;} .adm-qsn-info__note{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;font-size:15.5px;color:var(--gris);} .adm-qsn-info__note svg{width:22px;height:22px;flex:none;color:var(--vert);margin-top:2px;} .adm-qsn-info__note a{color:var(--vert);font-weight:650;text-decoration:underline;} .adm-cheval-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;} .adm-etape-carte{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 18px 18px;background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);box-shadow:var(--ombre-douce);} .adm-etape-carte__pos{position:absolute;right:14px;top:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--boitier);} .adm-etape-carte__pos i{position:absolute;left:50%;top:3px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--rouge-clair);} .adm-etape-carte__pos b{color:#fff;font:600 12.5px var(--f-mono);margin-top:4px;} .adm-etape-carte__icone{color:var(--vert);} .adm-etape-carte__icone svg{width:28px;height:28px;} .adm-etape-carte strong{font:650 18px/1.25 var(--f-texte);} .adm-etape-carte p{margin:0;font-size:15px;color:var(--gris);} @media (max-width:980px){ .adm-qsn-info__grille{grid-template-columns:minmax(0,1fr);} .adm-cheval-grille{grid-template-columns:repeat(2,minmax(0,1fr));} .adm-qsn-info__tuiles{grid-template-columns:minmax(0,1fr);} } @media (max-width:560px){ .adm-cheval-grille{grid-template-columns:minmax(0,1fr);} } .adm-credits{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px;} .adm-credits__carte{margin:0;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-carte);overflow:hidden;} .adm-credits__carte img{width:100%;height:150px;object-fit:cover;} .adm-credits__carte figcaption{display:flex;flex-direction:column;gap:2px;padding:10px 14px 12px;font-size:14px;color:var(--gris);} .adm-credits__carte figcaption strong{color:var(--boitier);font-size:15px;} .adm-credits__carte a{color:var(--vert);font-weight:650;text-decoration:underline;} /* ===================== 99. MOUVEMENT RÉDUIT ===================== */ @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *,*::before,*::after{animation:none!important;transition:none!important;} [data-adm-apparait],[data-adm-apparait].est-pret{transform:none;} } /* === Passe orchestrateur 1 (03/11) === */ .adm-zone__carte-wrap svg g[data-dep] path.commune{fill:var(--vert);stroke:#fff;stroke-width:1.2;cursor:pointer;} .adm-zone__carte-wrap svg g[data-dep] path.commune.est-survolee,.adm-zone__carte-wrap svg g[data-dep] path.commune:hover,.adm-zone__carte-wrap svg g[data-dep] path.commune:focus-visible{fill:var(--rouge);} .adm-mini-carte svg g[data-dep] path.commune{fill:#B9C2B2;} .adm-mini-carte svg g[data-dep] path.commune.est-active{fill:var(--rouge);} .adm-hero__titre{font-size:clamp(34px,3.6vw,60px);} .adm-form--flottant .adm-form__etapes{display:flex;flex-direction:column;justify-content:center;} .adm-sel__guide a{white-space:nowrap;} .adm-corps .adm-repere > strong{font:650 19px/1.25 var(--f-texte);font-stretch:88%;hyphens:manual;overflow-wrap:normal;word-break:normal;} @media (max-width:560px){.adm-corps .adm-repere > strong{font-size:16px;}} .adm-hero .adm-ecran__photo img{object-position:35% 80%;} /* === Passe orchestrateur 2 (03/11) : rubrique propre, contrastes, mobile, colonne ville === */ .adm-vedette{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;color:var(--boitier);text-decoration:none;} .adm-vedette__photo{border-radius:var(--r-photo);overflow:hidden;max-height:420px;} .adm-vedette__photo img{display:block;width:100%;height:100%;max-height:396px;object-fit:cover;} .adm-vedette__position{margin:0 0 8px;font-weight:650;color:var(--rouge);} .adm-vedette__titre{font-size:clamp(26px,2.4vw,38px);line-height:1.1;margin:0 0 12px;} .adm-vedette:hover .adm-vedette__titre{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;} .adm-vedette__extrait{margin:0 0 16px;color:#3A4245;} .adm-vedette__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0;font-size:15px;} .adm-vedette__lcd{display:inline-block;padding:4px 12px;font:600 14px var(--f-mono);} .adm-index-calibres{background:var(--papier);} .adm-index__titre{font-size:clamp(24px,2vw,32px);margin:0 0 20px;} .adm-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;} .adm-index__ligne{display:grid;grid-template-columns:64px 96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);padding:12px 16px 12px 12px;color:var(--boitier);text-decoration:none;transition:border-color .15s,transform .15s;} .adm-index__ligne:hover{border-color:var(--vert);transform:translateY(-2px);} .adm-index__unite{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;height:56px;font:600 17px var(--f-mono);} .adm-index__vignette{grid-row:1 / span 2;display:block;width:96px;height:72px;border-radius:10px;overflow:hidden;background:var(--papier);} .adm-index__vignette img{width:100%;height:100%;object-fit:cover;display:block;} .adm-index__texte{display:flex;flex-direction:column;gap:4px;min-width:0;} .adm-index__texte strong{font-size:16.5px;line-height:1.25;font-weight:650;} .adm-index__texte span{font-size:14px;line-height:1.4;color:#4A524E;} .adm-index__duree{grid-column:3;font-size:13px;font-weight:600;color:var(--vert);margin-top:4px;} @media (max-width:900px){.adm-vedette{grid-template-columns:1fr;gap:20px;}.adm-index{grid-template-columns:1fr;}} @media (max-width:560px){.adm-index__ligne{grid-template-columns:52px minmax(0,1fr);}.adm-index__vignette{display:none;}.adm-index__unite{height:48px;font-size:15px;}.adm-index__duree{grid-column:2;}} .adm-corps .adm-repere a,.adm-corps .adm-encadre--alerte a,.adm-section--sombre a:not(.adm-btn){color:#fff;text-decoration:underline;text-underline-offset:3px;} .adm-mobile-panel:not(.est-ouvert){display:none;} @media (max-width:640px){.adm-lcd--cheval{bottom:10px;max-width:calc(100% - 24px);}} @media (min-width:1101px){.adm-ville-aside{display:block;align-self:stretch;}.adm-ville-aside > * + *{margin-top:20px;}.adm-ville-aside__formulaire{position:sticky;top:96px;}} @media (max-width:640px){.adm-regle__chiffres span:nth-child(n+4){display:none;}} @media (min-width:901px){.adm-index > li:last-child:nth-child(odd){grid-column:1 / -1;}} /* rubrique : photo à gauche, bande de rubriques, devis intégré (P-556) */ .adm-rub-tete__grille--inverse{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);} .adm-rub-tete__grille--inverse .adm-rub-tete__photo{grid-column:1;grid-row:1;} .adm-rub-tete__grille--inverse .adm-rub-tete__texte{grid-column:2;grid-row:1;} .adm-rub-tete__grille--inverse .adm-releves--ligne{margin-top:4px;} .adm-rub-bande{background:var(--boitier);padding:14px 0;} .adm-rub-bande .adm-rub-filtres a{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);} .adm-rub-bande .adm-rub-filtres a.est-actif{background:#fff;color:var(--boitier);border-color:#fff;} .adm-rub-bande .adm-rub-filtres a:hover{background:rgba(255,255,255,.12);} .adm-rub-devis{background:#fff;} .adm-rub-devis__grille{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;} .adm-rub-devis__texte h2{font-size:clamp(26px,2.4vw,38px);margin:0 0 12px;} .adm-rub-devis__texte p{margin:0;color:#3A4245;max-width:34em;} .adm-rub-devis__form .adm-form{background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-photo);padding:20px;box-shadow:var(--ombre-douce);} @media (max-width:980px){.adm-rub-tete__grille--inverse{grid-template-columns:minmax(0,1fr);}.adm-rub-tete__grille--inverse .adm-rub-tete__photo,.adm-rub-tete__grille--inverse .adm-rub-tete__texte{grid-column:1;grid-row:auto;}.adm-rub-devis__grille{grid-template-columns:1fr;gap:20px;}} /* message de confirmation aligné à gauche (livraison item 4) */ [data-adm-confirmation-titre],[data-adm-confirmation-titre] ~ *{text-align:left;} .adm-form__confirmation{text-align:left;}.adm-form__confirmation-cercle{margin:0 0 12px;} @media (max-width:400px){.adm-header__cta{padding-left:14px;padding-right:14px;}.adm-logo__texte{font-size:17px;}.adm-header__in{gap:8px;}} /* ===================== 100. PASSE 1 (03/11) : hero boîtier, en-tête bandeau + panneau d'écran, corrections ===================== * Un seul bloc, chaque règle préfixée par son conteneur. Plus de quadrillage millimétré en fond de bande ; la règle graduée reste en bord de bande. */ .adm-hero,.adm-art-tete,.adm-rub-tete,.adm-bandeau{background:var(--papier);} /* --- Hero : photo réelle bord à bord, titre blanc dessus, boîtier d'appareil à droite, règle étalon en bas sous le boîtier --- */ .adm-hero--boitier{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(580px,82vh,760px);padding:28px 0 66px;background:var(--boitier);color:#fff;} .adm-hero--boitier .adm-hero__fond{position:absolute;inset:0;background:var(--boitier);} .adm-hero--boitier .adm-hero__fond picture{display:block;} .adm-hero--boitier .adm-hero__fond img{position:absolute;top:0;left:18%;width:100%;height:100%;object-fit:cover;object-position:50% 70%;max-width:none;} .adm-hero--ville .adm-hero__fond img{left:0;object-position:50% 50%;} .adm-hero--boitier .adm-hero__voile{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,38,42,.92) 0%,rgba(32,38,42,.78) 22%,rgba(32,38,42,.45) 48%,rgba(32,38,42,.1) 72%,rgba(32,38,42,0) 100%);} .adm-hero--boitier .adm-hero__in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:center;} .adm-hero--boitier .adm-hero__texte{padding-right:0;text-shadow:0 2px 14px rgba(0,0,0,.35);} .adm-hero--boitier .adm-hero__titre{color:#fff;font-size:clamp(34px,3.6vw,60px);margin-bottom:16px;max-width:14em;} .adm-hero--boitier .adm-hero__titre .adm-accent{color:var(--lcd);} .adm-hero--boitier .adm-hero__chapo{color:rgba(255,255,255,.94);margin-bottom:20px;} .adm-hero--boitier .adm-hero__rassure{color:#fff;} .adm-hero--boitier .adm-hero__rassure svg{color:var(--lcd);} .adm-hero--boitier .adm-hero__cta{text-shadow:none;} .adm-hero--boitier .adm-regle{position:absolute;left:0;right:0;bottom:0;width:100%;height:54px;margin:0;border-radius:0;z-index:1;} .adm-hero--ville .adm-hero__titre{font-size:clamp(30px,3.2vw,56px);} .adm-hero--ville .adm-ville-situe__texte{color:rgba(255,255,255,.92);} .adm-hero--ville .adm-ville-situe__texte strong{color:#fff;} .adm-hero--ville .adm-ville-situe__texte .adm-lien{color:var(--lcd);text-decoration-color:var(--lcd);} .adm-hero--boitier .adm-credit-photo{position:absolute;z-index:2;left:max(var(--marge),calc((100vw - var(--conteneur))/2));bottom:62px;max-width:360px;text-align:left;color:rgba(255,255,255,.88);} .adm-boitier{position:relative;z-index:3;width:440px;max-width:100%;justify-self:end;margin-bottom:-34px;background:var(--boitier);border-radius:34px;padding:26px 28px 16px;color:#fff;box-shadow:inset 0 0 0 10px #2B3439,inset 0 0 0 11px rgba(255,255,255,.1),0 40px 70px -26px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.14);} .adm-boitier .adm-ecran__lcd{margin-bottom:14px;} .adm-boitier--lieu .adm-ecran__val{font-size:17px;} .adm-boitier__bornes{display:flex;justify-content:center;gap:24px;margin-top:12px;} .adm-borne{display:block;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5A646A,#0F1315 70%);box-shadow:0 0 0 3px #3A444A,inset 0 -2px 3px rgba(0,0,0,.6);} .adm-borne--rouge{background:radial-gradient(circle at 35% 30%,#E5524A,#B8261F 55%,#6E120E);} /* le formulaire dans le boîtier : libellés blancs, champs blancs */ .adm-form--boitier{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;color:#fff;} .adm-form--boitier .adm-form__compteur{color:rgba(255,255,255,.88);} .adm-form--boitier .adm-form__retour{color:var(--lcd);} .adm-form--boitier .adm-form__question{color:#fff;} .adm-form--boitier .adm-form__pos i{border-color:rgba(255,255,255,.6);background:transparent;} .adm-form--boitier .adm-form__pos::after{background:rgba(255,255,255,.3);} .adm-form--boitier .adm-form__pos.est-actif i{border-color:#fff;background:#fff;} .adm-form--boitier .adm-form__pos.est-fait i{border-color:var(--lcd);background:var(--lcd);} .adm-form--boitier .adm-form__pos.est-fait::after{background:var(--lcd);} .adm-form--boitier .adm-form__etapes{display:flex;flex-direction:column;justify-content:center;min-height:300px;} .adm-form--boitier .adm-rot__disque{box-shadow:inset 0 0 0 5px var(--boitier-2),inset 0 0 0 7px #6B777F,0 0 0 2px rgba(255,255,255,.35),0 10px 20px -10px rgba(0,0,0,.6);} .adm-form--boitier .adm-rot__pos,.adm-form--boitier .adm-form__pilule{background:transparent;color:#fff;border-color:rgba(255,255,255,.75);} .adm-form--boitier .adm-rot__pos:hover,.adm-form--boitier .adm-form__pilule:hover{background:rgba(255,255,255,.16);} .adm-form--boitier .adm-rot__pos.est-choisi,.adm-form--boitier .adm-form__pilule.est-choisi{background:#fff;color:var(--boitier);border-color:#fff;} .adm-form--boitier .adm-champ label,.adm-form--boitier .adm-champ__etiquette{color:rgba(255,255,255,.92);} .adm-form--boitier .adm-champ input,.adm-form--boitier .adm-champ select{border-color:#fff;} .adm-form--boitier .adm-form__indication{color:rgba(255,255,255,.88);} .adm-form--boitier .adm-form__erreur{color:#FFB9B2;} .adm-form--boitier .adm-form__case{color:#fff;} .adm-form--boitier .adm-form__case--consentement{color:rgba(255,255,255,.84);} .adm-form--boitier .adm-form__case input{accent-color:var(--lcd);} .adm-form--boitier .adm-btn:not(.adm-btn--rouge){color:#fff;border-color:rgba(255,255,255,.75);} .adm-form--boitier .adm-btn.est-desactive{background:#3B454B;border-color:#3B454B;color:#E4E8E2;} .adm-form--boitier .adm-form__confirmation h3,.adm-form--boitier .adm-form__suite li{color:#fff;} .adm-form--boitier .adm-form__suite svg{color:var(--lcd);} .adm-form--boitier .adm-form__confirmation-cercle{background:var(--lcd);color:var(--boitier);} @media (max-width:1100px){ .adm-hero--boitier{display:block;min-height:0;padding:0;} .adm-hero--boitier .adm-hero__fond,.adm-hero--boitier .adm-hero__voile{bottom:auto;height:262px;} .adm-hero--boitier .adm-hero__fond img{left:0;object-position:40% 62%;} .adm-hero--boitier .adm-hero__voile{background:linear-gradient(180deg,rgba(32,38,42,.5),rgba(32,38,42,.82));} .adm-hero--boitier .adm-hero__in{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(262px,auto);row-gap:16px;align-items:start;padding-bottom:0;} .adm-hero--boitier .adm-hero__texte{display:contents;} .adm-hero--boitier .adm-hero__titre{grid-row:1;align-self:start;padding-top:18px;margin:0;font-size:clamp(26px,7.2vw,44px);max-width:none;text-shadow:0 2px 14px rgba(0,0,0,.45);} .adm-hero--boitier .adm-hero__cta{grid-row:1;align-self:end;margin:0 0 16px;} .adm-hero--boitier .adm-boitier{grid-row:2;justify-self:center;width:100%;max-width:520px;margin:0;border-radius:28px;padding:22px 20px 14px;} .adm-hero--boitier .adm-hero__chapo{grid-row:3;margin:0;} .adm-hero--boitier .adm-hero__rassure{grid-row:4;margin:0 0 8px;} .adm-hero--boitier .adm-regle{position:relative;height:36px;} .adm-hero--boitier .adm-credit-photo{position:static;display:block;padding:0 var(--marge) 8px;max-width:none;} .adm-form--boitier .adm-form__etapes{min-height:0;} } /* --- Article : bandeau photo pleine largeur + panneau d'écran qui chevauche le bas-gauche ; formulaire remonté sur le bandeau --- */ .adm-art-bandeau{margin-top:6px;height:clamp(300px,26vw,380px);overflow:hidden;background:var(--boitier-2);} .adm-art-bandeau img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;} .adm-art-bandeau--court{height:clamp(200px,17vw,260px);} .adm-article-grille--bandeau{padding-top:0;} .adm-art-panneau{position:relative;z-index:3;background:var(--boitier);color:#fff;border-radius:22px;padding:20px 30px 24px;box-shadow:var(--ombre);max-width:800px;} .adm-article-grille--bandeau .adm-art-panneau{margin-top:-130px;} .adm-art-panneau .adm-fil-ariane{color:rgba(255,255,255,.82);padding:0 0 10px;font-size:13.5px;} .adm-art-panneau .adm-fil-ariane a{color:var(--lcd);} .adm-art-panneau__titre{color:#fff;font-size:clamp(28px,2.8vw,42px);line-height:1.08;margin:0 0 16px;text-wrap:balance;} .adm-art-panneau__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;} .adm-lcd--grandeur{display:inline-flex;align-items:center;gap:12px;padding:5px 12px;border-width:2px;font:600 13.5px var(--f-mono);white-space:nowrap;} .adm-lcd--grandeur .adm-lcd__lecture{padding-left:12px;border-left:2px solid var(--boitier);font-weight:500;} .adm-art-panneau__auteur{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.92);} .adm-art-panneau__auteur a{color:#fff;font-weight:650;text-decoration:underline;text-underline-offset:3px;} .adm-art-panneau .adm-monogramme{box-shadow:0 0 0 2px var(--boitier),0 0 0 4px #fff;background:var(--boitier-3);font-size:13px;} .adm-art-panneau__chapo{font-size:15.5px;color:rgba(255,255,255,.92);max-width:34em;} .adm-art-chapo{font-size:19px;color:var(--gris);max-width:40em;margin:0;} .adm-pan-wrap{margin-top:-80px;position:relative;z-index:3;} .adm-art-panneau--page{max-width:760px;margin-bottom:0;} .adm-article-grille--bandeau .adm-aside-form{margin-top:-70px;z-index:4;} @media (max-width:1180px){ .adm-article-grille--bandeau .adm-aside-form{margin-top:0;} .adm-article-grille--bandeau .adm-art-panneau{margin-top:-90px;} } @media (max-width:640px){ .adm-art-bandeau{height:200px;} .adm-art-bandeau--court{height:150px;} .adm-article-grille--bandeau .adm-art-panneau{margin-top:-60px;} .adm-pan-wrap{margin-top:-50px;} .adm-art-panneau{padding:16px 18px 18px;border-radius:18px;} } /* --- Contact : formulaire et photo de hauteurs proches --- */ .adm-contact .adm-deux-colonnes{align-items:stretch;} .adm-contact__cote{display:flex;flex-direction:column;} .adm-contact__photo{flex:1;height:auto;min-height:200px;margin-bottom:14px;} @media (max-width:900px){ .adm-contact__photo{flex:none;height:180px;} } /* --- Tableau « quel appareil pour quelle mesure » : 12 lignes sans défilement --- */ .adm-sel{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);} .adm-sel__defile{max-height:none;overflow:visible;} .adm-sel__carte{overflow:hidden;} .adm-sel__table th,.adm-sel__table td{padding:5px 14px;} .adm-sel__table thead th{padding-block:9px;} .adm-sel__repere{white-space:nowrap;} .adm-sel__bouton{width:30px;height:30px;} .adm-sel__bouton svg{width:16px;height:16px;} @media (max-width:980px){ .adm-sel{grid-template-columns:minmax(0,1fr);} } @media (max-width:760px){ .adm-sel__table th,.adm-sel__table td{padding:8px 10px;} .adm-sel__defile{overflow-x:auto;} } /* --- Marquage : la photo remplit son cadre (les marges blanches de la source sont rognées) --- */ .adm-mq__photo{display:block;height:150px;padding:0;border:0;line-height:0;background:var(--boitier-2);border-radius:14px;overflow:hidden;} .adm-mq__photo img{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:50% 38%;transform:scale(1.16);} /* --- Barre « Demander un devis » mobile : visible seulement quand le hero est sorti de l'écran (masquée par défaut, sans JS aussi) --- */ @media (max-width:760px){ .adm-barre-collante{transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility 0s .2s;} .adm-barre-collante.est-visible{transform:none;visibility:visible;transition:transform .2s ease;} } /* --- Bloc de contenu adm-fiches : grille 2 colonnes de fiches, jamais de carte orpheline --- */ .adm-corps .adm-fiches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0;} .adm-corps .adm-fiche{background:#fff;border:1px solid var(--trait);border-left:4px solid var(--vert);border-radius:14px;padding:18px 22px;max-width:none;min-width:0;} .adm-corps .adm-fiche__titre{display:block;font:650 18px/1.25 var(--f-texte);font-stretch:90%;margin:0 0 6px;color:var(--boitier);} .adm-corps .adm-fiche p{font-size:16px;line-height:1.55;margin:0 0 8px;max-width:none;} .adm-corps .adm-fiche > :last-child{margin-bottom:0;} .adm-corps .adm-fiches > .adm-fiche:last-child:nth-child(odd){grid-column:1 / -1;} @media (max-width:700px){ .adm-corps .adm-fiches{grid-template-columns:minmax(0,1fr);} } /* orchestrateur, après passe 1 : photo du hero sans bande vide à gauche ; grille mobile sur une seule colonne */ .adm-hero--boitier .adm-hero__fond img{left:0;object-position:55% 72%;} @media (max-width:1100px){ .adm-hero--boitier .adm-hero__in > *,.adm-hero--boitier .adm-hero__texte > *{grid-column:1 / -1;} .adm-hero--boitier .adm-hero__fond img{object-position:40% 62%;} } /* passe 2 orchestrateur : afficheur sur une ligne, blocs secteurs et critères */ .adm-ecran__lcd{white-space:nowrap;overflow:hidden;} .adm-corps .adm-secteurs{display:flex;flex-direction:column;gap:14px;margin:24px 0;} .adm-corps .adm-secteur{display:grid;grid-template-columns:220px minmax(0,1fr);gap:8px 24px;background:#fff;border:1px solid var(--trait);border-left:4px solid var(--vert);border-radius:14px;padding:18px 22px;} .adm-corps .adm-secteur__tete h3{font-size:19px;margin:0 0 10px;} .adm-corps .adm-pastilles{display:flex;flex-wrap:wrap;gap:6px;margin:0;} .adm-corps .adm-pastilles span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--lcd);color:var(--boitier);font:600 12.5px/1 var(--f-mono);} .adm-corps .adm-secteur > p{margin:0;font-size:16px;line-height:1.6;} .adm-corps .adm-criteres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;} .adm-corps .adm-critere{background:var(--papier);border-radius:14px;padding:18px 20px;border-top:4px solid var(--rouge);} .adm-corps .adm-critere h3{font-size:18px;margin:0 0 8px;} .adm-corps .adm-critere p{margin:0;font-size:15.5px;line-height:1.55;} @media (max-width:760px){.adm-corps .adm-secteur{grid-template-columns:1fr;}.adm-corps .adm-criteres{grid-template-columns:1fr;}} .adm-sel{align-items:center;} .adm-sel__compteur{display:inline-flex;align-items:baseline;gap:8px;margin:18px 0 18px;padding:10px 16px;font:600 14px var(--f-mono);} .adm-sel__compteur span{font-size:30px;line-height:1;} .adm-sel__cta{display:inline-flex;} /* contact : formulaire pleine colonne, même hauteur que la colonne photo */ @media (min-width:901px){ .adm-contact .adm-deux-colonnes{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;} .adm-contact__form{max-width:none;display:flex;} .adm-contact__form > .adm-form{flex:1;display:flex;flex-direction:column;justify-content:center;} } /* qui sommes-nous mobile : titre avant les relevés */ @media (max-width:1100px){ .adm-hero--qsn .adm-hero__texte{display:flex;flex-direction:column;} .adm-hero--qsn .adm-hero__titre{order:1;}.adm-hero--qsn .adm-hero__chapo{order:2;}.adm-hero--qsn .adm-releves{order:3;margin-top:14px;} } @media (min-width:901px){ .adm-contact__form{display:block;} .adm-contact__form > .adm-form{flex:none;display:block;} .adm-contact__photo{flex:none;height:230px;} .adm-contact .adm-deux-colonnes{align-items:start;} } .adm-sel__compteur{white-space:nowrap;font-size:13px;padding:10px 14px;}.adm-sel__compteur span{font-size:26px;} @media (max-width:900px){.adm-sel__compteur{white-space:normal;max-width:100%;}}