:root{
  --ciel-profond:#1F3557; --encre:#1E2430; --gris:#5C6779; --papier:#F7F9FC;
  --ciel:#DCE7F5; --ligne:#C9D6E8; --lien:#2A4F86;
}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--papier);color:var(--encre);font-family:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;font-optical-sizing:auto;line-height:1.62}
a{color:var(--lien);text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--ciel-profond);outline-offset:3px}
.ciel{background:linear-gradient(180deg,#132743 0%,#1F3557 38%,#6F93C2 78%,var(--ciel) 100%);color:#fff;padding:5.5rem 1.5rem 3.5rem}
.ciel .cadre{max-width:64rem;margin:0 auto}
.marque{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:300;letter-spacing:-.02em;line-height:1;margin:0 0 .35em}
.marque small{display:block;font-size:.34em;font-weight:400;letter-spacing:.02em;margin-top:.55em;opacity:.9}
.accroche{max-width:34em;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.45;margin:0;color:#EAF1FB}
nav.fil{max-width:64rem;margin:0 auto;padding:1rem 1.5rem;display:flex;gap:1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--ligne)}
nav.fil a{color:var(--ciel-profond);text-decoration:none}
nav.fil a:hover{text-decoration:underline}
main{max-width:64rem;margin:0 auto;padding:1rem 1.5rem 3rem}
section{padding:2.6rem 0;border-bottom:1px solid var(--ligne)}
section:last-of-type{border-bottom:0}
h2{font-size:1.75rem;font-weight:500;letter-spacing:-.01em;margin:0 0 .8rem;color:var(--ciel-profond)}
h3{font-size:1.2rem;font-weight:500;margin:1.6rem 0 .3rem;color:var(--ciel-profond)}
p{max-width:64ch;margin:.55rem 0}
.colonnes{display:grid;gap:.5rem 3rem;grid-template-columns:1fr}
@media(min-width:760px){.colonnes{grid-template-columns:1fr 1fr}}
.participations{display:grid;gap:1.4rem;grid-template-columns:1fr;margin-top:.8rem}
@media(min-width:760px){.participations{grid-template-columns:repeat(3,1fr)}}
.participations article{padding:1.2rem 1.3rem;border-left:3px solid var(--ciel-profond);background:#fff}
.participations h3{margin-top:0}
.participations p{font-size:.98rem}
.participations .part{color:var(--gris);font-size:.92rem;margin-top:.9rem}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.2rem;margin:.6rem 0}
dt{color:var(--gris)}
dd{margin:0}
footer{background:#fff;border-top:1px solid var(--ligne);padding:2rem 1.5rem;color:var(--gris);font-size:.95rem}
footer .cadre{max-width:64rem;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){.ciel{background-attachment:scroll}}