:root{--blue:#1847d7;--dark:#111d3d;--paper:#f8f5ee;--ink:#131620;--line:#d9d7d0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif}a{color:inherit}.directory-hero{padding:clamp(35px,6vw,85px) clamp(20px,6vw,90px) clamp(70px,9vw,130px);color:white;background:linear-gradient(135deg,#111d3d,#1847d7)}.directory-hero>a{font-size:13px;font-weight:900}.directory-hero p{margin:70px 0 17px;color:#a9c0ff;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.directory-hero h1{max-width:1100px;margin:0;font-size:clamp(58px,8vw,126px);line-height:.84;letter-spacing:-.07em}.directory-hero h1 em{color:#bfd0ff;font-style:normal}.directory-hero>span{max-width:750px;margin-top:30px;display:block;color:rgba(255,255,255,.72);font-size:20px;line-height:1.55}main{padding:clamp(50px,7vw,100px) clamp(20px,6vw,90px)}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.directory-grid>a{min-height:280px;padding:clamp(25px,4vw,48px);text-decoration:none;background:white;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.directory-grid>a:hover{color:white;background:var(--blue);transform:translateY(-4px)}.directory-grid b,.directory-grid span{display:block}.directory-grid b{color:var(--blue);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.directory-grid>a:hover b{color:#bfd0ff}.directory-grid span{margin-top:28px;font-size:11px;font-weight:900;text-transform:uppercase}.directory-grid h2{max-width:580px;margin:8px 0;font-size:clamp(30px,3.5vw,50px);line-height:.95;letter-spacing:-.045em}.directory-grid p{max-width:520px;color:#626878;line-height:1.55}.directory-grid>a:hover p{color:rgba(255,255,255,.72)}.sector-map{margin-top:80px;padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;color:white;background:var(--dark)}.sector-map p{color:#9db7ff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sector-map h2{margin:15px 0;font-size:clamp(38px,5vw,68px);line-height:.94;letter-spacing:-.05em}.sector-map ul{margin:0;padding:0;list-style:none}.sector-map li{padding:18px 0;display:grid;grid-template-columns:150px 1fr;gap:25px;border-top:1px solid rgba(255,255,255,.18)}.sector-map span{color:rgba(255,255,255,.65)}.icon-link{margin-top:18px;padding:28px;display:flex;justify-content:space-between;gap:25px;color:white;background:var(--blue);text-decoration:none}.icon-link span{font-size:11px;font-weight:900;text-transform:uppercase}.icon-link strong{font-size:18px}footer{padding:35px clamp(20px,6vw,90px);color:#6b7180;border-top:1px solid var(--line)}@media(max-width:760px){.directory-grid,.sector-map{grid-template-columns:1fr}.directory-grid>a{min-height:230px}.sector-map{gap:20px}.sector-map li{grid-template-columns:1fr;gap:5px}.icon-link{align-items:flex-start;flex-direction:column}}

/* Lecture confortable à toutes les largeurs — 15 octobre 2026. */
body { font-size: clamp(20px, calc(12px + .5vw), 28px); line-height: 1.65; }
a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.directory-hero, main, footer { padding-inline: clamp(22px, 4.5vw, 160px); }
.directory-hero > a { display: inline-flex; min-height: 48px; align-items: center; font-size: clamp(18px, .7vw, 24px); }
.directory-hero p, .directory-grid b, .directory-grid span, .sector-map p, .icon-link span { font-size: clamp(16px, .6vw, 20px); line-height: 1.5; letter-spacing: .08em; }
.directory-hero h1 { max-width: 1700px; font-size: clamp(54px, 5vw, 150px); line-height: 1.05; letter-spacing: -.05em; }
.directory-hero > span { max-width: 62ch; font-size: clamp(21px, calc(14px + .45vw), 30px); line-height: 1.7; }
.directory-grid { gap: clamp(22px, 2vw, 45px); border: 0; }
.directory-grid > a { padding: clamp(28px, 3vw, 70px); border: 1px solid var(--line); border-radius: 16px; }
.directory-grid h2 { margin: 14px 0 20px; font-size: clamp(34px, calc(22px + 1vw), 60px); line-height: 1.15; letter-spacing: -.025em; overflow-wrap: anywhere; }
.directory-grid p { color: #444c5e; font-size: inherit; line-height: 1.65; }
.directory-grid span { margin-top: 24px; }
.sector-map { gap: clamp(35px, 4vw, 100px); }
.sector-map h2 { line-height: 1.1; }
.sector-map li { grid-template-columns: minmax(180px, .4fr) 1fr; padding: 25px 0; gap: 30px; }
.sector-map span { color: rgba(255,255,255,.86); }
.icon-link { margin-top: 30px; padding: 35px; align-items: center; }
.icon-link strong { font-size: clamp(22px, 1vw, 32px); }
footer { font-size: clamp(18px, .65vw, 22px); color: #4b5260; }
@media (max-width: 1100px) { .sector-map { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
 body { font-size: 18px; }
 .directory-hero h1 { font-size: clamp(43px, 9vw, 66px); line-height: 1.08; }
 .directory-hero p { margin-top: 48px; }
 .directory-hero > span { font-size: 20px; }
 .directory-grid h2 { font-size: 32px; }
 .sector-map li { grid-template-columns: 1fr; gap: 8px; }
 .icon-link { align-items: flex-start; padding: 27px; }
}