:root{--ink:#193b3e;--green:#35665f;--light:#f4f2e9;--cream:#fbfaf5;--line:#dbe3dc;--orange:#d8966a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif;background:var(--cream)}a{color:inherit}header{background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #e7ece7}.bar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 28px;gap:20px}.brand{text-decoration:none;display:flex;gap:11px;align-items:center;line-height:1.2}.mark{border:1px solid #639087;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font:italic 25px Georgia}.brand strong{font:700 18px Georgia}.brand small{display:block;font:10px system-ui;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.nav{display:flex;gap:26px;align-items:center}.nav a{text-decoration:none;font-size:13px;font-weight:650}.nav .button{background:var(--ink);color:white;padding:10px 17px;border-radius:4px}.menu{display:none;background:none;border:1px solid #ccd8d1;border-radius:4px;padding:8px 12px;color:var(--ink)}.hero{background:linear-gradient(115deg,#e9ede4 0%,#d8e5dd 60%,#b5d3c9 100%);overflow:hidden}.hero-inner{max-width:1200px;margin:auto;min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:75px 28px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.2em;color:#507a70}h1,h2,h3{font-family:Georgia,serif;line-height:1.1}h1{font-size:clamp(42px,5.7vw,74px);font-weight:400;margin:18px 0 22px;letter-spacing:-.04em}h1 em{color:#5c8a79;font-weight:400}h2{font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-.025em;margin:10px 0 20px}h3{font-size:22px;font-weight:400;margin:0 0 12px}.lead{max-width:560px;color:#4e6862;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-block;text-decoration:none;font-size:13px;font-weight:700;padding:13px 19px;border-radius:4px;background:var(--ink);color:white}.btn.outline{background:transparent;color:var(--ink);border:1px solid #8ca89c}.illustration{position:relative;height:350px;border-radius:180px 180px 5px 5px;background:linear-gradient(#9dc9c8 0 52%,#d3d6ab 52% 58%,#b2c59d 58%);overflow:hidden;box-shadow:0 22px 60px #284d4026}.sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#f6e4b4;right:60px;top:48px}.house{position:absolute;bottom:45px;width:47%;height:110px;background:#f5ead8;border-radius:3px;left:28%;box-shadow:inset 0 -15px #e2c5a9}.house:before{content:'';position:absolute;top:-49px;left:-15%;width:130%;height:60px;background:#ba755b;clip-path:polygon(50% 0,100% 100%,0 100%)}.house:after{content:'';position:absolute;bottom:15px;left:42%;width:30px;height:58px;background:#829f91;box-shadow:-75px -12px 0 -4px #91a9a0,75px -12px 0 -4px #91a9a0}.plant{position:absolute;bottom:15px;left:4%;font-size:115px;line-height:1;color:#447966}.plant.two{left:auto;right:4%;font-size:95px;color:#678d6a}.wrap{max-width:1200px;margin:auto;padding:92px 28px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro p{color:#5d706b;margin-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px}.stat{padding:25px 20px 25px 0}.stat strong{font:36px Georgia;display:block}.stat span{font-size:13px;color:#6d7f78}.section-alt{background:#eef2eb}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section-top p{max-width:420px;color:#667a72}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid #e2e9e2;padding:29px;min-height:220px}.num{font:13px Georgia;color:#a6b8aa;display:block;margin-bottom:30px}.card p{font-size:14px;color:#647771;margin:0}.card a{color:#35665f}.permanence{background:#234b49;color:white;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 40px;margin-top:28px}.permanence p{margin:4px 0;color:#d0dfd8}.permanence .eyebrow{color:#b1cdc0}.contacts{display:grid;grid-template-columns:1fr 1.35fr;gap:65px}.contact-list{border-top:1px solid var(--line)}.row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.row span{color:#657970}.row a{font-weight:650;text-decoration:none;overflow-wrap:anywhere}footer{background:#153b3b;color:#d1e0d9}.footer-inner{max-width:1200px;margin:auto;padding:38px 28px;display:flex;justify-content:space-between;gap:20px;font-size:13px}footer p{margin:4px 0}details{margin-top:25px;color:#61746c;font-size:13px}summary{cursor:pointer;font-weight:700}@media(max-width:760px){.bar{padding:13px 20px}.menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 20px #0001;align-items:stretch;flex-direction:column;gap:17px}.nav.open{display:flex}.hero-inner{grid-template-columns:1fr;padding:55px 22px;gap:35px}.illustration{height:250px;max-width:430px;width:100%;margin:auto}.wrap{padding:65px 22px}.intro,.contacts{grid-template-columns:1fr;gap:15px}.grid{grid-template-columns:1fr}.card{min-height:auto}.num{margin-bottom:18px}.section-top{display:block}.stats{gap:8px}.stat strong{font-size:28px}.permanence{align-items:start;flex-direction:column;padding:28px}.footer-inner{flex-direction:column}.row{flex-direction:column;gap:2px}}
.logo{width:125px;height:60px;object-fit:contain}.brand strong{font-size:16px}.hero{background:linear-gradient(115deg,#f3fafe,#e0f4f9 65%,#c2e5ef)}:root{--ink:#174964;--green:#318eaa;--light:#edf8fb;--cream:#fbfdfe;--line:#d6e9ee;--orange:#f8bb2d}.eyebrow{color:#2986a4}.section-alt{background:#eff8fa}.nav .button,.btn{background:#126789}.btn.outline{background:transparent;color:#175671;border-color:#7fb6c5}.permanence{background:#126789}.permanence .eyebrow{color:#ffe087}.permanence p{color:#e2f3f8}footer{background:#174964}.stat strong{color:#1685a3}.card a{color:#087994}.illustration{background:linear-gradient(#9fd6e5 0 52%,#f7e3b3 52% 58%,#b4d4c9 58%)}.sun{background:#fbbf28}h1 em{color:#168ba8}.plant{color:#4d9a9b}.plant.two{color:#78b3a9}.lead{color:#4b6876}@media(max-width:760px){.logo{width:94px;height:48px}.brand strong{font-size:13px}.brand small{font-size:9px}.nav{top:74px}}

.bar{max-width:1450px}.nav{gap:18px}.nav a{font-size:12px}.brand{flex-shrink:0}.brand strong{font-size:15px}.logo{width:104px;height:52px}.article{max-width:920px;margin:auto;padding:55px 25px 80px}.article p{margin:0 0 20px}.article h2{font-size:32px}.article h3{margin:25px 0 15px}.article a{color:#087994;overflow-wrap:anywhere}.pagehero{background:#e5f5fa}.pagehero .wrap{padding-top:55px;padding-bottom:45px}.pagehero h1{font-size:clamp(36px,5vw,58px)}.note{padding:18px 22px;border-left:4px solid #fbbf28;background:#fff6df;font-size:14px;margin:20px 0}.directory details{border:1px solid #dbe9ee;background:white;margin:9px 0;padding:0 17px}.directory details details{margin-left:10px}.directory summary{padding:16px 0;font-weight:700;color:#175671}.directory .file{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #e7eff2;font-size:14px}.file a{flex-shrink:0;text-decoration:none;font-weight:700}.file span{overflow-wrap:anywhere}.searchbox{padding:14px;width:100%;border:1px solid #b9d8e2;font:inherit;border-radius:4px;margin:10px 0 20px}.photogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photogrid img{width:100%;height:235px;object-fit:cover;border-radius:5px}.photogrid a{display:block}.teamgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.member{border:1px solid #d7e8ed;background:#fff;padding:22px;text-align:center}.portrait{height:145px;display:grid;place-items:center;background:#eaf5f8;color:#5d9db1;font-size:45px;border-radius:4px;margin-bottom:16px}.member p{font-size:13px;color:#65828c}.empty{display:none}@media(max-width:1280px){.menu{display:block}.nav{display:none;position:absolute;top:83px;left:0;right:0;background:white;padding:22px;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:15px}.teamgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.photogrid{grid-template-columns:repeat(2,1fr)}.photogrid img{height:160px}.file{align-items:start!important;flex-direction:column;gap:5px!important}.teamgrid{grid-template-columns:1fr 1fr}.portrait{height:100px}.brand strong{font-size:12px}.logo{width:80px;height:45px}.bar{padding:13px 18px}.nav{top:72px}.member{padding:15px}}

[hidden]{display:none!important}

.photohero{position:relative;isolation:isolate;background:#174964}.slides{position:absolute;inset:0;z-index:-2}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.slide.active{opacity:1}.photohero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,34,46,.75),rgba(9,34,46,.40) 60%,rgba(9,34,46,.15))}.photohero .hero-inner{display:block;min-height:570px;padding-top:95px;padding-bottom:110px}.photohero .hero-inner>div{max-width:720px}.photohero h1,.photohero h1 em{color:#fff}.photohero .eyebrow{color:#ffe18a}.photohero .lead{color:#fff;max-width:610px}.photohero .btn{background:#fff;color:#175671}.photohero .btn.outline{background:transparent;color:#fff;border-color:#e1edf1}.slidecontrols{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#0d344965;padding:7px 12px;border-radius:28px}.slidecontrols button{border:0;background:transparent;color:#fff;width:32px;height:32px;font-size:25px;cursor:pointer}.slidedots{display:flex;gap:9px}.slidedots button{width:10px;height:10px;padding:0;border-radius:50%;background:#ffffff75}.slidedots button[aria-pressed=true]{background:#fbbf28}.slidecontrols #pauseslides{font-size:15px}button:focus-visible,a:focus-visible{outline:3px solid #fbbf28;outline-offset:4px}@media(max-width:760px){.photohero .hero-inner{min-height:580px;padding:65px 22px 100px}.photohero h1{font-size:46px}.photohero:after{background:rgba(9,34,46,.57)}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}

/* Portraits du conseil syndical */
.member .portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:5px;margin:0 0 18px}.member h3{font-family:inherit;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.member .member-role{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 7px}.member .member-duties{font-size:13px;line-height:1.6;margin:0}.member{padding:16px}.teamgrid{align-items:stretch}@media(max-width:420px){.teamgrid{grid-template-columns:1fr}.member{max-width:330px;width:100%;margin:auto}}

.nav a[aria-current="page"]{color:#087994;text-decoration:underline;text-underline-offset:6px}.construction{min-height:440px}.construction-icon{display:block;color:#f8bb2d;font-size:64px;line-height:1;margin-bottom:24px}.construction .btn{color:white}