/* SANELOR — palette officielle V3.1. Aucun service de police externe. */
:root{--navy:#0b2747;--blue:#1665db;--cyan:#00b4f0;--ink:#374151;--line:#e5e7eb;--paper:#fff;--wash:#f4f7fa;--measure:1184px}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#0756a3;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);font-weight:650;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,5.3vw,4.75rem);margin-bottom:1.5rem}h2{font-size:clamp(2rem,3.5vw,3.1rem);margin-bottom:1.3rem}h3{font-size:1.5rem;letter-spacing:-.02em;line-height:1.25}p{margin-bottom:1.1rem}strong{font-weight:650;color:var(--navy)}.wrap{width:min(var(--measure),calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-8rem;z-index:10;background:#fff;padding:1rem}.skip:focus{top:1rem}.preview-note{background:var(--navy);color:#fff;font-size:.75rem;line-height:1.4;text-align:center;padding:.5rem 1rem;letter-spacing:.025em}.site-header{padding:2rem 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:block;width:225px;min-width:175px;line-height:0;padding:.2rem 0}.brand img{width:225px;aspect-ratio:1000/203}.site-nav{display:flex;align-items:center;gap:1.7rem;font-size:.92rem;font-weight:550}.site-nav a{color:var(--navy);text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.5rem}.site-nav .nav-cta{border:1px solid var(--navy);padding:.6rem 1rem}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:650;color:#0756a3;margin-bottom:1.5rem}.eyebrow.light{color:#90dcf6}.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:5rem;padding:5.5rem 0 5rem;align-items:center}.hero .lead{max-width:580px;font-size:1.17rem;line-height:1.65}.hero .eyebrow::before{content:"";display:inline-block;width:25px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:.7rem}.actions{display:flex;flex-wrap:wrap;gap:1rem 1.8rem;align-items:center;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--blue);color:#fff;padding:.85rem 1.25rem;min-height:48px;text-decoration:none;font-size:.95rem;font-weight:600}.button:hover{background:var(--navy);text-decoration:none}.text-link{font-size:.95rem;font-weight:600}.arrow{font-weight:400}.stage{font-size:.82rem;line-height:1.5;margin-top:1.5rem;color:#596575}.reading-panel{border:1px solid #cdd8e4;border-top:4px solid var(--blue);background:#fff;padding:2rem;box-shadow:16px 16px 0 var(--wash)}.reading-panel .panel-title{font-size:1.8rem;max-width:290px}.panel-kicker{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#586676;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.5rem}.reading-row{display:grid;grid-template-columns:2rem 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.2rem 0}.reading-row .num{color:#0756a3;font-size:.8rem;padding-top:.2rem}.reading-row strong{display:block;font-size:1rem;margin-bottom:.2rem}.reading-row p{font-size:.88rem;line-height:1.55;margin:0}.panel-foot{font-size:.73rem;line-height:1.5;border-top:1px solid var(--line);padding-top:1rem;margin:0}.context-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.1rem 0;gap:2rem;font-size:.83rem}.context-strip span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:#687587}.context-strip strong{font-weight:550}.section{padding:5.5rem 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.section-head{max-width:650px;margin-bottom:2.5rem}.section-head p{max-width:580px}.section-num{font-size:.75rem;color:#0756a3;letter-spacing:.13em;text-transform:uppercase;margin-bottom:1rem}.quiet{background:var(--wash)}.body-copy p:last-child{margin-bottom:0}.principles{margin-top:3rem;border-top:1px solid #cbd5df;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding-top:1.6rem}.principles h3{font-size:1.2rem}.principles p{font-size:.94rem}.guide-list{border-top:1px solid #bdcad8}.guide-link{color:var(--navy);display:grid;grid-template-columns:3.2rem 1fr 2rem;gap:1.3rem;text-decoration:none;padding:2rem 0;border-bottom:1px solid #bdcad8;align-items:center}.guide-link:hover h3{text-decoration:underline;text-underline-offset:.2em}.guide-link .index{font-size:.85rem;color:#0756a3;align-self:start}.guide-link h3{margin-bottom:.5rem}.guide-link p{margin:0;font-size:.95rem;max-width:700px;color:var(--ink)}.guide-link .arrow{font-size:1.7rem}.professional-band{background:var(--navy);color:#dce5ee;padding:4.5rem 0}.professional-band h2,.professional-band strong{color:#fff}.professional-band .split{gap:4rem;align-items:center}.professional-band .text-link{color:#fff}.professional-band .button{background:#fff;color:var(--navy)}.participation{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem}.participation-options{border-top:1px solid var(--line)}.participation-options a{display:flex;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy);font-weight:600}.participation-options a:hover{text-decoration:underline}.participation-options small{display:block;font-size:.85rem;font-weight:400;color:var(--ink);margin-top:.2rem}.site-footer{border-top:1px solid var(--line);padding:3rem 0 1.4rem}.footer-main{display:flex;justify-content:space-between;gap:3rem;margin-bottom:2rem}.footer-brand img{width:190px}.baseline{font-size:.85rem;color:var(--navy);margin-top:.8rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;font-size:.85rem;align-items:start}.footer-bottom{padding-top:1.3rem;border-top:1px solid var(--line);font-size:.73rem;display:flex;justify-content:space-between;gap:1rem}.page-top{padding:3.5rem 0 4rem;max-width:890px}.page-top h1{font-size:clamp(2.4rem,4.7vw,4rem)}.breadcrumbs{font-size:.8rem;margin-bottom:2.5rem;display:flex;flex-wrap:wrap;gap:.65rem}.breadcrumbs a{color:#536276}.page-top .lead{font-size:1.2rem;max-width:740px}.narrow{max-width:780px}.article-layout{display:grid;grid-template-columns:230px 1fr;gap:5rem;padding-bottom:5rem}.toc{font-size:.85rem;align-self:start;border-top:2px solid var(--blue);padding-top:1rem}.toc strong{display:block;margin-bottom:1rem}.toc a{display:block;margin-bottom:.8rem;color:var(--ink)}.article-body section{margin-bottom:3.5rem}.article-body h2{font-size:2rem}.article-body h3{font-size:1.25rem;margin-top:1.7rem}.article-body li{margin-bottom:.6rem}.article-body ul,.article-body ol{padding-left:1.25rem}.note{background:var(--wash);padding:1.5rem;border-left:3px solid var(--blue);font-size:.94rem;margin:1.7rem 0}.note p:last-child{margin:0}.check-list{list-style:none;padding:0!important;counter-reset:check}.check-list>li{counter-increment:check;display:grid;grid-template-columns:2rem 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.5rem 0;margin:0}.check-list>li::before{content:counter(check,decimal-leading-zero);color:#0756a3;font-size:.83rem;margin-top:.3rem}.check-list strong{display:block;margin-bottom:.4rem}.check-list p{margin:0}.source-list{font-size:.86rem}.meta{font-size:.8rem;color:#596575;margin-top:1.5rem}.table-scroll{overflow-x:auto;margin:2rem 0}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid #ccd6e0}th{color:var(--navy);background:var(--wash);font-weight:600}caption{text-align:left;margin-bottom:.75rem;color:var(--navy);font-weight:600}.situations{margin-top:2rem}.situation{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;padding:2rem 0;border-top:1px solid var(--line)}.situation p{margin:0}.question{padding:1.6rem 0;border-top:1px solid var(--line)}.question h2{font-size:1.2rem;line-height:1.4;letter-spacing:-.01em}.options{display:flex;gap:.65rem;flex-wrap:wrap;list-style:none;padding:0!important;margin:0}.options li{border:1px solid #c7d1dc;padding:.35rem .65rem;font-size:.86rem;margin:0!important}.survey-intro{padding:1.5rem;background:var(--wash);margin-bottom:2rem}.survey-intro blockquote{margin:0;font-size:.95rem}.survey-content{margin-bottom:4rem}.survey-content h2.survey-divider{font-size:1.5rem;margin:2rem 0 1rem}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq summary{font-weight:600;color:var(--navy);cursor:pointer;min-height:32px}.faq details p{margin:1rem 0 0}.legal-review{padding-bottom:5rem}.legal-review h2{font-size:1.7rem;margin-top:2rem}
@media(min-width:1500px){.hero{padding-block:7rem}}
@media(max-width:1000px){.hero{gap:2.5rem}.reading-panel{padding:1.4rem}.site-nav{gap:1rem;font-size:.85rem}.split{gap:3rem}.article-layout{gap:3rem;grid-template-columns:190px 1fr}}
@media(max-width:760px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.site-header{padding:1.3rem 0}.header-inner{display:block}.brand,.brand img{width:200px}.site-nav{margin-top:1.3rem;gap:.6rem 1.3rem;flex-wrap:wrap;font-size:.82rem}.site-nav a{padding:.4rem 0;min-height:44px;display:inline-flex;align-items:center}.site-nav .nav-cta{border:0;padding:.4rem 0;color:#0756a3}.hero{grid-template-columns:1fr;gap:3rem;padding:3rem 0}.hero h1{max-width:620px}.hero .lead{font-size:1.08rem}.reading-panel{padding:1.5rem;box-shadow:8px 8px 0 var(--wash);max-width:560px}.reading-panel .panel-title{max-width:none;font-size:1.65rem}.reading-row{padding:1rem 0}.context-strip{gap:1rem;font-size:.8rem}.context-strip span{font-size:.6rem}.section{padding:3.5rem 0}.split,.participation,.professional-band .split{grid-template-columns:1fr;gap:2rem}.principles{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.principles p{margin-bottom:.5rem}.guide-link{grid-template-columns:1.7rem 1fr 1rem;gap:.75rem;padding:1.5rem 0}.guide-link h3{font-size:1.25rem}.professional-band{padding:3rem 0}.footer-main{display:block}.footer-links{margin-top:1.5rem}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:.4rem}.page-top{padding:2rem 0 3rem}.breadcrumbs{margin-bottom:2rem}.article-layout{display:block;padding-bottom:2rem}.toc{margin-bottom:2.5rem}.article-body h2{font-size:1.7rem}.situation{grid-template-columns:1fr;gap:.4rem;padding:1.5rem 0}.situation h3{font-size:1.3rem}.table-scroll th,.table-scroll td{padding:.7rem;min-width:140px}.note{padding:1.1rem}.actions{gap:1rem}.preview-note{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.preview-note,.toc,.actions{display:none}body{font-size:11pt;color:#000}.wrap{width:100%}.hero,.split,.article-layout{display:block}.section,.page-top{padding:1rem 0}.professional-band{background:#fff;color:#000}.professional-band h2{color:#000}a{color:inherit}.reading-panel{box-shadow:none}h1{font-size:30pt}h2{font-size:22pt}h3{break-after:avoid}p,li{orphans:3;widows:3}}

.professional-band .meta{color:#dce5ee}
.table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

.professional-band a:focus-visible{outline-color:#fff}

/* Questionnaires : cadre SANELOR, service tiers chargé à la demande. */
[hidden]{display:none!important}.survey-page{max-width:1000px}.survey-page .page-top{padding-bottom:1.5rem}.survey-shell{border:1px solid #cdd8e4;border-top:4px solid var(--blue);background:#fff;margin-bottom:1rem}.survey-gate{padding:2.5rem}.survey-gate h2{font-size:2rem}.survey-gate>p{max-width:720px}.survey-start{border:0;font:inherit;font-size:.95rem;cursor:pointer}.survey-start:focus-visible,.survey-stop:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.survey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--wash);font-size:.85rem;color:var(--navy)}.survey-stop{background:#fff;border:1px solid #aab7c6;padding:.6rem .85rem;min-height:44px;color:var(--navy);font:inherit;cursor:pointer}.survey-frame{display:block;border:0;width:100%;height:76vh;min-height:560px;background:#fff}.survey-warning{margin:0;padding:1rem 1.5rem;font-size:.78rem;border-bottom:1px solid var(--line)}.survey-status:not(:empty){font-size:.8rem;padding:1rem 1.5rem;margin:0}.survey-after{margin-bottom:4rem}noscript p{padding:1rem 1.5rem}@media(max-width:760px){.survey-gate{padding:1.25rem}.survey-gate h2{font-size:1.65rem}.survey-start{width:100%;text-align:center;white-space:normal}.survey-toolbar{align-items:flex-start;padding:1rem;flex-direction:column}.survey-frame{height:75vh;min-height:500px}.survey-warning{padding:1rem}.survey-page{width:calc(100% - 24px)}}
/* Direction SANELOR : entrée claire, publics distincts et rapport de principe. */
.hero-new{background:linear-gradient(125deg,#081e39 0%,#0b2747 68%,#10437a 100%);color:#e2eef8;padding:5.5rem 0 5rem}.hero-new-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center}.hero-new .eyebrow{color:#a6e5fa}.hero-new h1{color:white;font-size:clamp(2.8rem,5vw,4.8rem);max-width:720px}.hero-lead{font-size:1.13rem;max-width:690px;line-height:1.65}.hero-stage{font-size:.85rem;color:#cfdeeb;margin:1.5rem 0}.audience-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem}.audience-card{border:1px solid #7694ae;background:#fff;color:#0b2747;text-decoration:none;padding:1.15rem;display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem}.audience-card span{font-weight:700}.audience-card small{grid-column:1;font-size:.8rem;line-height:1.4;color:#374151}.audience-card b{grid-column:2;grid-row:1/3;align-self:center;font-size:1.3rem}.audience-card:hover{background:#eaf7ff}.hero-study{display:inline-block;color:#fff;margin-top:1.7rem;font-weight:600}.hero-new a:focus-visible{outline:3px solid #fff;outline-offset:4px}.report-preview{background:#fff;color:#374151;padding:2rem;border-top:5px solid #00b4f0;box-shadow:16px 16px 0 rgba(0,180,240,.14)}.report-head{font-size:.7rem;letter-spacing:.09em;color:#596575;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #d8e2eb;padding-bottom:1rem;margin-bottom:1.5rem}.report-preview h2{font-size:2.15rem}.report-preview>p{font-size:.9rem}.report-entry{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid #e1e7ed}.report-icon{color:#0756a3;font-size:.8rem}.report-entry strong,.report-entry small{display:block}.report-entry small{font-size:.8rem;line-height:1.45}.report-caption{border-top:1px solid #e1e7ed;padding-top:1rem;margin:0;color:#596575;font-size:.75rem!important}.site-nav{gap:1.1rem}.hero-new+.section{padding-top:5.5rem}
@media(max-width:760px){.hero-new{padding:3rem 0}.hero-new-grid{grid-template-columns:1fr;gap:2.5rem}.hero-new h1{font-size:clamp(2.5rem,9vw,3.5rem)}.hero-lead{font-size:1.05rem}.audience-options{grid-template-columns:1fr}.report-preview{padding:1.4rem;box-shadow:8px 8px 0 rgba(0,180,240,.14)}.report-preview h2{font-size:1.8rem}.hero-new+.section{padding-top:3.5rem}}
/* Palette demandée : bleu nuit uni de la proposition et fonds teintés. */
.hero-new{background:#0b2747}
body{background:#edf4fa}
.site-header{background:#f3f8fc;border-color:#d2dfec}
.section{background:#edf4fa}
.section.quiet,.quiet{background:#dfeef7}
.site-footer{background:#e4eff8;border-color:#c8dbe9}
.audience-card{background:#e8f5fc;border-color:#b5d8eb}
.audience-card:hover{background:#d4eefb}
.report-preview{background:#f3faff}
.survey-shell{background:#f8fcff}
/* Direction écran SANELOR : bleu profond, cyan et sections hiérarchisées. */
.hero-new{background:linear-gradient(118deg,#062455 0%,#063275 62%,#075091 100%);position:relative;overflow:hidden}
.hero-new-grid{position:relative;z-index:1}
.hero-new .eyebrow{color:#b9edff}
.hero-new .hero-stage{color:#d6e7f7}
.audience-card{background:#e5f7fe;border:1px solid #a6d9ed;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:background .15s ease}
.audience-card:hover{background:#c9efff}
.hero-study{display:inline-flex;align-items:center;gap:.65rem;background:#00b4f0;color:#062455;padding:.8rem 1.1rem;border-radius:6px;text-decoration:none;min-height:48px}

.report-preview{background:#f5fbff;border-radius:10px;box-shadow:0 20px 42px rgba(0,0,0,.19);border-top:5px solid #00b4f0}
.report-entry{align-items:center}.report-icon{background:#d9f3ff;color:#075381;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;flex:none;font-weight:700}
.site-header{background:#f2f8fc}.site-nav .nav-cta{background:#1665db;color:#fff;border:1px solid #1665db;border-radius:5px}
.site-nav .nav-cta:hover{background:#0b2747}.site-footer{background:#dcebf6}
.section{background:#edf6fb}.section.quiet,.quiet{background:#dbeefa}
.professional-band{background:#063275}
.professional-band a:focus-visible{outline-color:#fff}
@media(max-width:760px){.site-nav .nav-cta{background:#1665db;color:white;padding:.4rem .75rem;border-radius:5px}.hero-new{padding:3rem 0}.report-preview{box-shadow:0 12px 24px rgba(0,0,0,.15)}}
@media(prefers-reduced-motion:reduce){.audience-card{transition:none}}

/* Traits lumineux inspirés du visuel fourni, sans données techniques fictives. */
.hero-art{position:absolute;inset:0 0 0 auto;width:min(78%,1150px);height:100%;pointer-events:none;opacity:.8}.hero-new-grid{z-index:1}@media(max-width:760px){.hero-art{width:100%;opacity:.35}}
/* Repères interactifs : même réponse au survol et au clavier. */
.site-nav a{border-radius:6px;padding:.55rem .7rem;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.site-nav a:not(.nav-cta):hover,.site-nav a:not(.nav-cta):focus-visible{background:#d8f1ff;color:#064ea4;text-decoration:none;box-shadow:0 0 0 1px #78cbed,0 0 17px rgba(0,180,240,.38)}
.site-nav .nav-cta:hover,.site-nav .nav-cta:focus-visible{background:#0b2747;color:#fff;box-shadow:0 0 0 2px #74dcff,0 0 20px rgba(0,180,240,.45);text-decoration:none}
.audience-card{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.audience-card:hover,.audience-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,180,240,.28);background:#d5f2ff}
.hero-study{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hero-study:hover,.hero-study:focus-visible{box-shadow:0 0 20px rgba(0,180,240,.42);transform:translateY(-2px)}
.hero-art{animation:energy-breathe 8s ease-in-out infinite alternate}
@keyframes energy-breathe{from{opacity:.55}to{opacity:.9}}
@media(max-width:760px){.site-nav a{padding:.4rem .35rem}.site-nav .nav-cta{padding:.4rem .75rem}.hero-art{animation:none;opacity:.35}}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none}.site-nav a,.audience-card,.hero-study{transition:none}.audience-card:hover,.audience-card:focus-visible,.hero-study:hover,.hero-study:focus-visible{transform:none}}

/* Pages éditoriales : bleu SANELOR, accents sauge et ambre. */
.editorial-hero{background:linear-gradient(120deg,#071b35,#103661);color:#e7f2f9;padding:3rem 0 5rem}.editorial-hero .breadcrumbs a,.editorial-hero .breadcrumbs{color:#d3e8f2}.editorial-hero .eyebrow{color:#a6e5fa}.editorial-hero h1{color:#fff;max-width:950px}.editorial-hero .lead{max-width:760px;font-size:1.17rem}.project-stage{color:#f2d391;border-left:3px solid #e6b95a;padding-left:1rem;margin:2rem 0 0}.editorial-list{background:#edf3f4}.editorial-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:2rem}.editorial-heading p:last-child{max-width:470px}.editorial-list .guide-link{border-color:#b7cbc9}.editorial-list .guide-link:hover{background:#dceefa}.editorial-callout{background:#e4eee9;padding:4.5rem 0}.editorial-callout .section-num{color:#345d53}.editorial-callout .button{background:#0b2747}.editorial-callout .button:hover{background:#1665db}@media(max-width:760px){.editorial-hero{padding:2rem 0 3.5rem}.editorial-heading{display:block}.editorial-callout{padding:3rem 0}}

.launch-signup{margin:2rem 0;padding:2rem;border:1px solid #b7cbc9;border-left:4px solid #327c75;background:#e4eee9}.launch-signup h2{font-size:clamp(1.7rem,3vw,2.3rem)}.launch-signup>p{max-width:760px}.launch-signup .button{background:#0b2747}.launch-signup .button:hover{background:#1665db}@media(max-width:760px){.launch-signup{padding:1.25rem}}

/* Signature de marque, associée au logo dans l’en-tête. */
.header-brand{flex:none}.header-baseline{margin:.3rem 0 0;color:#0756a3;font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.005em}.brand img{display:block}@media(max-width:760px){.header-baseline{font-size:.72rem;margin-top:.3rem}}

/* En-têtes des parcours : même fond bleu que Guides et Projet. */
.audience-hero .page-top{padding:0;max-width:890px}.audience-hero .stage{color:#d6e7f5}.audience-hero .text-link{color:#c2ebff}.audience-hero .text-link:hover{color:#fff}.audience-hero a:focus-visible{outline-color:#fff}.audience-hero .button:hover{background:#e9f7ff;color:#092746}

.project-hero .text-link{color:#c2ebff}.project-hero .text-link:hover{color:#fff}.project-hero a:focus-visible{outline-color:#fff}.project-hero .button:hover{background:#e9f7ff;color:#092746}

.project-hero .project-mail{background:transparent;border:1px solid #b1e6fc;color:#fff}.project-hero .project-mail:hover{background:#e9f7ff;color:#092746}.project-contact-note{max-width:710px;margin:1.1rem 0 0;color:#d6e7f5;font-size:.8rem;line-height:1.55}.project-contact-note a{color:#c2ebff}

/* Hiérarchie typographique commune aux en-têtes des pages. */
.editorial-hero h1,.editorial-hero .page-top h1{font-size:clamp(2.4rem,4.7vw,4rem);line-height:1.12;letter-spacing:-.035em}.editorial-hero .lead,.editorial-hero .page-top .lead{font-size:1.17rem;line-height:1.65}.editorial-hero .actions .button,.editorial-hero .actions .text-link{font-size:.95rem;font-weight:600}@media(max-width:760px){.editorial-hero .lead,.editorial-hero .page-top .lead{font-size:1.05rem}}

/* Accueil et menu compact, sans scripts supplémentaires. */
.mobile-menu{display:none}.home-steps,.home-audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.home-steps>div{border-top:2px solid #00b4f0;padding:1.4rem 0}.home-steps span{font-size:.78rem;color:#0756a3}.home-steps h3{margin:.8rem 0}.home-audiences{grid-template-columns:repeat(2,1fr)}.home-audiences article{padding:2rem;background:#fff;border:1px solid #cedde9}.home-project-link{display:inline-block;color:#fff;margin:1rem}.launch-signup,.editorial-callout{background:#e9f3fb}.launch-signup{border-color:#b8d9ee;border-left-color:#1665db}.editorial-callout .section-num{color:#0756a3}.project-stage{color:#d6e7f5;border-left-color:#00b4f0}
@media(max-width:760px){.header-inner{display:flex;align-items:center}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;color:#0b2747;border:1px solid #9db8cf;border-radius:5px;padding:.55rem .75rem;font-size:.85rem;font-weight:650;white-space:nowrap}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu .site-nav{position:absolute;right:0;top:100%;z-index:8;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;width:min(260px,80vw);background:#f2f8fc;border:1px solid #b9ccdd;padding:.5rem;margin:.5rem 0 0;box-shadow:0 12px 25px #001a3540}.mobile-menu .site-nav a{padding:.6rem .8rem}.hero-new{padding:2.2rem 0 2.5rem}.hero-new h1{font-size:clamp(2.25rem,10vw,3rem);margin-bottom:1rem}.hero-new .eyebrow{margin-bottom:1rem}.hero-lead{font-size:1rem;line-height:1.45}.hero-stage{margin:.8rem 0}.audience-options{margin-top:1rem}.audience-card{padding:.8rem}.home-steps,.home-audiences{grid-template-columns:1fr}.home-audiences article{padding:1.4rem}}

/* Questionnaire visible plus tôt et accès secondaire aux espaces. */
.hero-explore{margin:1.4rem 0 0;font-size:.9rem;color:#d6e7f7}.hero-explore a{color:#c2ebff;font-weight:600}.hero-explore a:hover{color:#fff}.survey-gate h2{margin-bottom:.8rem}.survey-consent{margin-top:1rem}.survey-purpose{max-width:760px;margin:2rem 0 0}@media(max-width:760px){.survey-page .page-top{padding:1.5rem 0 1rem}.survey-page .page-top h1{font-size:2rem;margin-bottom:1rem}.survey-page .breadcrumbs{margin-bottom:1.2rem}.survey-page .page-top .meta{margin-top:0}.survey-page .page-top p:last-child{margin-bottom:0}.survey-gate{padding:1rem 1.1rem}.survey-gate h2{font-size:1.4rem}}

/* Réponse courte en tête des pages de connaissance. */
.answer-box{margin-top:0;margin-bottom:2.5rem;font-size:1rem}.answer-box strong{display:block;margin-bottom:.4rem;color:var(--navy)}

.screen{display:none}.screen:first-of-type{display:block}body:has(:target)>.screen{display:none}body>.screen:target,body>.screen:has(:target){display:block}
/* Repères de couleur : ambre pour les particuliers, turquoise pour les professionnels. */
#s-accueil .audience-card:first-child{background:#fff5e6;border-color:#efbb70;border-top:4px solid #e19b35}
#s-accueil .audience-card:nth-child(2){background:#e9f8f5;border-color:#8bcfc4;border-top:4px solid #31a999}
#s-accueil .audience-card:first-child:hover,#s-accueil .audience-card:first-child:focus-visible{background:#ffecd0;box-shadow:0 10px 30px #e6aa4a55}
#s-accueil .audience-card:nth-child(2):hover,#s-accueil .audience-card:nth-child(2):focus-visible{background:#d9f3ed;box-shadow:0 10px 30px #2eb8a755}
#s-accueil .home-audiences article:first-child{border-top:4px solid #e19b35;background:#fffbf5}
#s-accueil .home-audiences article:nth-child(2){border-top:4px solid #31a999;background:#f3fbf9}
#s-particuliers .audience-hero{border-bottom:4px solid #e19b35}
#s-professionnels .audience-hero{border-bottom:4px solid #31a999}
#s-guides .editorial-callout{background:#e6f5f4}
#s-projet .project-stage{border-left-color:#efb459}

.signup-slot iframe{width:100%;height:300px;border:0;margin-top:1rem}.signup-start{cursor:pointer}@media(max-width:760px){.signup-slot iframe{height:430px}}

/* Hiérarchie typographique : des titres plus mesurés et des repères lisibles. */
.eyebrow,.section-num{text-transform:none;letter-spacing:.02em;font-weight:600}
.hero-new h1{font-size:clamp(2.55rem,4.4vw,4.25rem);font-weight:600;line-height:1.12;letter-spacing:-.025em}
.editorial-hero h1,.editorial-hero .page-top h1{font-size:clamp(2.25rem,4vw,3.6rem);font-weight:600;line-height:1.14;letter-spacing:-.025em}
.section-head h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:600;letter-spacing:-.025em}
@media(max-width:760px){.hero-new h1{font-size:clamp(2.15rem,9vw,2.65rem);line-height:1.13}.editorial-hero h1,.editorial-hero .page-top h1{font-size:clamp(2rem,8vw,2.4rem);line-height:1.15}.eyebrow,.section-num{letter-spacing:.02em}}

/* Lisibilité et repères d'interaction sur les fonds SANELOR. */
.editorial-hero a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.signup-start{font-family:inherit;line-height:1.4;border:0;appearance:none}
.signup-start:focus-visible{outline:3px solid #0756a3;outline-offset:4px}
.editorial-hero .button{background:#fff;color:#0b2747;border:1px solid #fff}
.editorial-hero .button:hover{background:#dceefa;color:#0b2747}
.editorial-callout{border-block:1px solid #aecce0;background:#dceefa}
#s-guides .editorial-callout{background:#d6eeec;border-color:#a1cfc9}
.launch-signup{background:#dceefa;border-color:#a7c9df;border-left-color:#0756a3}
.faq details{border-color:#b8cbd9}
.article-body{max-width:72ch}
@media(max-width:760px){
 .hero-art{display:none}
 .mobile-menu summary{border-color:#53799b;min-height:44px;display:flex;align-items:center;gap:.45rem}
 .footer-links{flex-direction:column;align-items:stretch;gap:0}
 .footer-links a{display:flex;align-items:center;min-height:44px}
}

/* Les cartes des deux publics répondent au survol et au clavier. */
.home-audiences article{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
#s-accueil .home-audiences article:first-child:hover,#s-accueil .home-audiences article:first-child:focus-within{transform:translateY(-3px);background:#ffecd0;box-shadow:0 10px 30px #e6aa4a55}
#s-accueil .home-audiences article:nth-child(2):hover,#s-accueil .home-audiences article:nth-child(2):focus-within{transform:translateY(-3px);background:#d9f3ed;box-shadow:0 10px 30px #2eb8a755}
@media(prefers-reduced-motion:reduce){.home-audiences article{transition:none}#s-accueil .home-audiences article:hover,#s-accueil .home-audiences article:focus-within{transform:none}}

/* Trois repères du projet : des cartes informatives, sans fausse action. */
:is(#s-projet,#s-professionnels) .principles{border-top:0;padding-top:0;gap:1.3rem}
:is(#s-projet,#s-professionnels) .principles>div{min-height:200px;padding:1.75rem;background:#f2f8fc;border:1px solid #b9d4e8;border-top:4px solid #00a6d8;border-radius:6px;box-shadow:0 6px 20px rgba(0,113,190,.11);transition:background-color .2s ease,box-shadow .2s ease}
:is(#s-projet,#s-professionnels) .principles>div:hover{background:#e8f5fc;box-shadow:0 8px 26px rgba(0,150,210,.22)}
:is(#s-projet,#s-professionnels) .principles h3{margin-bottom:.8rem}
:is(#s-projet,#s-professionnels) .principles p{margin-bottom:0}
@media(max-width:760px){:is(#s-projet,#s-professionnels) .principles>div{min-height:0;padding:1.35rem}}
@media(prefers-reduced-motion:reduce){:is(#s-projet,#s-professionnels) .principles>div{transition:none}}

/* Direction v26 : cohérence, repérage et lecture. */
h2:not(.survey-divider){font-weight:600;letter-spacing:-.025em}
.button,.survey-stop{border-radius:6px;font-family:inherit;font-weight:600;line-height:1.4}
.survey-start{font-weight:600}
:is(#s-projet,#s-professionnels) .principles>div{min-height:0;box-shadow:0 4px 14px rgba(0,113,190,.09);transition:none}
:is(#s-projet,#s-professionnels) .principles>div:hover{background:#f2f8fc;box-shadow:0 4px 14px rgba(0,113,190,.09)}
#s-guides .editorial-callout{background:#dceefa;border-color:#aecce0}
.editorial-hero{background-image:radial-gradient(ellipse at 100% 4%,transparent 0 24%,rgba(89,190,241,.16) 24.15% 24.35%,transparent 24.5% 31%,rgba(89,190,241,.10) 31.15% 31.35%,transparent 31.5%),linear-gradient(120deg,#071b35,#103661)}
#s-participer .page-top{max-width:none}
#s-participer .page-top h1{max-width:890px}
#s-participer .participation-options{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1.8rem;max-width:890px}
#s-participer .participation-options a{border:1px solid #d7c09f;border-top:4px solid #e19b35;background:#fff5e6;border-radius:6px;padding:1.1rem 1.25rem;min-height:96px;align-items:center;box-shadow:0 4px 12px rgba(11,39,71,.07)}
#s-participer .participation-options a:nth-child(2){border-color:#9ccdc5;border-top-color:#31a999;background:#e9f8f5}
#s-participer .participation-options a:hover{background:#ffecd0}
#s-participer .participation-options a:nth-child(2):hover{background:#d9f3ed}
#s-participer .participation{display:block;padding-top:1rem;max-width:780px}
#s-participer-particuliers .survey-shell{border-top-color:#e19b35}
#s-participer-professionnels .survey-shell{border-top-color:#31a999}
#s-participer-particuliers .survey-gate{background:#fffbf5}
#s-participer-professionnels .survey-gate{background:#f3fbf9}
@media(max-width:760px){
 .editorial-hero{background-image:linear-gradient(120deg,#071b35,#103661)}
 #s-participer .page-top h1 br{display:none}
 #s-participer .participation-options{grid-template-columns:1fr;gap:.65rem;margin-bottom:1.2rem}
 #s-participer .participation-options a{min-height:70px;padding:.8rem 1rem}
 .hero-new::after{content:"";position:absolute;bottom:0;right:0;width:55%;height:55px;pointer-events:none;background:radial-gradient(ellipse at 100% 100%,transparent 0 48%,rgba(73,201,249,.45) 49% 50%,transparent 51% 60%,rgba(73,201,249,.20) 61% 62%,transparent 63%)}
}

/* Site multi-pages : un seul écran par page. */
body>.screen,body:has(:target)>.screen{display:block}