/* Marée Haute : restaurant inventé. Exemple Pêche & Pixel. */
@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2) format("woff2");font-weight:300 500;font-display:swap}
@font-face{font-family:Fraunces;src:url(../fonts/fraunces-i.woff2) format("woff2");font-weight:300 400;font-style:italic;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dmsans.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Caveat;src:url(../fonts/caveat.woff2) format("woff2");font-weight:500 700;font-display:swap}
:root{--v:#10251C;--v2:#0B1C15;--iv:#F6F1E6;--ie:#1B2E25;--or:#F2B33D;--br:#B23C17;--bre:#9A3412;--mu:#C9C2B0;--mui:#4D5E54;--tx:#D9D2C0;--txi:#46564C;--li:rgba(246,241,230,.16);--lii:#D8CFBC}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--v);color:var(--tx);font:400 16px/1.6 "DM Sans",system-ui,sans-serif;overflow-x:hidden;padding-bottom:76px}
body.sans-bar{padding-bottom:0}
body.menu-ouvert{overflow:hidden}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote,fieldset{margin:0}ul,ol{padding:0;list-style:none}fieldset{border:0;padding:0;min-width:0}
img{display:block;max-width:100%;height:auto}picture{display:block}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.iv :focus-visible{outline-color:var(--br)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--or);color:var(--v);padding:12px 16px;border-radius:3px}.skip:focus{top:12px}
.w{width:min(1240px,100% - 32px);margin-inline:auto}
main{display:block;outline:none}
.note{background:var(--v2);color:var(--mu);font-size:14px;line-height:1.4;text-align:center;padding:2px 16px;border-bottom:1px solid var(--li)}
.note a{display:inline-flex;align-items:center;min-height:44px;color:var(--or);font-weight:700;text-underline-offset:3px}
/* textes */
.ey{font:700 12px/1.4 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--or)}
.iv .ey{color:var(--bre)}
.h1,.h2b{font-family:Fraunces,Georgia,serif;font-weight:400;color:#F6F1E6;letter-spacing:-.01em}
.h1{font-size:clamp(40px,6.4vw,76px);line-height:1.04;margin-top:12px}
.h2b{font-size:clamp(34px,4.2vw,54px);line-height:1.08;margin-top:10px}
.h3{font:400 clamp(24px,2.4vw,30px)/1.2 Fraunces,Georgia,serif;color:#F6F1E6}
.h1 em,.h2b em{font-style:italic;font-weight:300;color:var(--or)}
.iv{background:var(--iv);color:var(--txi)}
.iv .h1,.iv .h2b,.iv .h3{color:var(--ie)}
.iv .h1 em,.iv .h2b em{color:var(--br)}
.lead{font-size:clamp(16px,1.4vw,18px);max-width:520px;margin-top:18px}
.mu{color:var(--mu);font-size:15px}.iv .mu{color:var(--mui)}
.lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:18px;font-weight:700;color:var(--or);text-decoration:none;text-underline-offset:4px}
.lnk:hover{text-decoration:underline}.iv .lnk{color:var(--br)}
/* boutons */
.rb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:3px;border:1px solid var(--or);background:var(--or);color:var(--v);font:700 13px/1.2 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.rb:hover{background:#F7C76A}
.rb.o{background:transparent;color:#F6F1E6;border-color:rgba(246,241,230,.55)}.rb.o:hover{border-color:#F6F1E6;background:rgba(246,241,230,.06)}
.rb.v{background:var(--v);border-color:var(--v);color:#F6F1E6;width:100%}.rb.v:hover{background:#1B3A2C}
.rb.s{min-height:44px;padding:0 16px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ico{flex:none}
/* en-tête */
.tete{position:sticky;top:0;z-index:30;background:var(--v);border-bottom:1px solid var(--li);transition:box-shadow .2s}
.tete.plein{box-shadow:0 6px 20px rgba(0,0,0,.25)}
.tete-in{display:flex;align-items:center;gap:20px;min-height:64px}
.logo{display:inline-flex;align-items:center;min-height:44px;margin-right:auto}
.nav-d,.tete-in>.lgs,.btn-resa{display:none}
.nav-d ul{display:flex;gap:4px}
.nav-d a,.lgs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}
.nav-d a{padding:0 12px;font:600 14px "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F6F1E6;white-space:nowrap}
.nav-d a:hover{color:var(--or)}.nav-d a[aria-current]{color:var(--or)}
.lgs{display:flex;gap:4px}
.lgs a{min-width:44px;font:700 13px "DM Sans",sans-serif;letter-spacing:.08em;color:#F6F1E6;border:1px solid transparent;border-radius:3px}
.lgs a[aria-current]{background:var(--or);color:var(--v)}.lgs a:hover:not([aria-current]){border-color:var(--li)}
.btn-menu{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;background:transparent;border:1px solid rgba(246,241,230,.5);border-radius:3px;color:#F6F1E6;font:700 13px "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.burg{display:grid;gap:3px;width:16px}.burg i{display:block;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.ouvert .burg i:nth-child(1){transform:translateY(5px) rotate(45deg)}.ouvert .burg i:nth-child(2){opacity:0}.ouvert .burg i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.menu-m{position:fixed;inset:64px 0 0;background:var(--v);overflow:auto;padding:12px 0 40px;z-index:29}
.ml a{display:flex;justify-content:space-between;align-items:center;min-height:62px;border-bottom:1px solid var(--li);font:400 33px/1.1 Fraunces,Georgia,serif;color:#F6F1E6;text-decoration:none}
.ml a span{font:400 20px "DM Sans",sans-serif;color:var(--mu)}
.ml a[aria-current]{color:var(--or)}
.ml-lg{display:flex;align-items:center;justify-content:space-between;margin-top:26px}
.ml-lg p{font:700 12px "DM Sans";letter-spacing:.16em;text-transform:uppercase;color:#F6F1E6}
.ml-lg .lgs a{border-color:var(--li)}
.ml-i{margin-top:22px;color:var(--mu);font-size:14px}
@media (min-width:1100px){.tete-in{min-height:84px}.nav-d,.tete-in>.lgs,.btn-resa{display:flex}.btn-menu,.menu-m{display:none!important}.menu-m{inset:84px 0 0}}
/* sections */
.sec{padding:72px 0}
.sec.top{padding-top:56px}
.sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:34px}
.sec-p{max-width:360px;font-size:15px}
.etroit{max-width:820px}
/* accueil : haut */
.hero{position:relative;overflow:hidden}
.hero-ph{position:relative;height:300px}
.hero-ph picture,.hero-ph img{width:100%;height:100%;object-fit:cover}
.hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,37,28,0) 45%,var(--v) 100%)}
.hero-t{position:relative;padding:8px 0 28px}
.hero-logo{display:none}
.hero .btns{display:none}
.inf{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:20px;font:700 12px "DM Sans";letter-spacing:.12em;text-transform:uppercase;color:#F6F1E6}
.band{border-top:1px solid var(--li);background:var(--v)}
.band-g{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--li);margin:0 auto 24px}
.bd{padding:14px}.bd+.bd{border-left:1px solid var(--li)}
.bd1,.bd2{display:none}
.bd-v{font:400 17px/1.3 Fraunces,Georgia,serif;color:#F6F1E6;margin-top:6px}
.bd-v a{text-decoration:none}
.bd-s{font-size:13px;color:var(--mu);margin-top:4px}
@media (min-width:1024px){
 .hero{min-height:calc(100vh - 130px);display:flex;flex-direction:column}
 .hero-ph{position:absolute;right:0;top:0;bottom:0;width:50%;height:auto}
 .hero-ph::after{background:linear-gradient(90deg,var(--v) 0%,rgba(16,37,28,.35) 30%,rgba(16,37,28,0) 60%)}
 .hero-t{flex:1;display:flex;flex-direction:column;justify-content:center;padding:44px 0 48px}
 .hero-t>*{max-width:560px}
 .hero-logo{display:block;margin-bottom:22px}
 .hero .btns{display:flex}
 .band{position:relative;z-index:1}
 .band-g{grid-template-columns:repeat(4,1fr);border:0;margin:0 auto}
 .bd{padding:18px 22px 22px}.bd:first-child{padding-left:0}
 .bd1,.bd2{display:block}
}
/* plats */
.plats{display:grid;gap:22px}
.plat{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:start;border-top:1px solid var(--li);padding-top:18px}
.plat-ph{aspect-ratio:1;overflow:hidden}.plat-ph picture,.plat-ph img{width:100%;height:100%;object-fit:cover}
.plat-b{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline}
.plat h3{font:400 21px/1.2 Fraunces,Georgia,serif;color:#F6F1E6}
.prix{font:400 19px Fraunces,Georgia,serif;color:var(--or)}
.plat p{grid-column:1/-1;font-size:14px;color:var(--mu)}
@media (min-width:760px){.plats{grid-template-columns:repeat(3,1fr)}.plat{grid-template-columns:1fr;border:0;padding:0}.plat-ph{aspect-ratio:4/5}.plat h3{font-size:25px}.prix{font-size:21px}}
/* apparition */
.rv-on .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.rv-on .rv.vu{opacity:1;transform:none}
.rv-on .plats .rv:nth-child(2){transition-delay:.12s}.rv-on .plats .rv:nth-child(3){transition-delay:.24s}
/* lieu et ardoise */
.lieu{display:grid;gap:32px}
.lieu-t picture{margin-bottom:22px}.lieu-t img{width:100%;aspect-ratio:4/3;object-fit:cover}
.lieu-t>p:not(.ey){margin-top:14px;max-width:520px}
.ard-w{order:-1}
.ard{background:#22302A;border:10px solid #6B4A2F;box-shadow:0 14px 30px rgba(27,46,37,.25),inset 0 0 40px rgba(0,0,0,.35);padding:22px 20px 24px;color:#F3EEDF;font-family:Caveat,cursive}
.ard h2{font:700 36px/1 Caveat,cursive;color:var(--or);text-align:center}
.ard-s{text-align:center;font:500 19px Caveat,cursive;color:#E4DCC6;margin-top:4px}
.ard ul{margin-top:16px;display:grid;gap:8px}
.ard li{display:flex;justify-content:space-between;gap:12px;font:500 24px/1.2 Caveat,cursive}
.ard li b{font-weight:700;color:var(--or);white-space:nowrap}
.ard-n{font-size:14px;margin-top:14px;color:var(--mui)}
@media (min-width:1024px){.lieu{grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}.ard-w{order:0;margin-top:30px}.ard{padding:30px 36px 34px}.ard h2{font-size:46px}.ard li{font-size:29px}.ard-s{font-size:22px}}
/* avis */
.av-n{color:#F6F1E6;font-size:15px}.av-n b{font:400 22px Fraunces,Georgia,serif}
.avs{display:grid;gap:16px}
.av{border:1px solid var(--li);padding:22px 24px}
.av blockquote p{font:italic 300 19px/1.45 Fraunces,Georgia,serif;color:#F6F1E6;margin-top:12px}
.av figcaption{margin-top:14px;font:700 12px "DM Sans";letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
@media (min-width:760px){.avs{grid-template-columns:repeat(3,1fr)}}
/* appel final */
.appel{position:relative;overflow:hidden;text-align:center;padding:84px 0}
.appel-ph{position:absolute;inset:0}.appel-ph picture,.appel-ph img{width:100%;height:100%;object-fit:cover}
.appel-ph::after{content:"";position:absolute;inset:0;background:rgba(11,28,21,.78)}
.appel-t{position:relative}.appel .btns{justify-content:center}
.gtel{display:inline-flex;align-items:center;min-height:48px;font:300 clamp(36px,5vw,58px)/1.1 Fraunces,Georgia,serif;color:#F6F1E6;text-decoration:none;margin-top:12px;letter-spacing:.01em}
.gtel:hover{color:var(--or)}
.gtel.s{font-size:30px;margin-top:2px}
.iv .gtel{color:var(--ie)}
/* en-tête des pages */
.ph{position:relative;overflow:hidden;border-bottom:1px solid var(--li)}
.ph-t{position:relative;z-index:1;padding:40px 0 36px}
.ph-i .ph-ph{position:absolute;inset:0}
.ph-ph picture,.ph-ph img{width:100%;height:100%;object-fit:cover}
.ph-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,37,28,.97) 0%,rgba(16,37,28,.86) 55%,rgba(16,37,28,.55) 100%)}
.ph .ey{color:#F2B272}
.ph .lead{color:var(--tx)}
@media (min-width:1024px){.ph-i .ph-ph{left:45%}.ph-ph::after{background:linear-gradient(90deg,var(--v) 0%,rgba(16,37,28,.4) 40%,rgba(16,37,28,0) 80%)}.ph-t{padding:52px 0 50px}}
/* carte */
.carte{padding-top:36px}
.chips ul{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--lii);background:#fff;border-radius:3px;color:var(--ie);font-weight:500;font-size:15px;text-decoration:none}
.chips a:hover{border-color:var(--ie)}
.cols{display:grid;gap:12px}
.cat{margin-bottom:26px}
.cat ul{margin-top:10px}
.pl{padding:14px 0;border-bottom:1px solid var(--lii)}
.pl-l{display:flex;align-items:baseline;gap:10px}
.pl-l b{font:400 20px/1.25 Fraunces,Georgia,serif;color:var(--ie)}
.pl-l i{flex:1;border-bottom:2px dotted #B9AE97;transform:translateY(-4px);min-width:16px}
.pl-p{font-weight:700;color:var(--ie);white-space:nowrap}
.pl p{font-size:14px;color:var(--mui);margin-top:2px}
.note-a{font-size:14px;color:var(--mui);margin-top:4px}
@media (min-width:1024px){.chips{display:none}.cols{grid-template-columns:1fr 1fr;gap:56px}}
.fos-s{padding-top:24px}
.fos{display:grid;gap:14px}
.fo{display:grid;grid-template-columns:110px 1fr;background:#fff;border:1px solid var(--lii)}
.fo-ph{overflow:hidden}.fo-ph picture,.fo-ph img{width:100%;height:100%;object-fit:cover}
.fo-b{padding:16px 18px}
.fo-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px}
.fo h3{font:400 24px/1.2 Fraunces,Georgia,serif;color:var(--ie)}
.fo-l b{font:400 24px Fraunces,Georgia,serif;color:var(--ie);white-space:nowrap}
.fo-b>p:last-child{font-size:14px;color:var(--mui);margin-top:6px}
.fo-d{background:var(--v);border-color:var(--v)}.fo-d h3,.fo-d .fo-l b{color:#F6F1E6}.fo-d .ey{color:var(--or)}.fo-d .fo-b>p:last-child{color:var(--tx)}
.fo .ey{font-size:11px}
.sr{margin-top:36px;display:grid;gap:10px}
.sr li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;padding:12px 0;border-bottom:1px solid var(--lii)}
.sr b{font:400 19px Fraunces,Georgia,serif;color:var(--ie)}.sr span{font-size:14px;color:var(--mui)}
@media (min-width:1024px){.fos{grid-template-columns:repeat(3,1fr);gap:20px}.fo{grid-template-columns:1fr}.fo-ph{aspect-ratio:16/10}.fo-b{padding:20px 22px 24px}.fo h3,.fo-l b{font-size:28px}
 .sr{grid-template-columns:220px repeat(3,1fr);gap:24px;align-items:start}.sr ul{display:contents}.sr li{display:block;border:0;padding:0}.sr li span{display:block;margin-top:4px}}
/* le feu */
.blks{display:grid;gap:36px}
.blk img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:18px}
.blk p{margin-top:8px}
@media (min-width:900px){.blks{grid-template-columns:repeat(3,1fr);gap:28px}}
.chf{border-top:1px solid var(--li);border-bottom:1px solid var(--li);padding:48px 0}
.chiffres{display:grid;gap:24px;text-align:center}
.chiffres b{display:block;font:300 clamp(44px,5vw,64px)/1 Fraunces,Georgia,serif;color:var(--or)}
.chiffres span{display:block;margin-top:8px;color:#F6F1E6}
@media (min-width:760px){.chiffres{grid-template-columns:repeat(3,1fr)}}
/* photos */
.ph-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px}
.filts{display:flex;flex-wrap:wrap;gap:8px}
.filt{min-height:44px;padding:0 14px;border:1px solid var(--lii);background:#fff;border-radius:3px;color:var(--ie);font-weight:500;font-size:15px;cursor:pointer}
.filt[aria-pressed=true]{background:var(--v);border-color:var(--v);color:#F6F1E6}
.galerie{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.galerie li{aspect-ratio:1;overflow:hidden}
.galerie li.gr{grid-column:1/-1;aspect-ratio:16/10}
.galerie picture,.galerie img{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){.galerie{grid-template-columns:repeat(3,1fr);gap:14px}.galerie li{aspect-ratio:4/3}.galerie li.gr{grid-column:auto;grid-row:span 2;aspect-ratio:auto}}
.credits{margin-top:30px;background:#fff;border:1px solid var(--lii);padding:0 18px;color:var(--ie)}
.credits summary{min-height:48px;display:flex;align-items:center;font-weight:700;cursor:pointer}
.credits ul{display:grid;gap:0;font-size:15px}.credits li a{display:inline-flex;align-items:center;min-height:44px;color:var(--br)}.credits p{font-size:14px;color:var(--mui);padding:8px 0 14px}
/* accès */
.ccs{display:grid;gap:12px}
.cc{background:#fff;border:1px solid var(--lii);padding:18px 20px}
.cc b{display:block;font:400 21px/1.25 Fraunces,Georgia,serif;color:var(--ie);margin-top:8px}.cc span{display:block;font-size:14px;color:var(--mui);margin-top:4px}
.ac2{display:grid;gap:16px;margin-top:16px}
.box{background:#fff;border:1px solid var(--lii);padding:24px}
.box .mu{margin-top:14px}
.jrs{margin-top:12px}.jr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--lii)}
.jr dt{font-weight:700;color:var(--ie)}
.pmr{margin-top:18px;font-size:15px}
@media (min-width:760px){.ccs{grid-template-columns:1fr 1fr}.ac2{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.ccs{grid-template-columns:repeat(4,1fr)}}
/* FAQ */
.faq details{border-bottom:1px solid var(--lii)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;list-style:none;cursor:pointer;font:400 21px/1.3 Fraunces,Georgia,serif;color:var(--ie)}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{flex:none;width:14px;height:14px;position:relative}
.faq summary span::before,.faq summary span::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--br)}
.faq summary span::after{transform:rotate(90deg);transition:transform .2s}
.faq details[open] summary span::after{transform:none}
.faq p{padding:0 0 18px;max-width:640px}
.autre{margin-top:28px}.autre a{font-weight:700;color:var(--br);display:inline-flex;align-items:center;min-height:44px}
/* réservation */
.resa{display:grid;gap:36px}
.resa-a .gtel{margin-top:16px}
.resa-a .mu{margin-top:4px}
.resa-a picture{margin-top:26px}.resa-a img{width:100%;aspect-ratio:4/3;object-fit:cover}
.rf{background:var(--iv);color:var(--txi);padding:24px 18px}
.rf .ey{color:var(--bre)}.rf .h3{color:var(--ie);margin:6px 0 18px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ch{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:6px 12px;border:1px solid var(--lii);background:#fff;margin-bottom:10px}
.ch>span{font:700 11px "DM Sans";letter-spacing:.14em;text-transform:uppercase;color:var(--mui)}
.ch input,.ch textarea{border:0;background:transparent;padding:2px 0;color:var(--ie);font-size:16px;width:100%;min-height:28px;outline:none;resize:vertical}
.ch:focus-within{outline:3px solid var(--br);outline-offset:1px}
.ch:has([aria-invalid]){border-color:var(--br)}
.cpt{display:flex;align-items:center;gap:8px}
.cpt button{width:44px;height:36px;border:1px solid var(--lii);background:var(--iv);border-radius:3px;color:var(--ie);font-size:20px;cursor:pointer}
.cpt button[aria-disabled=true]{opacity:.45}
.cpt output{min-width:24px;text-align:center;color:var(--ie);font-size:17px;font-weight:700}
.hrs legend{font:700 11px "DM Sans";letter-spacing:.14em;text-transform:uppercase;color:var(--mui);margin-bottom:8px}
.sl-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.sl{position:relative}.sl input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sl span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--lii);background:#fff;color:var(--ie);font-size:14px;white-space:nowrap}
.sl input:checked+span{background:var(--v);border-color:var(--v);color:#F6F1E6;font-weight:700}
.sl input:focus-visible+span{outline:3px solid var(--br);outline-offset:2px}
.rf .rb.v{margin-top:6px}
.sms{margin-top:12px;font-size:14px}.rf .mu,.rf .sms{color:var(--mui)}
.st{margin-top:8px;font-weight:700;color:var(--ie)}.st:empty{display:none}
.tis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ti{background:var(--iv);text-align:center;padding:12px 6px}
.ti b{display:block;font:400 19px Fraunces,Georgia,serif;color:var(--ie)}.ti span{display:block;font-size:12px;line-height:1.35;color:var(--mui);margin-top:2px}
@media (min-width:1024px){.resa{grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}.rf{padding:30px 30px 26px}}
/* mentions */
.ment{margin-top:30px}.ment p{margin-top:8px}
/* bandeau de pied et pied */
.pcta{border-top:1px solid var(--li)}
.strip{display:grid;grid-template-columns:repeat(3,1fr)}
.strip picture{aspect-ratio:1;overflow:hidden}.strip img{width:100%;height:100%;object-fit:cover}
.pcta-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:36px 0}
.pcta-r .h2b{margin:0;margin-right:auto;font-size:clamp(30px,3.4vw,44px)}
.pcta-r .gtel{margin:0;font-size:clamp(30px,3.2vw,40px)}
@media (min-width:1024px){.strip{grid-template-columns:repeat(5,1fr)}.strip picture:nth-child(6){display:none}.strip picture{aspect-ratio:4/3}}
.pied{background:var(--v2);border-top:1px solid var(--li);padding:44px 0 20px;font-size:15px}
.pied-c{display:grid;gap:26px}
.pd-a p{margin-top:12px;max-width:300px;color:var(--mu)}
.ptel{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font:300 28px Fraunces,Georgia,serif;color:#F6F1E6;text-decoration:none}
.pied .ey{margin-bottom:8px}
.pied p{color:var(--tx)}
.pg a,.leg a,.plg a,.pb-r a{display:inline-flex;align-items:center;min-height:44px;color:#F6F1E6;text-decoration:none}
.pg a:hover,.leg a:hover,.pb-r a:hover{text-decoration:underline}
.pied-b{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin-top:30px;padding-top:12px;border-top:1px solid var(--li);font-size:14px}
.pied-b p{color:var(--mu)}
.leg{display:flex;flex-wrap:wrap;gap:0 16px}
.pb-r{margin-left:auto}.plg{margin-right:12px}.plg a{min-width:32px;justify-content:center}
@media (min-width:900px){.pied-c{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}}
/* barre mobile */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:28;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--v2);border-top:1px solid var(--li)}
.mbar .rb{min-height:50px;padding:0 10px;letter-spacing:.06em;font-size:12.5px;white-space:nowrap}
@media (min-width:1024px){.mbar{display:none}body{padding-bottom:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}