:root{--teal:#0e5a63;--teal2:#083f46;--teal3:#e3f0f1;--corail:#e0694c;--corail2:#b94d33;--fond:#f3f7f7;--txt:#1c2a2e;--gris:#5a6b70;--ligne:#d8e3e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--txt);background:var(--fond)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
a{color:#0b5f8a}a:hover{color:var(--corail2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.top{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(8,63,70,.12)}
.bar{display:flex;align-items:center;gap:18px;min-height:66px}
.logo{color:var(--teal2);text-decoration:none;font-weight:800;font-size:23px;letter-spacing:.2px;white-space:nowrap}.logo span{color:var(--corail)}.logo small{font-size:14px;color:var(--gris);font-weight:400}
.rech{position:relative;display:flex;margin-left:auto;max-width:420px;flex:1}
.rech input{flex:1;min-width:0;padding:9px 12px;border:2px solid var(--teal);border-right:0;border-radius:8px 0 0 8px;font:inherit;font-size:15px;background:#fff}
.rech button{display:flex;align-items:center;gap:6px;background:var(--teal);color:#fff;border:2px solid var(--teal);border-radius:0 8px 8px 0;padding:8px 14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.rech button:hover{background:var(--teal2)}
.res{position:absolute;right:0;top:100%;margin:4px 0 0;padding:6px 0;list-style:none;background:#fff;width:min(420px,92vw);border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.25);max-height:60vh;overflow:auto;z-index:60}
.res a{display:block;padding:8px 14px;text-decoration:none;color:var(--teal2);font-size:15px;line-height:1.35}.res a:hover{background:var(--teal3)}.res small{display:block;color:var(--gris);font-size:13px}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:24px;height:3px;background:var(--teal2);margin:4px 0;border-radius:2px}
.nav{background:var(--teal);border-top:3px solid var(--corail)}
.nav>ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0 auto;padding:0 20px}
.nav .home{display:block;color:#fff;text-decoration:none;font-size:15px;font-weight:700;padding:13px 12px}
.nav .home:hover{background:var(--teal2)}
.grp{position:relative}
.grp>button{background:none;border:0;color:#fff;font:inherit;font-size:15px;font-weight:600;padding:13px 12px;cursor:pointer}
.grp>button:after{content:" ▾";font-size:11px;color:#ffd7cb}
.grp>button:hover,.grp>button[aria-expanded=true]{background:var(--teal2)}
.sub{display:none;position:absolute;left:0;top:100%;min-width:260px;background:#fff;list-style:none;margin:0;padding:6px 0;border-radius:0 0 8px 8px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.grp.open .sub{display:block}
.sub a{display:block;padding:8px 18px;color:var(--teal2);text-decoration:none;font-size:15px}.sub a:hover{background:var(--teal3)}
.art{padding-top:18px;padding-bottom:40px;max-width:880px}
.fil{font-size:14px;color:var(--gris)}.fil a{color:var(--gris)}
h1{color:var(--teal2);font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;line-height:1.25;margin:.4em 0 .6em}
.art>h2,.legal h2,.orgs h2,.voisins h2{color:var(--teal);font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;line-height:1.3;margin:1.8em 0 .5em;padding-left:12px;border-left:5px solid var(--corail)}
.art>h3{color:var(--teal2);font-size:1.2rem;margin:1.4em 0 .4em}
.hero{margin:0 0 20px;text-align:center}.hero img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 16px rgba(8,63,70,.2)}
p,li{overflow-wrap:break-word}
ul,ol{padding-left:1.3em}li{margin:.25em 0}
.widget{margin:22px 0;max-width:100%;overflow-x:auto}
.pub{margin:26px 0;min-height:20px;text-align:center}
.orgs{margin-top:30px;background:#fff;border:1px solid var(--ligne);border-left:5px solid var(--teal);border-radius:10px;padding:6px 20px 14px}.orgs h2{border:0;padding:0;margin-top:.8em;font-size:1.3rem}
.voisins{margin-top:30px;background:var(--teal3);border-radius:10px;padding:6px 20px 14px}.voisins h2{border:0;padding:0;margin-top:.8em;font-size:1.3rem}
.voisins ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0}
.legal h2{font-size:1.25rem}
.foot{background:var(--teal2);color:#d6e6e8;padding:28px 0;margin-top:30px;border-top:4px solid var(--corail)}
.foot a{color:#fff}.fb{margin:0 0 10px;font-size:20px;font-weight:800}.fb a{text-decoration:none}
.fl{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0 0 12px}
.maj{margin:0;font-size:14px;color:#a9c4c7}
@media(max-width:900px){
.bar{flex-wrap:wrap;gap:10px;padding-top:8px;padding-bottom:8px}
.burger{display:block;margin-left:auto}
.rech{order:3;flex:0 0 100%;width:100%;max-width:100%;margin:0}.rech input{width:0}.rech .lbl{display:none}
.nav{display:none}.nav.open{display:block}
.nav>ul{flex-direction:column;padding:0}
.nav .home{border-bottom:1px solid #1d6f78}
.grp>button{width:100%;text-align:left;padding:12px 16px;border-bottom:1px solid #1d6f78}
.sub{position:static;box-shadow:none;border-radius:0;background:var(--teal2)}.sub a{color:#fff;padding-left:28px}.sub a:hover{background:#0a4f58;color:#ffd7cb}
.res{left:0;right:0;width:auto}
h1{font-size:1.6rem}.art>h2{font-size:1.3rem}body{font-size:16.5px}}