/* ESSP 2026 — Spectacle · Feu · Maîtrise. Styles limités au bloc. */ .essp-home { --essp-bg:#090909; --essp-bg-secondary:#111214; --essp-card:#181A1D; --essp-border:#292C31; --essp-text:#F5F5F2; --essp-text-muted:#A7A9AD; --essp-red:#D71920; --essp-red-hover:#ED1C24; --essp-fire:#F59E0B; --essp-fire-light:#FFB331; --essp-radius:16px; --essp-radius-button:10px; --essp-container:1240px; --essp-nav-height:80px; background:var(--essp-bg); color:var(--essp-text); font:400 18px/1.6 Inter,sans-serif; -webkit-font-smoothing:antialiased; width:100%; isolation:isolate; } .essp-home *, .essp-home *::before, .essp-home *::after {box-sizing:border-box} .essp-home [hidden] {display:none!important} .essp-home a {color:inherit;text-decoration:none} .essp-home button,.essp-home input,.essp-home select,.essp-home textarea {font:inherit} .essp-home button {cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .essp-home img,.essp-home video {display:block;max-width:100%} .essp-home h1,.essp-home h2,.essp-home h3 {font-family:Montserrat,sans-serif;color:var(--essp-text);font-weight:800;letter-spacing:-.04em;text-transform:none;margin:0;line-height:1.12} .essp-home h2 {font-size:clamp(30px,4vw,48px)} .essp-home h3 {font-size:clamp(24px,2.6vw,28px)} .essp-home p {margin:20px 0 0;color:var(--essp-text-muted)} .essp-home :focus-visible {outline:3px solid var(--essp-fire);outline-offset:5px} .essp-home :is(button,a,input,textarea,select) {-webkit-tap-highlight-color:transparent} .essp-home .es-container,.essp-home .es-support-grid {width:min(var(--essp-container),100%);margin-inline:auto} .essp-home .es-eyebrow,.essp-home .es-av-frame-eyebrow,.essp-home .essp-kicker {display:inline-flex;align-items:center;gap:12px;color:var(--essp-fire);font:700 12px/1.5 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px} .essp-home :is(.es-eyebrow,.es-av-frame-eyebrow,.essp-kicker)::before {content:'';width:28px;height:2px;background:linear-gradient(135deg,var(--essp-red),var(--essp-fire));flex-shrink:0} .essp-home .es-btn,.essp-home .es-support-card>a {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:var(--essp-radius-button);font:600 15px/1.4 Inter,sans-serif;transition:background .25s,transform .25s,border-color .25s} .essp-home .es-btn-primary,.essp-home .es-support-private>a {background:var(--essp-red);color:#fff} .essp-home .es-btn-primary:hover,.essp-home .es-support-private>a:hover {background:var(--essp-red-hover);transform:translateY(-2px)} .essp-home .es-btn-secondary,.essp-home .es-support-pro>a {border-color:rgba(255,255,255,.25);background:rgba(9,9,9,.3);color:var(--essp-text)} .essp-home .es-btn-secondary:hover,.essp-home .es-support-pro>a:hover {background:rgba(255,255,255,.09);transform:translateY(-2px)} /* Une seule arborescence HTML pour ordinateur et mobile. */ .essp-home .es-nav {position:sticky;top:0;z-index:100;height:var(--essp-nav-height);background:rgba(9,9,9,.97);border-bottom:1px solid var(--essp-border)} body.admin-bar .essp-home .es-nav {top:32px} .essp-home .es-nav-inner {max-width:var(--essp-container);height:100%;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px} .essp-home .es-logo {display:flex;align-items:center;gap:12px;flex-shrink:0} .essp-home .es-logo img {width:48px;height:52px;object-fit:contain} .essp-home .essp-logo-name {font:800 12px/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em;max-width:95px} .essp-home .essp-menu,.essp-home .essp-menu ul {list-style:none;padding:0;margin:0} .essp-home .essp-menu {display:flex;align-items:center;gap:2px} .essp-home .essp-menu>li {position:relative;display:flex;align-items:center} .essp-home .essp-menu a {display:flex;align-items:center;min-height:48px;padding:10px;font:600 13px/1.4 Inter,sans-serif;border-radius:8px} .essp-home .essp-menu a:hover,.essp-home .essp-menu a[aria-current=page] {color:var(--essp-fire);background:rgba(255,255,255,.04)} .essp-home .essp-menu .essp-account {border:1px solid var(--essp-border);margin-left:8px;padding-inline:16px} .essp-home .essp-sub-toggle { appearance:none!important;-webkit-appearance:none!important;display:inline-flex;align-items:center;justify-content:center; flex:0 0 24px;width:24px;min-width:0!important;min-height:48px;margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important; box-shadow:none!important;color:var(--essp-text-muted);font-size:0!important;line-height:1!important; transition:color .2s;transform:none!important; } .essp-home .essp-sub-toggle::before {content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s} .essp-home .essp-sub-toggle::after {content:none!important} .essp-home .essp-sub-toggle[aria-expanded=true]::before {transform:translateY(1px) rotate(225deg)} .essp-home .essp-menu>li:has(>.essp-sub-toggle) {gap:0;padding-right:6px;border-radius:8px;transition:background .2s} .essp-home .essp-menu>li:has(>.essp-sub-toggle)>a {padding-right:2px;background:transparent!important} .essp-home .essp-menu>li:has(>.essp-sub-toggle):is(:hover,:focus-within) {background:rgba(255,255,255,.045)} .essp-home .essp-menu>li:has(>.essp-sub-toggle):is(:hover,:focus-within)>:is(a,button) {color:var(--essp-fire)} .essp-home .essp-sub-toggle:focus-visible {outline:2px solid var(--essp-fire)!important;outline-offset:-5px} .essp-home .essp-menu ul {position:absolute;top:100%;left:0;width:260px;padding:8px;background:var(--essp-card);border:1px solid var(--essp-border);border-radius:12px;box-shadow:0 20px 60px #0005} .essp-home .essp-menu ul a {font-size:14px;padding:12px} .essp-home .essp-sub-toggle[aria-expanded=true] {color:var(--essp-fire)} .essp-home .es-burger,.essp-home .essp-menu-close {display:none} .essp-home .essp-nav-backdrop {position:fixed;inset:0;background:#000b;z-index:99} .essp-home .essp-skip {position:absolute;top:8px;left:24px;z-index:200;padding:12px;background:var(--essp-bg);transform:translateY(-200%)} .essp-home .essp-skip:focus {transform:none} /* Le hero fonctionne également si JavaScript ou la vidéo sont indisponibles. */ .essp-home .es-av-zone {position:relative;scroll-margin-top:var(--essp-nav-height)} .essp-home.essp-ready:not(.essp-reduced) .es-av-zone {height:700svh} .essp-home .es-av-stage {position:sticky;top:var(--essp-nav-height);height:calc(100svh - var(--essp-nav-height));min-height:620px;overflow:hidden;background:var(--essp-bg)} body.admin-bar .essp-home .es-av-stage {top:calc(var(--essp-nav-height) + 32px)} .essp-home .es-av-media,.essp-home .es-av-fallback,.essp-home .es-av-overlay,.essp-home .es-av-darkener {position:absolute;inset:0;pointer-events:none} .essp-home .es-av-fallback {background:radial-gradient(ellipse at 80% 30%,#D7192026,transparent 55%),linear-gradient(135deg,#181A1D,#090909 80%)} .essp-home .es-av-video {width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s} .essp-home .is-video-ready .es-av-video {opacity:1} .essp-home .es-av-overlay {background:linear-gradient(90deg,rgba(9,9,9,.83),rgba(9,9,9,.3)),linear-gradient(0deg,#090909,transparent 25%,transparent 80%,#09090950)} .essp-home .es-av-darkener {background:var(--essp-bg);opacity:.06} .essp-home .es-av-intro,.essp-home .es-av-frame {position:absolute;inset:0;display:flex;align-items:center;padding:54px max(24px,calc((100% - 1192px)/2)) 126px} .essp-home .es-av-intro-inner {width:100%;max-width:800px} .essp-home .es-av-brand {font-size:clamp(42px,5.2vw,72px);font-weight:900;line-height:1.03;max-width:800px} .essp-home .es-av-institution {font-size:14px;line-height:1.65;max-width:470px;margin-top:18px;color:#F5F5F2cc} .essp-home .es-av-show-name {margin-top:24px;font:700 clamp(20px,2.4vw,30px)/1.3 Montserrat,sans-serif;color:var(--essp-fire-light)} .essp-home .es-av-description {max-width:560px;font-size:18px;color:#F5F5F2cc} .essp-home .es-av-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .essp-home .es-av-frame {opacity:0;pointer-events:none;visibility:hidden} .essp-home .es-av-frame-inner {max-width:100%;width:100%} .essp-home .es-av-frame h2 {font-size:clamp(36px,6vw,72px);overflow-wrap:normal} .essp-home .es-av-show-top,.essp-home .es-av-show-bottom {display:block} .essp-home .es-av-show-bottom,.essp-home .fire {color:var(--essp-fire-light)} .essp-home .es-av-frame-sub {font-size:18px;color:var(--essp-text-muted)} .essp-home .es-stat-frame h2 {font-size:64px} .essp-home .es-right {text-align:right} .essp-home .essp-video-controls {position:absolute;bottom:32px;left:max(24px,calc((100% - 1192px)/2));z-index:5;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 48px)} .essp-home .es-hero-sound-btn,.essp-home .essp-pause,.essp-home .es-mobile-sound-btn {display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid #ffffff40;border-radius:10px;background:#090909b3;color:var(--essp-text);font-size:13px} .essp-home .es-hero-sound-btn[aria-pressed=true],.essp-home .es-mobile-sound-btn[aria-pressed=true] {background:var(--essp-red);color:#fff} .essp-home .es-scroll-guide {position:absolute;left:50%;bottom:40px;color:var(--essp-text-muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase} .essp-home .es-scroll-guide::after {content:'↓';display:inline-block;color:var(--essp-fire);margin-left:12px;font-size:22px} .essp-home .es-after-av {padding:120px 24px 32px;text-align:center;background:var(--essp-bg-secondary);scroll-margin-top:100px} .essp-home .es-after-av-inner {max-width:720px;margin:auto} .essp-home .es-testimonials {background:var(--essp-bg-secondary);padding:20px 24px 120px} .essp-home .es-testi-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .essp-home .es-testi-card {position:relative;overflow:hidden;aspect-ratio:9/14;background:var(--essp-card);border:1px solid var(--essp-border);border-radius:16px;transition:transform .25s,border-color .25s} .essp-home .es-testi-card:hover {transform:translateY(-4px);border-color:#ffffff40} .essp-home .es-testi-card video {width:100%;height:100%;object-fit:cover} .essp-home .es-testi-card::after {content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#090909f2,transparent);pointer-events:none} .essp-home .es-testi-city {position:absolute;bottom:24px;left:24px;right:20px;z-index:2;font:700 16px/1.4 Montserrat,sans-serif} .essp-home .es-mobile-sound-btn {position:absolute;bottom:64px;left:24px;z-index:3} .essp-home .essp-testi-pause {position:absolute;right:12px;top:12px;z-index:3} .essp-home .es-testi-loading {position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;color:var(--essp-fire);background:#09090940;opacity:0} .essp-home .is-loading .es-testi-loading {opacity:1} .essp-home .essp-video-error {position:absolute;inset:35% 20px auto;z-index:5;text-align:center;color:var(--essp-text);font-size:15px} .essp-home .es-testi-actions {margin-top:36px;text-align:center} .essp-home .es-partners {padding:120px 24px} .essp-home .es-partners-heading {max-width:720px;text-align:center;margin:0 auto 48px} .essp-home .es-partners-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .essp-home .es-partner {display:flex;align-items:center;justify-content:center;min-height:124px;padding:20px;background:#fff;border-radius:16px;transition:transform .25s} .essp-home .es-partner:hover {transform:translateY(-4px)} .essp-home .es-partner img {max-height:80px;object-fit:contain} .essp-home .es-support {padding:0 24px 120px} .essp-home .es-support-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px} .essp-home .es-support-card {padding:36px;background:var(--essp-card);border:1px solid var(--essp-border);border-radius:16px;display:flex;align-items:flex-start;flex-direction:column} .essp-home .es-support-card small {font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--essp-fire);font-weight:700} .essp-home .es-support-card h3 {margin-top:20px} .essp-home .es-support-card p {margin:16px 0 28px} .essp-home .es-support-card>a {margin-top:auto} .essp-home .es-footer {background:var(--essp-bg-secondary);border-top:1px solid var(--essp-border);padding-bottom:90px} .essp-home .es-footer-main {max-width:var(--essp-container);margin:auto;padding:48px 24px;display:grid;grid-template-columns:1.3fr 1fr auto;gap:32px;align-items:center} .essp-home .es-footer-brand {display:flex;align-items:center;gap:16px} .essp-home .es-footer-brand-logo {flex-shrink:0;width:54px} .essp-home .es-footer-brand-name {margin:0;color:var(--essp-text);font:800 16px/1.4 Montserrat,sans-serif} .essp-home .es-footer-brand-sub {font-size:13px;margin-top:8px} .essp-home .es-footer-contact {display:grid;gap:8px;font-size:14px} .essp-home .es-footer-contact a {overflow-wrap:anywhere} .essp-home .es-footer-contact i {color:var(--essp-fire);width:18px} .essp-home .es-footer-social {display:flex;align-items:center;gap:12px} .essp-home .es-footer-social a {width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:50%;background:#ffffff04;color:var(--essp-text-muted);transition:color .2s,background .2s,border-color .2s} .essp-home .es-footer-social a:hover,.essp-home .es-footer-social a:focus-visible {color:var(--essp-text);background:#ffffff0c;border-color:#ffffff36} .essp-home .es-footer-social svg {display:block;width:22px;height:22px;flex-shrink:0} .essp-home .es-footer-bottom {border-top:1px solid var(--essp-border)} .essp-home .es-footer-bottom-inner {max-width:var(--essp-container);margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--essp-text-muted)} .essp-home .es-footer-bottom-links {display:flex;gap:24px} /* Un seul formulaire : il prépare un e-mail, il n'envoie rien au serveur. */ .essp-home .es-contact-v2-fab {position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 20px;background:var(--essp-red);border:1px solid var(--essp-red);border-radius:10px;color:#fff;font-size:14px;font-weight:600} .essp-home .es-contact-v2-fab:hover,.essp-home .es-contact-v2-submit:hover {background:var(--essp-red-hover)} .essp-home .es-contact-v2-overlay {position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#090909dc} .essp-home .es-contact-v2-dialog {position:relative;width:min(1040px,100%);max-height:calc(100dvh - 48px);overflow:auto;display:grid;grid-template-columns:.85fr 1.15fr;background:var(--essp-bg-secondary);border:1px solid var(--essp-border);border-radius:16px;overscroll-behavior:contain} .essp-home .es-contact-v2-intro {padding:40px 32px;border-right:1px solid var(--essp-border);background:radial-gradient(ellipse at 0 0,#D719201c,transparent 60%);display:flex;flex-direction:column;justify-content:space-between} .essp-home .es-contact-v2-intro h2 {font-size:34px;line-height:1.15;overflow-wrap:anywhere} .essp-home .es-contact-v2-intro h2 span {display:block;color:var(--essp-fire)} .essp-home .es-contact-v2-intro h2 .es-contact-v2-title-main {color:inherit} .essp-home .es-contact-v2-eyebrow {color:var(--essp-fire);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 24px} .essp-home .es-contact-v2-intro-copy {font-size:16px} .essp-home .es-contact-v2-assurances {padding:0;list-style:none;display:grid;gap:12px;margin-top:32px;font-size:14px} .essp-home .es-contact-v2-assurances i {color:var(--essp-fire);margin-right:10px} .essp-home .es-contact-v2-direct {border-top:1px solid var(--essp-border);padding-top:24px;margin-top:36px;font-size:14px;overflow-wrap:anywhere} .essp-home .es-contact-v2-direct small {display:block;margin-bottom:8px;color:var(--essp-text-muted)} .essp-home .es-contact-v2-form-side {padding:36px;min-width:0} .essp-home .es-contact-v2-form-head {display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px} .essp-home .es-contact-v2-form-head small {font-size:12px;color:var(--essp-fire)} .essp-home .es-contact-v2-form-head h3 {font-size:24px;margin-top:10px} .essp-home .es-contact-v2-close {flex-shrink:0;width:48px;height:48px;border:1px solid var(--essp-border);border-radius:10px;color:var(--essp-text);background:var(--essp-card)} .essp-home .es-contact-v2-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px} .essp-home .es-contact-v2-field {min-width:0} .essp-home .is-wide,.essp-home .es-contact-v2-check,.essp-home .es-contact-v2-submit,.essp-home .es-contact-v2-note {grid-column:1/-1} .essp-home .es-contact-v2-label {display:block;font-size:13px;line-height:1.5;margin-bottom:8px;color:var(--essp-text)} .essp-home .es-contact-v2-control {display:block;width:100%;min-height:50px;padding:12px;border:1px solid var(--essp-border);border-radius:10px;background:var(--essp-bg);color:var(--essp-text);font-size:16px;color-scheme:dark} .essp-home .es-contact-v2-control::placeholder {color:var(--essp-text-muted);opacity:1} .essp-home textarea.es-contact-v2-control {min-height:120px;resize:vertical} .essp-home .es-contact-v2-control:user-invalid {border-color:var(--essp-red-hover)} .essp-home .es-contact-v2-check {display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--essp-text-muted)} .essp-home .es-contact-v2-check input {width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--essp-red)} .essp-home .es-contact-v2-submit {display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:14px 20px;border:0;border-radius:10px;background:var(--essp-red);color:#fff;font-size:15px;font-weight:600} .essp-home .es-contact-v2-note {font-size:13px;margin:0;line-height:1.6} .essp-home .essp-symbol {display:inline-block;width:1.1em;text-align:center;font-style:normal;line-height:1} .essp-home .essp-spinner {width:28px;height:28px;border:2px solid #ffffff30;border-top-color:var(--essp-fire);border-radius:50%;animation:essp-spin .8s linear infinite} @keyframes essp-spin {to{transform:rotate(360deg)}} @media(max-width:1100px){ .essp-home .es-burger,.essp-home .essp-menu-close {display:grid;place-items:center;width:48px;height:48px;color:var(--essp-text);background:var(--essp-card);border:1px solid var(--essp-border);border-radius:10px} .essp-home .essp-menu-close {margin:0 0 20px auto} .essp-home .essp-navigation {display:none;position:fixed;inset:0 0 0 auto;width:min(390px,92vw);height:100dvh;overflow:auto;background:var(--essp-bg-secondary);padding:24px;z-index:110;overscroll-behavior:contain} .essp-home .essp-navigation.is-open {display:block} .essp-home .essp-menu {display:block} .essp-home .essp-menu>li {flex-wrap:wrap;border-bottom:1px solid var(--essp-border)} .essp-home .essp-menu>li>a {flex:1;font-size:16px;padding:14px 8px} .essp-home .essp-sub-toggle {width:48px;flex-basis:48px} .essp-home .essp-menu ul {position:static;width:100%;box-shadow:none;margin-bottom:12px;border:0} .essp-home .essp-menu .essp-account {margin:16px 0} .essp-home .es-footer-main {grid-template-columns:1fr 1fr} .essp-home .es-footer-social {grid-column:1/-1} } @media(max-width:782px){body.admin-bar .essp-home .es-nav {top:46px}body.admin-bar .essp-home .es-av-stage {top:calc(var(--essp-nav-height) + 46px)}} @media(max-width:767px){ .essp-home {--essp-nav-height:72px;font-size:16px} .essp-home .es-nav-inner {padding-inline:20px} .essp-home .es-av-stage {min-height:650px} .essp-home .es-av-intro,.essp-home .es-av-frame {padding:40px 22px 154px} .essp-home .es-av-brand {font-size:clamp(38px,10.4vw,46px)} .essp-home .es-av-institution {font-size:13px} .essp-home .es-av-description {font-size:16px} .essp-home .es-av-actions {flex-direction:column;align-items:stretch;max-width:330px;gap:10px;margin-top:24px} .essp-home .es-av-frame h2 {font-size:clamp(28px,8.6vw,44px)} .essp-home .es-stat-frame h2 {font-size:60px} .essp-home .es-right {text-align:left} .essp-home .essp-video-controls {left:22px;bottom:66px;gap:8px} .essp-home .es-hero-sound-btn,.essp-home .essp-pause {font-size:12px;padding-inline:10px} .essp-home .es-scroll-guide {left:22px;bottom:18px;font-size:11px} .essp-home .es-after-av {padding:76px 22px 24px} .essp-home .es-testimonials {padding:20px 22px 76px} .essp-home .es-testi-grid {grid-template-columns:1fr;max-width:390px;margin:auto;gap:24px} .essp-home .es-partners {padding:76px 22px} .essp-home .es-partners-grid {grid-template-columns:1fr 1fr;gap:12px} .essp-home .es-partner {min-height:100px;padding:16px} .essp-home .es-partner:last-child {grid-column:1/-1;width:calc(50% - 6px);justify-self:center} .essp-home .es-support {padding:0 22px 76px} .essp-home .es-support-grid {grid-template-columns:1fr} .essp-home .es-support-card {padding:28px} .essp-home .es-footer-main {grid-template-columns:1fr;padding:36px 22px} .essp-home .es-footer-bottom-inner {flex-direction:column;padding:22px} .essp-home .es-contact-v2-fab {right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-height:48px;font-size:13px;padding:12px 16px} .essp-home .es-contact-v2-overlay {padding:12px} .essp-home .es-contact-v2-dialog {display:block;max-height:calc(100dvh - 24px)} .essp-home .es-contact-v2-intro {display:none} .essp-home .es-contact-v2-form-side {padding:24px 20px} .essp-home .es-contact-v2-grid {grid-template-columns:1fr;gap:18px} } /* Sans animation : hero statique puis neuf informations lisibles dans le flux. */ .essp-home.essp-reduced .es-av-zone {height:auto} .essp-home.essp-reduced .es-av-stage {position:relative;top:0!important;height:auto;min-height:0;overflow:visible} .essp-home.essp-reduced .es-av-intro {position:relative;min-height:650px} .essp-home.essp-reduced .es-av-frame {position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;padding:36px 24px;background:var(--essp-bg);text-align:left} .essp-home.essp-reduced .es-av-frame h2 {font-size:32px} .essp-home.essp-reduced .essp-video-controls {top:560px;bottom:auto} .essp-home.essp-reduced .es-scroll-guide {display:none} @media(prefers-reduced-motion:reduce){.essp-home *,.essp-home *::before,.essp-home *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}} .essp-home.essp-nav-only {position:sticky;top:0;z-index:100} .essp-home.essp-nav-only .es-nav {position:relative;top:0!important} body.admin-bar .essp-home.essp-nav-only {top:32px} @media(max-width:782px){body.admin-bar .essp-home.essp-nav-only {top:46px}} .audit-page{padding-top:0} .audit-page main{min-width:0} .audit-page .audit-shell{width:min(100% - 40px,1160px);margin-inline:auto;padding-block:72px} .audit-page h1{font-size:clamp(36px,6vw,80px);line-height:1.08;text-transform:none;letter-spacing:-.045em;margin:0 0 30px} .audit-page h2{font-size:clamp(26px,3vw,42px);line-height:1.2;text-transform:none;margin-block:36px 20px} .audit-page p,.audit-page li{color:#bbbfc3;line-height:1.7;overflow-wrap:anywhere} .audit-page main a{color:#ffb331;text-underline-offset:4px} .audit-page img{max-width:100%;height:auto} .audit-page .legal-notice{background:#111214;border:1px solid #292c31;padding:clamp(20px,4vw,50px);border-radius:16px} .audit-page .phone-numbers{display:flex;flex-wrap:wrap;gap:20px} .audit-page .last-update{margin-top:40px;color:#a7a9ad} .audit-page .es-partner-wrapper{--es-blue:#ffb331;--es-blue-light:#ffb331;background:radial-gradient(ellipse at 80% 0%,#d719201a,transparent 45%),#090909;padding:64px 20px} .audit-page .es-partner-wrapper::before{display:none} .audit-page .es-partner-hero{text-align:left;margin-bottom:60px} .audit-page .es-partner-hero h1{font-size:clamp(36px,5.8vw,76px);text-transform:none} .audit-page .es-partner-hero .es-highlight{color:#ffb331;background:none;-webkit-text-fill-color:#ffb331} .audit-page .es-partner-hero .es-highlight{text-shadow:none} .audit-page .es-partner-card h2{font-size:clamp(23px,2.5vw,30px)} .audit-page .es-partner-main-button{background:#d71920;color:#fff;border:0;text-transform:none;box-shadow:none} .audit-page .es-partner-card,.audit-page .es-partner-pack{border-color:#292c31;background:#111214} .audit-page .es-history-hero{min-height:0;padding:70px 20px;background:radial-gradient(ellipse at 80% 0%,#d7192026,transparent 55%),#090909} .audit-page .es-history-hero h1{-webkit-text-stroke:0;color:#f5f5f2;font-size:clamp(48px,8vw,100px)} .audit-page .es-history-hero h1 span{color:#ffb331;-webkit-text-stroke:0} .audit-page .es-history-wrap{max-width:1160px;margin:auto} .audit-page .es-hero-inner{max-width:1160px;margin:auto} .audit-page .es-history-lead{max-width:880px} .audit-page .es-hero-years{display:flex;gap:16px;color:#a7a9ad;margin-bottom:22px} .audit-page .es-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:36px 0} .audit-page .es-hero-stat{border-left:2px solid #ffb331;padding-left:18px} .audit-page .es-hero-stat strong{display:block;font:800 34px Montserrat,sans-serif;color:#ffb331} .audit-page .es-hero-stat span{display:block;font-size:14px;color:#bbbfc3} .audit-page .es-hero-separator{display:none} .audit-page .es-scroll-cue{max-width:1160px;margin:28px auto 0;font-size:13px;color:#a7a9ad} .audit-page .es-history-nav a.is-active{background:#ffb33112} .audit-page .es-history-nav{position:sticky;top:calc(var(--essp-nav-height,80px) + var(--essp-admin-offset,0px));z-index:80;background:#090909;border-block:1px solid #292c31;display:flex;gap:24px;padding:16px 20px} .audit-page .es-history-nav a{flex:1;min-width:0;color:#ffb331} .audit-page .es-timeline-section{padding:40px 20px 70px} .audit-page .es-era{scroll-margin-top:180px} .audit-page .es-era-heading{padding:28px 0;border-bottom:1px solid #292c31;color:#ffb331} .audit-page .es-event{display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;padding:32px 0;border-bottom:1px solid #292c31} .audit-page .es-event-year strong{display:block;font:800 38px Montserrat,sans-serif;color:#ffb331} .audit-page .es-event-year span{display:block;color:#a7a9ad} .audit-page .es-event-card h3{font-size:24px;margin:0 0 16px;text-transform:none} .audit-page .es-event-tag{display:inline-block;color:#ffb331;font-size:13px;margin-top:12px} .audit-page .es-history-photo{margin:40px 0;background:#111214;border-radius:16px;overflow:hidden} .audit-page .es-history-photo img{width:100%;max-height:520px;object-fit:contain} .audit-page figcaption{padding:20px;display:flex;gap:24px} .audit-page figcaption span span{display:block;color:#bbbfc3} .audit-page .es-history-stats{display:flex;flex-wrap:wrap;gap:28px;margin-block:28px} .audit-page .es-history-stats strong{display:block;color:#ffb331;font-size:34px} .audit-page .es-timeline-track{display:none} .audit-page .woocommerce{color:#f5f5f2} .audit-page .woocommerce form{background:#111214;border:1px solid #292c31;border-radius:16px;padding:24px} .audit-page .woocommerce input:not([type=checkbox]){width:100%;padding:12px;background:#181a1d;color:white;border:1px solid #555;border-radius:8px} .audit-page .woocommerce button{background:#d71920;color:white;padding:12px 20px;border:0;border-radius:8px} @media(max-width:767px){.audit-page .audit-shell{padding-block:36px}.audit-page .es-history-nav{gap:10px;font-size:12px;padding:12px}.audit-page .es-event{grid-template-columns:1fr;gap:14px}.audit-page .es-event-year{display:flex;align-items:center;gap:12px}.audit-page .es-history-nav span{display:block}.audit-page figcaption{flex-direction:column;gap:8px}} /* Uniquement les conteneurs parents de cette page, sans toucher au contenu. */ html:has(#auditLegal),body:has(#auditLegal){background:#090909!important} body:has(#auditLegal){margin:0!important;padding:0!important} body:has(#auditLegal) :is(.main,.main-raised,.page-content,.entry-content,.site-content,.content-area,.container,.row,.col-md-8,.col-md-10,.col-md-12,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-column-wrap,.elementor-widget-html,.elementor-widget-container,.e-con,.e-con-inner):has(#auditLegal){ width:100%!important;max-width:none!important;min-width:0!important; margin:0!important;padding:0!important; border:0!important;border-radius:0!important;box-shadow:none!important; background:#090909!important; } body:has(#auditLegal) :is(.e-con,.e-con-inner):has(#auditLegal){--container-max-width:100%;--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;gap:0!important} #auditLegal{width:100%;max-width:none;margin:0} /* Navigation commune : aucune variation de dimensions au survol. */ .essp-home[data-stable-navigation] > .es-nav{ top:var(--essp-admin-offset,0px)!important;height:var(--essp-nav-height)!important; min-height:var(--essp-nav-height)!important;margin:0!important;padding:0!important; background:#090909!important;overflow:visible!important;transition:none!important; transform:none!important;z-index:120!important; } .essp-home[data-stable-navigation] .essp-menu>li, .essp-home[data-stable-navigation] .essp-menu>li>a{ transform:none!important;transition:color .15s,background-color .15s!important; } .essp-home[data-stable-navigation] .essp-menu>li>a{font-weight:600!important;letter-spacing:normal!important} .essp-home[data-stable-navigation] .essp-sub-toggle::before{transition:none!important} .essp-home[data-stable-navigation] .essp-sub-toggle{transition:color .15s!important} .essp-home[data-stable-navigation] .essp-menu ul{ margin:0!important;transform:none!important;transition:none!important; } .essp-home[data-stable-navigation] .essp-menu ul:not([hidden]){ display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important; } .essp-home[data-stable-navigation] :is(.ess-chapters,.es-chapter-nav,.eso-chapter-nav){ top:calc(var(--essp-admin-offset,0px) + var(--essp-nav-height))!important; } .essp-home[data-stable-navigation].essp-show .es-av-stage{ top:calc(var(--essp-admin-offset,0px) + var(--essp-nav-height))!important; } html:has(.essp-home[data-stable-navigation]){margin-top:var(--essp-admin-space,0px)!important} body:has(.essp-home[data-stable-navigation]) #wpadminbar{position:fixed!important} @media(min-width:1101px){ .essp-home[data-stable-navigation] .essp-menu>li{flex-shrink:0} .essp-home[data-stable-navigation] .essp-menu ul{position:absolute!important;top:100%!important;left:0!important} .essp-home[data-stable-navigation] .essp-menu>li>a{white-space:nowrap} }
/* ESSP — initialisation compatible avec une insertion après DOMContentLoaded. */ (() => { function init(root) { if (!root || root.dataset.auditLegalInitialized) return; root.dataset.auditLegalInitialized = 'true'; const $ = selector => root.querySelector(selector); const $$ = selector => [...root.querySelectorAll(selector)]; const motion = matchMedia('(prefers-reduced-motion: reduce)'); const mobile = matchMedia('(max-width: 1100px)'); root.classList.add('essp-ready'); root.classList.toggle('essp-reduced', motion.matches); const menu = $('.essp-navigation'), burger = $('#auditLegalBurger'); const backdrop = $('.essp-nav-backdrop'), contact = $('#esContactV2Overlay'); let activeDialog = null, returnFocus = null, pageLock = null; function lockPage() { const properties = ['position','top','left','right','width','overflow']; pageLock = {x:window.scrollX,y:window.scrollY,styles:properties.map(key => [key,document.body.style.getPropertyValue(key),document.body.style.getPropertyPriority(key)])}; const values = {position:'fixed',top:`-${pageLock.y}px`,left:`-${pageLock.x}px`,right:'0',width:'100%',overflow:'hidden'}; properties.forEach(key => document.body.style.setProperty(key,values[key],'important')); } function unlockPage() { if (!pageLock) return; const saved = pageLock; pageLock = null; saved.styles.forEach(([key,value,priority]) => { if(value) document.body.style.setProperty(key,value,priority); else document.body.style.removeProperty(key); }); window.scrollTo({left:saved.x,top:saved.y,behavior:'instant'}); } const inertBefore = new Map(); const focusable = element => [...element.querySelectorAll('a[href],button,input,select,textarea,[tabindex="0"]')] .filter(el => !el.disabled && !el.closest('[hidden],[inert]') && el.getClientRects().length); function isolate(element) { for (let node = element; node && node !== document.body; node = node.parentElement) { [...node.parentElement.children].forEach(sibling => { if (sibling === node || sibling.contains(element)) return; inertBefore.set(sibling, sibling.inert); sibling.inert = true; }); } } function closeDialog(restore = true) { if (!activeDialog) return; if (activeDialog === menu) { menu.classList.remove('is-open'); menu.removeAttribute('role'); menu.removeAttribute('aria-modal'); backdrop.hidden = true; burger.setAttribute('aria-expanded','false'); burger.setAttribute('aria-label','Ouvrir le menu'); } else { contact.hidden = true; contact.setAttribute('aria-hidden','true'); } activeDialog = null; inertBefore.forEach((wasInert, el) => { el.inert = wasInert; }); inertBefore.clear(); unlockPage(); if (restore && returnFocus?.isConnected) returnFocus.focus({preventScroll:true}); } function openDialog(element) { closeDialog(false); returnFocus = document.activeElement; lockPage(); activeDialog = element; if (element === menu) { menu.classList.add('is-open'); menu.setAttribute('role','dialog'); menu.setAttribute('aria-modal','true'); backdrop.hidden = false; burger.setAttribute('aria-expanded','true'); burger.setAttribute('aria-label','Fermer le menu'); } else { contact.hidden = false; contact.setAttribute('aria-hidden','false'); } isolate(element); (element === contact ? $('#esContactV2Close') : focusable(element)[0] || element).focus({preventScroll:true}); } burger.addEventListener('click', () => openDialog(menu)); $('.essp-menu-close').addEventListener('click', () => closeDialog()); // Le fond est extérieur au dialogue et rendu inerte : clic détecté au niveau du document. document.addEventListener('pointerdown', event => { if (activeDialog === menu && !menu.contains(event.target) && event.target !== burger) closeDialog(); }); $$('[data-open-form]').forEach(button => button.addEventListener('click', () => openDialog(contact))); $('#esContactV2Close')?.addEventListener('click', () => closeDialog()); contact?.addEventListener('click', event => { if (event.target === contact) closeDialog(); }); document.addEventListener('keydown', event => { if (event.key === 'Escape') { closeDialog(); $$('.essp-sub-toggle[aria-expanded="true"]').forEach(button => setSubmenu(button,false)); } if (event.key !== 'Tab' || !activeDialog) return; const nodes = focusable(activeDialog), first = nodes[0], last = nodes.at(-1); if (!first) return; if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); } else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); } }); // Un seul contrôleur de sous-menus ; les délais sont annulés au clic/clavier. const desktopPointer=matchMedia('(min-width:1101px) and (hover:hover) and (pointer:fine)'); const submenuTimers=new Map(); function cancelSubmenuTimer(button){clearTimeout(submenuTimers.get(button));submenuTimers.delete(button);} function setSubmenu(button,open){ cancelSubmenuTimer(button); const panel=root.querySelector('#'+button.getAttribute('aria-controls')); if(!panel)return; button.setAttribute('aria-expanded',String(open));panel.hidden=!open; } function openSubmenu(button){ $$('.essp-sub-toggle').forEach(other=>setSubmenu(other,other===button)); } $$('.essp-sub-toggle').forEach(button=>{ const parent=button.parentElement; button.addEventListener('click',()=>{ const open=button.getAttribute('aria-expanded')!=='true'; if(open)openSubmenu(button);else setSubmenu(button,false); }); parent.addEventListener('pointerenter',()=>{ if(!desktopPointer.matches)return; cancelSubmenuTimer(button); if(button.getAttribute('aria-expanded')==='true')return; submenuTimers.set(button,setTimeout(()=>openSubmenu(button),120)); }); parent.addEventListener('pointerleave',()=>{ if(!desktopPointer.matches)return; cancelSubmenuTimer(button); submenuTimers.set(button,setTimeout(()=>setSubmenu(button,false),220)); }); parent.addEventListener('focusout',event=>{ if(!parent.contains(event.relatedTarget)&&!parent.matches(':hover'))setSubmenu(button,false); }); button.addEventListener('keydown',event=>{ if(event.key!=='ArrowDown')return; event.preventDefault();openSubmenu(button); root.querySelector('#'+button.getAttribute('aria-controls')).querySelector('a')?.focus(); }); }); document.addEventListener('click',event=>{ if(!menu.contains(event.target))$$('.essp-sub-toggle').forEach(button=>setSubmenu(button,false)); }); desktopPointer.addEventListener('change',()=>$$('.essp-sub-toggle').forEach(button=>setSubmenu(button,false))); root.dataset.stableNavigation='true'; const admin=document.getElementById('wpadminbar'); let adminFrame=0; function measureAdmin(){ adminFrame=0;let bottom=0; if(admin&&getComputedStyle(admin).display!=='none'){ const candidates=[admin,...admin.querySelectorAll('#wp-admin-bar-root-default>li,#wp-admin-bar-top-secondary>li')]; candidates.forEach(node=>{ if(node.getClientRects().length&&getComputedStyle(node).visibility!=='hidden')bottom=Math.max(bottom,node.getBoundingClientRect().bottom); }); } const offset=Math.max(0,Math.ceil(bottom)); root.style.setProperty('--essp-admin-offset',offset+'px'); document.documentElement.style.setProperty('--essp-admin-space',offset+'px'); } function scheduleAdmin(){if(!adminFrame)adminFrame=requestAnimationFrame(measureAdmin);} window.addEventListener('resize',scheduleAdmin,{passive:true}); if(admin&&'ResizeObserver' in window){ const observer=new ResizeObserver(scheduleAdmin);observer.observe(admin); admin.querySelectorAll('#wp-admin-bar-root-default,#wp-admin-bar-top-secondary').forEach(node=>observer.observe(node)); } document.fonts?.ready.then(scheduleAdmin);measureAdmin(); $$('.essp-menu a').forEach(link => { if (new URL(link.href).pathname.replace(/\/$/,'') === location.pathname.replace(/\/$/,'') && !link.hash) link.setAttribute('aria-current','page'); link.addEventListener('click', () => closeDialog(false)); }); mobile.addEventListener('change', () => { if (!mobile.matches && activeDialog === menu) closeDialog(); }); } const start=()=>init(document.getElementById('auditLegal')); if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start,{once:true});else start(); })();