@font-face{font-family:Figtree;src:url(figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--cy:#04bfbf;--te:#026a6a;--pa:#e4f2f2;--br:#401801;--sa:#d97b66;--w:#fff}
*{box-sizing:border-box}html{font-size:112.5%;scroll-padding-top:5rem}
body{margin:0;font:1rem/1.65 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--br);background:var(--w)}
.w{max-width:66rem;margin:auto;padding:1.5rem 1.25rem}
a{color:var(--te);text-underline-offset:.2em}a:hover{text-decoration-thickness:.15em}
:focus-visible{outline:3px solid var(--br);outline-offset:3px;box-shadow:0 0 0 6px var(--w)}
.skip{position:absolute;left:.5rem;top:-4rem;background:var(--br);color:var(--w);padding:.6rem 1rem;z-index:9}.skip:focus{top:.5rem}
header{background:var(--w)}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 2rem;padding-block:.6rem}
.brand img{display:block;height:auto}
header nav ul,footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
header nav a{display:block;padding:.5rem 0;color:var(--br);font-weight:600;text-decoration:none;border-bottom:3px solid transparent}
header nav a:hover,header nav a[aria-current]{border-color:var(--sa)}
h1{font-weight:800;letter-spacing:-.02em;font-size:clamp(1.9rem,5vw,3rem);line-height:1.15;margin:0 0 1rem;max-width:20ch}
h2{font-size:1.6rem;line-height:1.25;margin:2rem 0 .75rem}h3,.h3{font-size:1.15rem;line-height:1.3;margin:.6rem 0 .4rem}.h3{font-weight:700}
.hero{background:var(--pa)}.hero .w{padding-block:3rem}
.lead{font-size:1.2rem;max-width:40rem;margin:0 0 1.5rem}.hero:has(.lead:empty) .lead{display:none}
.hero a{color:var(--br)}
.btn{display:inline-block;background:var(--te);color:var(--w);padding:.7rem 1.3rem;border-radius:2rem;font-weight:700;text-decoration:none;margin:0 .5rem .5rem 0}
.btn:hover{background:var(--br)}.btn.alt{background:var(--w);color:var(--br);box-shadow:inset 0 0 0 2px var(--br)}
.hero .btn:not(.alt){background:var(--br)}
.band{max-width:none;background:var(--pa)}.band>*{max-width:63.5rem;margin-inline:auto}
.grid{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.card{background:var(--pa);border-radius:1rem;padding:1.1rem 1.25rem}.band .card{background:var(--w)}
.card p{margin:.3rem 0}.meta{display:flex;gap:.5rem;align-items:flex-start;font-size:.95rem}
.ic{width:1.6rem;height:1.6rem;flex:none;color:var(--te)}.meta .ic{width:1.1rem;height:1.1rem;margin-top:.3rem}
.fiche{max-width:48rem}dl div{display:grid;grid-template-columns:11rem 1fr;gap:.25rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--pa)}
dt{font-weight:700}dd{margin:0}
.ck{list-style:none;padding:0}.ck li{padding-left:1.6rem;position:relative;margin:.4rem 0}.ck li:before{content:"";position:absolute;left:.2rem;top:.55em;width:.7rem;height:.35rem;border:solid var(--te);border-width:0 0 3px 3px;transform:rotate(-45deg)}
blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:6px solid var(--sa);background:var(--pa);font-size:1.15rem}blockquote p{margin:0}blockquote footer{font-size:.9rem;margin-top:.5rem}
footer{background:var(--br);color:var(--w);margin-top:3rem}footer a{color:var(--w)}footer p{margin:.4rem 0}.s{font-size:.9rem}
@media(max-width:36rem){dl div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hg{display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;align-items:center}
.art{width:100%;height:auto;max-width:28rem;justify-self:end}
.hl{background:linear-gradient(transparent 14%,var(--cy) 14%,var(--cy) 90%,transparent 90%);padding:0 .25em;margin:0 -.25em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
header nav li:last-child a{background:var(--sa);padding:.5rem 1.1rem;border-radius:2rem;border-bottom:0}
header nav li:last-child a:hover,header nav li:last-child a[aria-current]{box-shadow:inset 0 0 0 2px var(--br)}
@media(max-width:48rem){.hg{grid-template-columns:1fr}.art{max-width:18rem;justify-self:center}}
:root{--lo:#00d2de}
.btn,header nav li:last-child a{border-radius:0}
.btn{text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
header nav li:last-child a{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
.hero .btn{color:var(--w)}.hero .btn.alt{color:var(--br)}
.btn.alt:hover,.hero .btn.alt:hover{background:var(--br);color:var(--w)}
.hero .btn:not(.alt):hover{background:var(--te)}
.card{border-radius:0 20px 0 20px;border-top:6px solid var(--lo);border-bottom:6px solid var(--lo)}
.art{border-radius:0}
.fiche h2{background:var(--pa);border-top:5px solid var(--lo);border-bottom:5px solid var(--lo);border-radius:0 18px 0 18px;padding:.5rem 1rem;font-size:1.25rem}
.sub{border-bottom:1px solid var(--pa)}.sub ul,.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-inline:auto;padding-block:.6rem}
.sub a{display:block;padding:.35rem .9rem;border:2px solid var(--te);color:var(--te);font-weight:700;font-size:.9rem;text-decoration:none}
.sub a:hover{background:var(--pa)}.sub a[aria-current]{background:var(--te);color:var(--w)}
.bc ol{gap:.25rem .6rem;font-size:.9rem;padding-block:.5rem}.bc li+li::before{content:"›";content:"›" / "";margin-right:.6rem}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0}
.tags li{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .5rem;border:2px solid var(--br);background:var(--w)}
.prix{font-weight:800;margin:.5rem 0 0}.fiche ol{padding-left:1.4rem}
footer .fl{flex-direction:column;gap:.6rem}
.fg{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem}
.fr{display:flex;align-items:center;gap:1.25rem;text-align:right}.fr p{margin:0}
.soc{gap:.5rem}.soc a{display:inline-flex;padding:.3rem}.soc .ic{width:2.2rem;height:2.2rem;color:var(--w)}
.fb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;border-top:1px solid rgba(255,255,255,.35);padding-block:.9rem}
.fb p{margin:0}.top{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.top .ic{color:var(--w);width:1.3rem;height:1.3rem}
footer :focus-visible{outline-color:var(--w);box-shadow:none}
@media(max-width:36rem){.fr{text-align:left}}
:root{--bd:#cfe3e3}
.t1{--ac:#d97b66;--ti:#fbe9e5;--rd:14px;--ish:50%}.t2{--ac:#038c8c;--ti:#e4f2f2;--rd:0 10px 0 10px;--ish:0}.t3{--ac:#00d2de;--ti:#d8f6f8;--rd:10px 0 10px 0;--ish:14px 0 14px 0}
.hero{background:var(--ti,var(--pa))}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--bd)}html{scroll-padding-top:6rem}
@media(max-width:48rem){header{position:static}html{scroll-padding-top:1rem}.bar{flex-direction:column;align-items:flex-start}header nav{width:100%}header nav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}header nav a{padding:.7rem 0}header nav li:last-child{grid-column:1/-1}header nav li:last-child a{text-align:center;margin-top:.4rem}}
.fiche h2,.fiche2 h2{background:none;border:0;border-bottom:3px solid var(--ac,var(--lo));border-radius:0;padding:0 0 .3rem;color:var(--te);font-size:1.3rem;margin:2rem 0 1rem}
.card{background:var(--w);border:1px solid var(--bd);border-radius:var(--rd,0 10px 0 10px)}
.card>.ic:first-child{box-sizing:content-box;width:1.5rem;height:1.5rem;padding:.6rem;background:var(--ti,var(--pa));color:var(--te);border-radius:var(--ish,0);margin-bottom:.3rem}
.c2{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--w);border:1px solid var(--bd);border-radius:var(--rd)}
.c2 .cv{display:flex;justify-content:center;background:var(--ti);padding:1.1rem}.c2 .cv .ic{box-sizing:content-box;width:2.2rem;height:2.2rem;padding:.8rem;background:var(--w);color:var(--te);border-radius:var(--ish)}
.c2 .cb{padding:1rem 1.1rem 2.8rem}.c2 h3{margin:.5rem 0 .4rem}.c2 p{margin:.3rem 0}.c2 h3 a::after{content:"";position:absolute;inset:0}
.c2::after{content:"→";content:"→" / "";position:absolute;right:1rem;bottom:.6rem;color:var(--te);font-weight:800;font-size:1.3rem}
.c2:hover{border-color:var(--ac)}.c2:focus-within{outline:3px solid var(--br);outline-offset:3px}.c2 a:focus-visible{outline:0;box-shadow:none}
.c2 .tags{margin:0}.c2 .tags li{border:0;background:var(--ti)}
.cat h2.sh{display:flex;align-items:center;gap:.7rem;border-bottom:3px solid var(--ac);padding-bottom:.4rem}.cat h2.sh .ic{box-sizing:content-box;width:1.4rem;height:1.4rem;padding:.45rem;background:var(--ti);border-radius:var(--ish)}
.cats ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto;padding-block:1.4rem 0}
.cats a{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;background:var(--ti);border:1px solid var(--bd);border-radius:var(--rd);color:var(--br);text-decoration:none;font-weight:800}
.cats small{display:block;font-weight:400}.cats .ic{box-sizing:content-box;width:1.6rem;height:1.6rem;padding:.6rem;background:var(--w);color:var(--te);border-radius:var(--ish)}
.toc ul{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1.25rem;margin:0 auto;padding-block:.8rem;border-bottom:1px solid var(--bd)}
.toc .lb{font-weight:800}.toc a{color:var(--te);font-weight:600;text-decoration:none;border-bottom:3px solid transparent;padding:.2rem 0}.toc a:hover{border-color:var(--ac,var(--lo))}
.kick{margin:0 0 .8rem}.kick a{display:inline-flex;align-items:center;gap:.4rem;background:var(--w);border:1px solid var(--bd);padding:.25rem .7rem;color:var(--br);font-weight:700;text-decoration:none}.kick .ic{width:1.1rem;height:1.1rem;color:var(--te)}
.fiche2{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1rem 3rem;align-items:start}.mn>h2:first-child{margin-top:0}
.inf{position:sticky;top:6rem;background:var(--ti,var(--pa));padding:1.1rem 1.25rem;border-radius:var(--rd,0 10px 0 10px)}.inf h2{font-size:1.1rem;margin-top:0}
.inf dl div{grid-template-columns:1fr;gap:0;padding:.5rem 0}.inf dt{font-size:.85rem;color:var(--te)}
@media(max-width:60rem){.fiche2{grid-template-columns:1fr}.inf{position:static}}
@media(max-width:48rem){.toc ul{flex-direction:column;gap:0}.toc li{border-bottom:1px solid var(--bd)}.toc li:last-child{border-bottom:0}.toc a{display:block;padding:.7rem 0;border-bottom:0}.cats ul{grid-template-columns:1fr}}
.hero.ov .w{padding-bottom:4.5rem}.aq{padding-block:0;margin-top:-2.5rem;position:relative}
.aq h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.aq ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--w);border:1px solid var(--bd);border-radius:0 14px 0 14px;box-shadow:0 5px 0 var(--lo)}
.aq li+li{border-left:1px solid var(--bd)}.aq a{display:block;height:100%;padding:1.3rem 1.4rem;color:var(--br);text-decoration:none}.aq a:hover{background:var(--ti)}
.aq .cv .ic{box-sizing:content-box;width:1.6rem;height:1.6rem;padding:.6rem;background:var(--ti);color:var(--te);border-radius:var(--ish)}.aq a:hover .cv .ic{background:var(--w)}
.aq .who{display:block;font-weight:800;font-size:1.2rem;margin:.6rem 0 .3rem}.aq .pr{display:block}.aq .go{display:block;margin-top:.7rem;font-weight:700;color:var(--te)}
@media(max-width:48rem){.aq ul{grid-template-columns:1fr}.aq li+li{border-left:0;border-top:1px solid var(--bd)}}
.rows{list-style:none;margin:0;padding:0}.rows li{border-top:1px solid var(--bd)}.rows li:last-child{border-bottom:1px solid var(--bd)}
.rows a{display:grid;grid-template-columns:4rem 1fr auto;gap:1rem;align-items:center;padding:1.1rem .5rem;color:var(--br);text-decoration:none}.rows a:hover{background:var(--ti)}
.rows .nb{font-size:2rem;font-weight:800;color:var(--te);border-bottom:4px solid var(--ac);justify-self:start}.rows strong{display:block;font-size:1.15rem}.rows .go{font-weight:700;color:var(--te)}
@media(max-width:36rem){.rows a{grid-template-columns:3rem 1fr}.rows .go{grid-column:2}}
.nbl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem 2rem}.nbl li{display:flex;gap:1rem}
.nbl .nb{flex:none;width:3rem;background:var(--lo);color:var(--br);font-weight:800;font-size:1.5rem;display:flex;justify-content:center;padding-top:.5rem}.nbl h3{margin:0 0 .25rem}.nbl p{margin:0}
.totop{position:fixed;right:1rem;bottom:1rem;z-index:30;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--te);color:var(--w);border-radius:0 10px 0 10px;box-shadow:0 3px 0 var(--lo)}.totop .ic{width:1.5rem;height:1.5rem;color:var(--w)}
@supports (animation-timeline:scroll()){.totop{opacity:0;animation:rv linear both;animation-timeline:scroll(root);animation-range:150px 350px}.totop:focus-visible{opacity:1}}
@keyframes rv{to{opacity:1}}
:root{--sap:#f6d0c8}
header nav li:last-child a{background:var(--sap)}
.toc{background:var(--sap)}.toc ul{border-bottom:0;padding-block:.7rem}.toc a{color:var(--br)}.toc a:hover{border-color:var(--br)}
.toc .ic{width:1.1rem;height:1.1rem;margin-right:.35rem;vertical-align:-.15rem;color:var(--te)}
.aq a{display:flex;flex-direction:column}.aq .go{margin-top:auto;padding-top:.7rem}
@media(max-width:48rem){.toc.d{display:none}.toc ul{padding-block:.4rem}.toc li{border-bottom:1px solid rgba(64,24,1,.2)}.toc li:last-child{border-bottom:0}.toc a{display:block;padding:.7rem 0}}
:root{--sap:#da7b67}
.hero{background:var(--pa)}
.toc .ic{color:var(--br)}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:62rem){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:40rem){.grid{grid-template-columns:1fr}}
.c2 .cv{background:var(--ti,var(--pa))}.c2 .tags li{background:var(--ti,var(--pa))}
.c2 a::after{content:"";position:absolute;inset:0}.c2 .h3{margin:.5rem 0 .4rem;font-size:1.15rem}
.c2:not(:has(a))::after{display:none}
.fiche2 .inf{border-top:5px solid var(--ac,var(--lo))}.kick a{border-color:var(--ac,var(--bd))}
@media(max-width:62rem) and (min-width:50.01rem){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:50rem){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:34rem){.grid{grid-template-columns:1fr}}
.ih{display:flex;align-items:center;gap:.6rem}.ih .ic{box-sizing:content-box;flex:none;width:1.3rem;height:1.3rem;padding:.4rem;background:var(--ti,var(--pa));color:var(--te);border-radius:var(--ish,0)}
/* Page Références : sous-menu (saumon de la charte), articles, cadres d'images, logos de l'accueil */
.rsub{background:var(--sap)}
.rsub ul{list-style:none;margin:0 auto;padding-block:.1rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 1.75rem}
.rsub a{line-height:1.3;display:flex;align-items:center;gap:.45rem;padding:.55rem 0;color:var(--br);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:3px solid transparent}
.rsub a:hover,.rsub a[aria-current]{border-color:var(--br)}
.rsub .ic{width:1.05rem;height:1.05rem;color:var(--br)}
html:has(.rsub){scroll-padding-top:7.5rem}
.ref.ac{--tb:#d3f4f8;--tc:#026a6a}.ref.pr{--tb:#f6d0c8;--tc:#7a2e1d}.ref.nu{--tb:#d6f0de;--tc:#1b5e3b}
.ref .box{display:grid;place-items:center;width:3.4rem;height:3.4rem;background:var(--tb)}.ref .box .ic{color:var(--tc);width:1.7rem;height:1.7rem}
.refs{padding-block:.5rem 2rem}
.ref{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1rem 3rem;padding:2rem 0;border-top:3px solid var(--lo)}.ref+.ref{margin-top:.5rem}
.ref-side{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
.ref-tag{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tc)}
.ref h2{margin:0 0 .3rem;font-size:1.5rem}.ref-ctx{margin:0 0 1rem;font-weight:600;color:var(--te)}
.ref-main p{max-width:42rem}.ref-main .ck{max-width:42rem;margin-top:0}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;padding:0;margin:1.25rem 0}
.facts li{display:flex;flex-direction:column;border-left:3px solid var(--tc);padding-left:.9rem;max-width:15rem;line-height:1.3}
.facts strong{font-size:2rem;line-height:1.1;color:var(--tc)}.facts span{font-size:.95rem}
.shot{margin:1.5rem 0 0;max-width:34rem;overflow:hidden;background:var(--w);border:1px solid var(--bd);border-radius:0 10px 0 10px;box-shadow:0 4px 0 var(--lo)}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{margin:0;padding:.6rem .9rem;font-size:.9rem;background:var(--pa)}
.lk{margin:1.25rem 0 0}.lk a{font-weight:700}
.logos{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem 3rem;margin:1.25rem 0 1.75rem;padding:1.75rem 0 0;border-top:3px solid var(--lo)}
.logos li{display:flex;align-items:center;justify-content:center}.logos img{display:block;max-width:100%;height:auto}
@media(max-width:48rem){.ref{grid-template-columns:1fr;gap:.75rem}.ref-side{flex-direction:row;align-items:center;gap:.9rem}.ref .box{width:2.8rem;height:2.8rem}.logos{gap:1.25rem 2rem}.rsub ul{flex-direction:column;gap:0}.rsub li{border-bottom:1px solid rgba(64,24,1,.2)}.rsub li:last-child{border-bottom:0}.rsub a{padding:.7rem 0;border-bottom:0}html:has(.rsub){scroll-padding-top:1rem}}