*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#f3f5f4;color:#42524f;font:16px/1.4 "Archivo","Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:#0B3B36}
.wrap{max-width:1180px;margin:0 auto;padding:16px 16px 48px}
.bar{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:6px 2px 14px;font-weight:700;font-size:15px}
.bar a{text-decoration:none;padding-block:8px}
.bar a:hover{color:#D9701B}
.bar a.rdv{margin-left:auto;background:#D9701B;color:#fff;padding:11px 18px;border-radius:4px}
.bar a.rdv:hover{background:#0B3B36;color:#fff}
.slide{display:grid;background:#fff;box-shadow:0 2px 18px rgba(11,59,54,.14);overflow:hidden}
.fiche{grid-template-columns:250px 1fr}
.cover{grid-template-columns:1fr 300px}
.side{background:#0B3B36;color:#fff;padding:38px 30px 34px}
.side p{margin:0}
.lab,.lab2,.rlab,.per{font-weight:700;text-transform:uppercase;letter-spacing:.28em;font-size:12px}
.lab{color:#F2A765;line-height:1.45}
.lab2{color:#D9701B;margin:0}
.logo{background:#fff;color:#0B3B36;border-radius:5px;margin:18px 0 26px;min-height:92px;padding:14px 12px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:16px;line-height:1.25;text-transform:uppercase;letter-spacing:.03em}
.l1{font-size:14.5px;line-height:1.45}
.dates{color:#F2A765;font-weight:700;font-size:15.5px;margin-block:12px 14px!important}
.rolep{font-weight:700;font-size:15px;line-height:1.35}
.per{color:#F2A765;font-size:11px;letter-spacing:.3em;margin-top:18px!important;margin-bottom:3px!important}
.main{padding:38px 40px 22px;display:flex;flex-direction:column;min-width:0}
h1{margin:0 0 18px;color:#0B3B36;font-size:clamp(24px,3vw,30px);line-height:1.15;font-weight:700}
.txt h2{margin:16px 0 3px;color:#D9701B;font-size:17px;font-weight:700}
.txt h2:first-child{margin-top:0}
.txt p{margin:0;font-size:16px;max-width:52em}
.txt ul{margin:0;padding-left:16px;font-size:16px}
.txt li{margin-block:3px;padding-left:2px}
.rlab{color:#0B3B36;margin:34px 0 10px;font-size:12.5px}
.ress{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}
.ress.n3{grid-template-columns:repeat(3,1fr)}
.ress.n2{grid-template-columns:repeat(2,minmax(0,220px))}
.res{background:#f3f5f4;border:1px solid #dfe5e3;border-radius:5px;padding:12px 14px 16px;min-height:104px}
.res b{display:block;color:#0B3B36;font-size:clamp(24px,2.7vw,33px);line-height:1.15;margin-bottom:6px;white-space:nowrap}
.res span{font-size:13.5px;line-height:1.35;display:block}
.sfoot{display:flex;justify-content:space-between;gap:16px;margin:26px 0 0;font-size:11.5px;color:#7a7f87}
.pn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:18px 2px 0;font-weight:700;font-size:15px}
.pn a{text-decoration:none;padding-block:8px}
.pn a:hover{color:#D9701B}
/* page de garde */
.cover .main{padding:38px 44px 40px}
.big{font-size:clamp(30px,4vw,44px);margin:10px 0 14px}
.lede{margin:0 0 30px;font-size:19px}
.lede b,.box p b{color:#0B3B36}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.box{background:#f3f5f4;border:1px solid #dfe5e3;border-radius:5px;padding:18px 22px 20px}
.box h2{margin:0 0 12px;color:#0B3B36;font-size:20px}
.box ul{margin:0;padding-left:17px;font-size:15.5px}
.box li{margin-block:9px}
.box.mint{background:#fff;border-top:4px solid #D9701B;margin-top:22px}
.box.mint h2{color:#D9701B;margin-bottom:6px}
.box p{margin:0;font-size:17px}
.cover .side{padding:44px 26px 34px}
.cover .side img{width:170px;margin:0 auto 24px}
.who{font-weight:900;font-size:25px;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}
.whot{color:#F2A765;font-weight:700;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;margin:4px 0 22px!important}
.toc{padding:44px 2px 0}
.toch{margin:8px 0 20px;color:#0B3B36;font-size:clamp(24px,3vw,30px)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
a.card{display:flex;flex-direction:column;gap:6px;background:#fff;border-left:6px solid #0B3B36;border-radius:5px;padding:18px 20px;text-decoration:none;color:#42524f;box-shadow:0 1px 8px rgba(11,59,54,.1)}
a.card{border-left-color:#D9701B}
a.card:hover{border-left-color:#0B3B36;box-shadow:0 3px 16px rgba(11,59,54,.2)}
.num{color:#D9701B;font-weight:700;letter-spacing:.2em;font-size:12.5px}
.ct{color:#0B3B36;font-weight:700;font-size:20px;line-height:1.2}
.cw{font-size:15px}
.ck{background:#f3f5f4;border:1px solid #dfe5e3;border-radius:5px;padding:9px 12px 11px;font-size:13.5px;line-height:1.35;margin-top:6px}
.ck b{display:block;color:#0B3B36;font-size:25px;line-height:1.15}
.go{margin-top:auto;padding-top:8px;font-weight:700;color:#0B3B36}
.refs{font-style:italic;font-size:15px;margin:22px 0 0}
@media (max-width:820px){
.fiche,.cover{grid-template-columns:1fr}
.cover .side{order:-1;display:grid;grid-template-columns:96px 1fr;column-gap:18px;align-items:center;padding:22px}
.cover .side img{grid-row:1/7;width:96px;margin:0}
.side{padding:24px 22px}
.logo{min-height:0;margin:12px 0 16px}
.main,.cover .main{padding:24px 22px 20px}
.two{grid-template-columns:1fr}
.ress,.ress.n3,.ress.n2{grid-template-columns:1fr 1fr}
.bar a.rdv{margin-left:0}
}