@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;650;700;750;800&display=swap');
:root{--forest:#00562c;--leaf:#69a92f;--ochre:#d99800;--cream:#f5f3ea;--ink:#163c2b;--muted:#526458;--line:#d5ddd2;--pale:#eaf0e2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--cream);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,.wordmark,.signature{font-family:Montserrat,system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.17;letter-spacing:-.045em;margin-bottom:24px}h3{line-height:1.3}em{font-style:normal;color:var(--leaf)}p{margin-bottom:20px}a:focus-visible,button:focus-visible{outline:3px solid var(--ochre);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;z-index:10;top:8px;left:16px;background:white;padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{background:var(--cream);border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:112px}.wordmark{font-size:29px;font-weight:800;letter-spacing:.13em;text-decoration:none;line-height:1.2;color:var(--forest)}.wordmark span{display:block;font-family:system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.04em;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}.site-header nav a{text-decoration:none;padding-block:12px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.site-header .nav-contact{border:1px solid var(--forest);padding:10px 17px;border-radius:3px;display:flex;gap:25px}.menu-toggle{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:var(--forest);margin-bottom:25px}.dot{display:inline-block;background:var(--leaf);width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:1px}.hero{display:grid;grid-template-columns:1.3fr .85fr;gap:60px;align-items:center;padding-block:70px 80px}.hero h1{font-size:clamp(40px,4.4vw,58px);line-height:1.06;letter-spacing:-.052em;color:var(--forest);margin-bottom:27px}.hero h1 span{color:var(--ink)}.hero-intro{max-width:500px;font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 23px;min-height:52px;background:var(--forest);color:white;font-size:14px;font-weight:600;text-decoration:none;border-radius:3px;transition:background .2s}.button:hover{background:#0a6c3d}.button span{font-size:21px;line-height:1}.hero-identity{align-self:center}.logo-field{background:white;padding:32px;border-radius:48% 48% 3px 3px}.logo-field img{width:100%;display:block;min-width:120px;aspect-ratio:1;object-fit:contain}.signature{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:flex;justify-content:center;gap:10px;padding:20px 0 17px;margin:0;border-bottom:1px solid var(--line)}.signature span{color:var(--ochre)}.identity-caption{font-size:14px;line-height:1.6;text-align:center;color:var(--muted);margin:18px 0 0}.association-section{background:white;padding-block:70px}.intro-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:85px}.intro-grid h2{margin-bottom:0}.official-name{font-weight:650;color:var(--forest);line-height:1.55}.intro-copy{padding-top:4px}.intro-copy p:not(.official-name){color:var(--muted)}.text-link{font-size:14px;font-weight:650;text-underline-offset:5px}.text-link span{margin-left:12px}.actions-section{padding-block:76px 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;color:var(--muted);font-size:15px;margin:0}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.action-grid article{border-top:2px solid var(--forest);padding-top:22px}.action-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.index{font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted)}.action-top svg{width:37px;height:37px;stroke:var(--forest);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.action-grid h3{font-size:24px;letter-spacing:-.035em;margin-bottom:17px}.action-grid p{font-size:15px;color:var(--muted);margin-bottom:22px}.action-grid .action-note{font-size:12px;color:var(--forest);font-weight:650;padding-left:13px;border-left:3px solid var(--ochre);margin-bottom:0}.sites-section{padding-block:60px 80px;border-top:1px solid var(--line)}.site-list{border-top:1px solid var(--line)}.site-list article{display:grid;grid-template-columns:50px 1.2fr 1fr auto;align-items:center;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.site-number{font-family:Georgia,serif;font-size:31px;font-style:italic;color:var(--leaf)}.site-location{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:650;color:var(--muted);margin:0 0 5px}.site-list h3{font-size:23px;letter-spacing:-.04em;margin:0}.site-list article>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.site-link{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.site-link:hover{text-decoration:underline;text-underline-offset:5px}.site-link span{margin-left:20px;font-size:20px}.contact-section{background:var(--forest);color:var(--white);padding-block:70px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-section .eyebrow{color:#c4dea8}.contact-section h2{font-size:clamp(36px,4vw,50px);margin-bottom:20px}.contact-section p:not(.eyebrow):not(.detail-label){font-size:16px;color:#e1ebdf;max-width:480px}.button-light{background:var(--cream);color:var(--forest);margin-top:10px}.button-light:hover{background:#e3eacb}.contact-details{border-left:1px solid #498460;padding-left:55px;display:flex;flex-direction:column;justify-content:center;gap:35px}.detail-label{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.12em;color:#c4dea8;margin:0 0 10px}.email{font-size:clamp(16px,1.7vw,21px);text-underline-offset:6px;overflow-wrap:anywhere}address{font-style:normal;font-size:17px;line-height:1.7}.information-section{padding-block:65px}.information-section h2{font-size:30px;letter-spacing:-.04em;margin-bottom:20px}.information-section .official-name{max-width:700px;font-size:16px}.identity-grid{display:grid;grid-template-columns:1.35fr 1.2fr 1fr .8fr;gap:24px;margin:35px 0}.identity-grid dt{font-size:10px;line-height:1.6;font-weight:650;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;color:var(--muted)}.identity-grid dd{font-size:13px;line-height:1.7;margin:0}.identity-grid strong{font-weight:650}.domain-note{font-size:12px;color:var(--muted);padding-top:22px;border-top:1px solid var(--line);margin:0}.site-footer{border-top:1px solid var(--line);padding-block:26px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.footer-inner p{margin:0}.footer-inner strong{color:var(--forest);font-size:17px;letter-spacing:.12em;margin-right:22px}.footer-inner p span{color:var(--muted)}.footer-inner a{text-decoration:none}.footer-inner a span{font-size:17px;margin-left:15px}
@media(min-width:1500px){.hero{padding-block:90px 100px}.hero h1{font-size:65px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:32px;grid-template-columns:1.2fr .9fr}.site-header nav{gap:20px}.logo-field{padding:24px}.signature{font-size:8px;gap:6px}.intro-grid{gap:45px}.action-grid{gap:26px}.site-list article{gap:18px;grid-template-columns:35px 1.3fr 1fr auto}.site-list h3{font-size:20px}.contact-grid{gap:40px}.contact-details{padding-left:32px}.identity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:92px;flex-wrap:wrap;gap:0}.wordmark{font-size:25px}.wordmark span{font-size:10px}.site-header nav{width:100%;padding:15px 0 22px;flex-wrap:wrap;gap:6px 23px;font-size:13px}.site-header .nav-contact{padding:8px 13px;gap:15px}.js .menu-toggle{display:flex;align-items:center;gap:14px;color:var(--forest);padding:8px 12px;background:transparent;border:1px solid var(--line);border-radius:3px;font-size:13px}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.hero{grid-template-columns:1fr;padding-block:42px 48px;gap:40px}.hero h1{font-size:clamp(38px,10vw,58px)}.hero h1 br{display:none}.hero h1 span{display:block;margin-top:7px}.hero h1 span br{display:none}.hero-intro{font-size:16px;max-width:480px}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:20px}.hero-identity{width:min(310px,88%);justify-self:center}.logo-field{padding:22px}.signature{font-size:8px;gap:8px;padding-block:17px}.identity-caption{font-size:12px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-grid h2 br{display:none}.intro-grid h2{max-width:350px}.intro-grid h2 em{display:block}.association-section{padding-block:46px}.intro-copy p{font-size:15px}.text-link{font-size:13px}.actions-section{padding-block:48px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:32px}.section-heading>p{font-size:14px}.action-grid{grid-template-columns:1fr;gap:32px}.action-top{margin-bottom:14px}.action-grid h3{font-size:23px}.action-grid h3 br{display:none}.action-grid p{max-width:520px}.sites-section{padding-block:45px}.site-list article{grid-template-columns:28px 1fr;gap:13px;padding-block:23px}.site-list article>p{grid-column:2}.site-link{grid-column:2}.site-link span{margin-left:14px}.site-number{font-size:26px}.site-list h3{font-size:22px}.contact-section{padding-block:48px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-details{border-left:0;border-top:1px solid #498460;padding:30px 0 0;gap:26px}.email{font-size:18px}.contact-section p:not(.eyebrow):not(.detail-label){font-size:15px}.information-section{padding-block:42px}.information-section h2{font-size:28px}.identity-grid{grid-template-columns:1fr;gap:23px;margin:28px 0}.identity-grid dt{margin-bottom:5px}.identity-grid dd{font-size:14px}.footer-inner{align-items:start}.footer-inner p span{display:block;margin-top:7px;font-size:10px}.footer-inner a{white-space:nowrap;font-size:10px}.footer-inner a span{margin-left:5px}.footer-inner strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Gouvernance : composition de l’organigramme structurel de septembre 2026. */
.bureau-section{background:#fff;padding-block:64px 70px;border-top:1px solid var(--line)}
.bureau-section .section-heading{margin-bottom:38px}.bureau-section .section-heading>p{max-width:365px}
.governance-chart{position:relative}.council-node{display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;margin:0 auto;padding:18px 28px;background:var(--pale);border:1px solid #c7d4bb;border-radius:4px;position:relative}
.council-mark{font-family:Montserrat,system-ui,sans-serif;font-size:36px;font-weight:650;line-height:1;color:var(--forest)}
.council-title{font-family:Montserrat,system-ui,sans-serif;font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.4;margin:0 0 3px}.council-caption{color:var(--muted);font-size:12px;margin:0;line-height:1.5}
.council-node:after{content:"";position:absolute;top:100%;left:50%;height:25px;border-left:1px solid #b0c2a3}
.bureau-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:49px;position:relative}
.bureau-grid:before{content:"";position:absolute;top:24px;left:calc((100% - 56px)/6);right:calc((100% - 56px)/6);border-top:1px solid #b0c2a3}
.bureau-lane{position:relative}.bureau-lane:before{content:"";position:absolute;bottom:100%;left:50%;height:25px;border-left:1px solid #b0c2a3}
.bureau-lane h3{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.1em;color:var(--forest);text-align:center;margin:0 0 16px}.bureau-lane dl{display:grid;gap:12px;margin:0}
.bureau-person{padding:18px 22px;background:var(--cream);border:1px solid #e0e4d9;border-radius:4px;min-height:98px;display:flex;flex-direction:column;justify-content:center}
.bureau-person dt{font-size:12px;color:var(--muted);margin-bottom:5px}.bureau-person dd{font-family:Montserrat,system-ui,sans-serif;font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.45;margin:0}
.bureau-president{background:var(--forest);border-color:var(--forest);color:white}.bureau-president dt{color:#d1e4bc}
.council-members{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.council-members>p{max-width:240px;margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.council-members ul{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0;padding:0;list-style:none;font-size:14px}.council-members li:before{content:"";display:inline-block;width:5px;height:5px;margin-right:9px;vertical-align:2px;background:var(--ochre);border-radius:50%}
@media(min-width:721px) and (max-width:1000px){.header-inner{flex-wrap:wrap;gap:14px;padding-block:22px;justify-content:center}.site-header nav{justify-content:center;gap:20px;width:100%}.bureau-grid{gap:18px}.bureau-grid:before{left:calc((100% - 36px)/6);right:calc((100% - 36px)/6)}.bureau-person{padding:17px 15px}.bureau-person dd{font-size:16px}.council-members{align-items:start;flex-direction:column;gap:14px}.council-members>p{max-width:none}}
@media(max-width:720px){.bureau-section{padding-block:45px}.bureau-section .section-heading{margin-bottom:28px}.council-node{padding:17px 18px;gap:14px;width:100%}.council-mark{font-size:32px}.council-title{font-size:16px}.council-caption{font-size:11px}.council-node:after{left:14px;height:25px}.bureau-grid{grid-template-columns:1fr;gap:24px;padding-top:25px;padding-left:29px}.bureau-grid:before{top:0;bottom:0;left:14px;right:auto;border-top:0;border-left:1px solid #b0c2a3}.bureau-lane:before{top:8px;left:-15px;bottom:auto;width:15px;height:0;border-left:0;border-top:1px solid #b0c2a3}.bureau-lane h3{text-align:left;margin-bottom:12px;font-size:11px}.bureau-person{padding:16px 18px;min-height:88px}.bureau-person dd{font-size:17px}.bureau-lane dl{gap:9px}.council-members{align-items:start;flex-direction:column;gap:14px;margin-top:26px;padding-top:22px}.council-members>p{max-width:none}.council-members ul{flex-direction:column;gap:9px}}
