@font-face{font-family:"Amiri";src:url(/assets/fonts/amiri-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/assets/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/assets/fonts/plex-arabic-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Gilda Display";src:url(/assets/fonts/gilda-display-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/fonts/hanken-grotesk-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/fonts/hanken-grotesk-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/fonts/hanken-grotesk-600.woff2) format("woff2");font-weight:600;font-display:swap}

/* Layout : une maison parisienne. Hero photo sombre, corps ivoire, une section noire « la carte » des forfaits, typographie de palace, aucun gabarit de cartes. */
:root{
  --noir:#0e0e0f;
  --anthracite:#26272a;
  --ivoire:#f3f0ea;
  --papier:#faf8f4;
  --encre:#1b1b1d;
  --gris:#6c6a66;
  --filet:#d8d2c6;
  --filet-sombre:#34353a;
  --laiton:#a8895a;
  --display:"Gilda Display","Didot","Bodoni 72",Georgia,serif;
  --texte:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--ivoire);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--noir)}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance;letter-spacing:.005em}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:600px){.wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}}
.kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--laiton)}
:focus-visible{outline:2px solid var(--laiton);outline-offset:3px}

/* Bandeau maquette */
.mock{background:var(--laiton);color:var(--noir);font-size:.82rem;text-align:center;padding:8px 16px}

/* En-tête */
header{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:50;color:var(--ivoire);background:transparent;border-bottom:1px solid rgba(243,240,234,.14);transition:background .35s,border-color .35s}
header.solid{background:var(--noir);border-bottom-color:var(--filet-sombre)}
.bar{display:flex;align-items:center;gap:28px;height:84px;transition:height .35s}
header.solid .bar{height:70px}
.brand{display:flex;align-items:center;text-decoration:none;line-height:0;flex-shrink:0;color:inherit}
.brand .logo{height:26px;width:auto}
.brand .logo-full{height:auto;width:220px;max-width:100%}
@media (max-width:600px){.brand .logo{height:20px}}
nav.main{display:flex;gap:26px;margin-left:auto}
nav.main a{text-decoration:none;font-size:.84rem;letter-spacing:.06em;color:#cfcac0;padding:10px 0;transition:color .2s}
nav.main a:hover{color:#fff}
.tools{display:flex;align-items:center;gap:18px}
.lang{position:relative}
.lang button{background:none;border:1px solid var(--filet-sombre);color:var(--ivoire);font:inherit;font-size:.78rem;letter-spacing:.1em;height:40px;padding:0 12px;cursor:pointer}
.lang ul{position:absolute;right:0;top:46px;list-style:none;margin:0;padding:6px 0;background:var(--anthracite);border:1px solid var(--filet-sombre);min-width:170px}
.lang li button{border:0;width:100%;text-align:left;height:40px;padding:0 16px;letter-spacing:.02em;font-size:.88rem}
.lang li button:hover{background:#333438}
.lang li button[aria-current="true"]{color:var(--laiton)}
.phone{font-size:.86rem;text-decoration:none;color:#cfcac0;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;font:inherit;font-size:.82rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn.plein{background:var(--laiton);border-color:var(--laiton);color:var(--noir)}
.btn.plein:hover{background:#b9996a;border-color:#b9996a}
.btn.sombre{background:var(--noir);border-color:var(--noir);color:var(--ivoire)}
.btn.sombre:hover{background:var(--anthracite)}
.burger{display:none;width:44px;height:44px;background:none;border:1px solid var(--filet-sombre);color:var(--ivoire);cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;content:""}
.burger span::before{position:absolute;top:-6px}.burger span::after{position:absolute;top:6px}
.drawer{display:none}
@media (max-width:1080px){nav.main,.phone{display:none}.bar{gap:14px}.tools{margin-left:auto}.burger{display:inline-flex}.bar .btn.plein{display:none}}
.drawer.open{display:block;position:fixed;inset:calc(70px + env(safe-area-inset-top,0px)) 0 0;background:var(--noir);z-index:49;overflow:auto;padding-block:16px 120px}
.drawer a{display:block;font-family:var(--display);font-size:1.7rem;text-decoration:none;color:var(--ivoire);padding:14px 0;border-bottom:1px solid var(--filet-sombre)}
.drawer .contact-l{font-family:var(--texte);font-size:1rem;color:#cfcac0}

/* Hero */
.hero{position:relative;background:var(--noir);color:var(--ivoire);overflow:hidden}
.hero-img{position:absolute;inset:0;background:var(--noir) center 38%/cover no-repeat}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,15,.93) 0%,rgba(14,14,15,.72) 42%,rgba(14,14,15,.2) 100%)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:end;padding-block:clamp(156px,16vw,220px) clamp(56px,7vw,96px)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero .kicker,.hero h1,.hero .lead,.hero .book{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation-delay:.08s}.hero .lead{animation-delay:.18s}.hero .book{animation-delay:.3s}
.hero .pay{margin-top:28px;font-size:.84rem;color:#a9a49a;letter-spacing:.04em}
.hero h1{font-size:clamp(2.3rem,4.6vw,4.1rem);line-height:1.06;margin-top:20px;max-width:15ch}
.hero .lead{margin-top:24px;max-width:46ch;color:#d6d1c7;font-size:1.06rem}
.hero .credit{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:12px;font-size:.68rem;color:#8d8880;letter-spacing:.04em}

/* Réservation */
.book{background:var(--papier);color:var(--encre);padding:30px;display:grid;gap:18px;min-width:0}
.book h2{font-size:1.5rem}
.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--filet)}
.tabs button{font:inherit;font-size:.86rem;background:none;border:0;min-height:46px;cursor:pointer;color:var(--gris)}
.tabs button[aria-selected="true"]{background:var(--noir);color:var(--ivoire)}
.f{display:grid;gap:6px}
.f label{font-size:.78rem;letter-spacing:.06em;color:var(--gris)}
.f input,.f select{font:inherit;font-size:1rem;color:var(--encre);background:#fff;border:1px solid var(--filet);height:50px;padding:0 14px;border-radius:0;width:100%;appearance:none;-webkit-appearance:none}
.f select{background-image:linear-gradient(45deg,transparent 50%,var(--gris) 50%),linear-gradient(135deg,var(--gris) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.f input:focus,.f select:focus{outline:none;border-color:var(--encre)}
.f[aria-invalid="true"] input{border-color:#a3402f}
.err{font-size:.8rem;color:#a3402f;min-height:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--filet);padding-top:16px}
.price span{font-size:.84rem;color:var(--gris)}
.price b{font-family:var(--display);font-weight:400;font-size:2.1rem;font-variant-numeric:lining-nums}
.book .btn{width:100%}
.book .note{font-size:.78rem;color:var(--gris)}
.step2{display:grid;gap:14px;border-top:1px solid var(--filet);padding-top:16px}
.step2[hidden]{display:none}
.s2t{font-family:var(--display);font-size:1.15rem}
.opt{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--gris);line-height:1.45;cursor:pointer}
.opt input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:var(--noir)}
.rgpd{font-size:.74rem;color:var(--gris)}
.f[aria-invalid="true"] input{border-color:#a3402f}

/* Engagements */
.promise{background:var(--papier);border-bottom:1px solid var(--filet)}
.promise ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.promise li{padding:26px 24px 26px 0;font-size:.95rem;line-height:1.45}
.promise li+li{padding-left:24px;border-left:1px solid var(--filet)}
.promise b{display:block;font-family:var(--display);font-weight:400;font-size:1.25rem;margin-bottom:4px}
@media (max-width:900px){.promise ul{grid-template-columns:1fr 1fr}.promise li:nth-child(3){padding-left:0;border-left:0}.promise li:nth-child(n+3){border-top:1px solid var(--filet)}}
@media (max-width:520px){.promise ul{grid-template-columns:1fr}.promise li,.promise li+li{padding:18px 0;border-left:0}.promise li+li{border-top:1px solid var(--filet)}}

section{padding-block:clamp(72px,10vw,136px)}
.head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:end;margin-bottom:56px}
.head h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.1}
.head p{color:var(--gris);max-width:52ch}
@media (max-width:860px){.head{grid-template-columns:1fr;gap:18px;margin-bottom:36px}}

/* Prestations */
.svc{list-style:none;margin:0;padding:0;border-top:1px solid var(--encre)}
.svc li{border-bottom:1px solid var(--filet)}
.svc a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 40px;gap:32px;align-items:baseline;padding:30px 0;text-decoration:none;transition:padding .25s}
.svc a:hover{padding-left:12px}
.svc h3{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15}
.svc p{color:var(--gris);font-size:.98rem}
.svc .go{justify-self:end;font-size:1.3rem;color:var(--laiton)}
@media (max-width:760px){.svc a{grid-template-columns:minmax(0,1fr) 28px;gap:8px 16px;padding:24px 0}.svc p{grid-column:1/2;grid-row:2}.svc .go{grid-row:1/3;align-self:center}}

/* Bandeau photo */
.band{position:relative;height:clamp(320px,52vw,640px);background:var(--anthracite) center/cover no-repeat}
.band figcaption{position:absolute;left:max(24px,env(safe-area-inset-left,0px));bottom:18px;color:#f3f0ea;font-size:.8rem;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,0,.5)}

/* La carte */
.carte{background:var(--noir);color:var(--ivoire)}
.carte .head p{color:#a9a49a}
.menu{display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
.menu dl{margin:0}
.menu .l{display:flex;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--filet-sombre)}
.menu dt{font-family:var(--display);font-size:1.25rem;white-space:nowrap}
.menu dt i{font-style:normal;color:var(--laiton);padding:0 6px}
.menu .dots{flex:1;border-bottom:1px dotted #55565b;transform:translateY(-5px);min-width:16px}
.menu dd{margin:0;font-family:var(--display);font-size:1.3rem;font-variant-numeric:lining-nums}
.carte .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center;margin-top:40px;color:#a9a49a;font-size:.92rem}
@media (max-width:860px){.menu{grid-template-columns:1fr}.menu dt{font-size:1.1rem;white-space:normal}}

/* Flotte */
.fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.veh{display:grid;gap:14px;align-content:start}
.veh .ph{aspect-ratio:4/3;max-width:100%;background:var(--anthracite) center/cover no-repeat}
.veh h3{font-size:1.5rem}
.veh p{font-size:.92rem;color:var(--gris)}
.small{font-size:.78rem;color:var(--gris);margin-top:22px}
.more{display:inline-flex;align-items:center;gap:12px;margin-top:40px;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--encre);padding-bottom:6px}
@media (max-width:860px){.fleet{grid-template-columns:1fr 1fr}.fleet .veh:last-child{display:none}}
@media (max-width:540px){.fleet{grid-template-columns:1fr}.fleet .veh:last-child{display:grid}}

/* Fondateur */
.founder{background:var(--anthracite);color:var(--ivoire)}
.founder-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:start}
.founder blockquote{margin:0;font-family:var(--display);font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.25}
.founder blockquote::before{content:"";display:block;width:34px;height:34px;border:2px solid var(--laiton);border-radius:50%;margin-bottom:30px;background:radial-gradient(circle at 50% 0,var(--laiton) 0 3.5px,transparent 4px)}

/* Aéroports */
.ap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--encre)}
.ap div{padding:28px 24px 8px 0;display:grid;gap:10px;align-content:start}
.ap div+div{padding-left:24px;border-left:1px solid var(--filet)}
.ap .code{font-family:var(--display);font-size:2.6rem;line-height:1;color:var(--laiton)}
.ap h3{font-size:1.2rem}
.ap p{font-size:.92rem;color:var(--gris)}
@media (max-width:900px){.ap{grid-template-columns:1fr 1fr}.ap div:nth-child(3){padding-left:0;border-left:0}.ap div:nth-child(n+3){border-top:1px solid var(--filet);margin-top:20px}}
@media (max-width:520px){.ap{grid-template-columns:1fr}.ap div,.ap div+div{padding:22px 0;border-left:0;margin-top:0}.ap div+div{border-top:1px solid var(--filet)}}
.founder cite{display:block;margin-top:28px;font-style:normal;font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:var(--laiton)}
.founder .bio{display:grid;gap:16px;color:#cfcac0;font-size:.98rem;padding-top:10px}
@media (max-width:860px){.founder-in{grid-template-columns:1fr;gap:40px}}

/* Professionnels */
.b2b{background:var(--papier);border-top:1px solid var(--filet)}
.b2b .head h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.1}
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--encre)}
.who div{padding:28px 24px 8px 0;display:grid;gap:10px;align-content:start}
.who div+div{padding-left:24px;border-left:1px solid var(--filet)}
.who h3{font-size:1.35rem}
.who p{font-size:.93rem;color:var(--gris)}
.acct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:72px;align-items:start}
.acct h3{font-size:1.6rem;margin-bottom:22px}
.acct ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--encre)}
.acct li{padding:18px 0;border-bottom:1px solid var(--filet);display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:16px;color:var(--gris);font-size:.95rem}
.acct li::before{content:"";height:1px;background:var(--laiton);margin-top:.8em;grid-row:1/3}
.acct li b{font-weight:500;color:var(--encre)}
.acct-r{background:var(--noir);color:var(--ivoire);padding:32px;display:grid;gap:16px;min-width:0}
.acct-r h3{margin-bottom:4px}
.acct-r .f label{color:#a9a49a}
.acct-r .f input,.acct-r .f select{background:#1a1a1c;border-color:var(--filet-sombre);color:var(--ivoire)}
.acct-r .f input:focus,.acct-r .f select:focus{border-color:var(--laiton)}
.acct-r .note{font-size:.8rem;color:#a9a49a}
.acct-r{align-content:start;gap:20px;padding:40px}
.acct-r h3{font-size:1.9rem}
.acct-r .big{color:#d6d1c7;font-size:1.05rem;max-width:40ch}
.wa-pro{min-height:58px;font-size:.88rem}
.tel-pro{color:var(--ivoire);font-size:.98rem;text-decoration:none;border-bottom:1px solid var(--filet-sombre);justify-self:start;padding:8px 0}
.tel-pro:hover{border-color:var(--laiton)}
.acct-r .err{color:#e09a85}
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.steps li{display:flex;gap:16px;align-items:baseline;font-size:1rem}
.steps span{font-family:var(--display);font-size:2rem;line-height:1;color:var(--laiton);flex:0 0 auto}
@media (max-width:900px){.who{grid-template-columns:1fr 1fr}.who div:nth-child(3){padding-left:0;border-left:0}.who div:nth-child(n+3){border-top:1px solid var(--filet);margin-top:20px}.acct{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr}}
@media (max-width:520px){.who{grid-template-columns:1fr}.who div,.who div+div{padding:22px 0;border-left:0;margin-top:0}.who div+div{border-top:1px solid var(--filet)}.acct-r{padding:22px}}

/* Contact */
.contact{background:var(--noir);color:var(--ivoire)}
.contact h2{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.08;max-width:16ch}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:1px solid var(--filet-sombre)}
.ways a{display:grid;gap:8px;padding:28px 28px 28px 0;text-decoration:none;min-width:0}
.ways a+a{padding-left:28px;border-left:1px solid var(--filet-sombre)}
.ways span{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--laiton)}
.ways b{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.7rem);overflow-wrap:anywhere}
.ways em{font-style:normal;font-size:.88rem;color:#a9a49a}
.ways a:hover b{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media (max-width:860px){.ways{grid-template-columns:1fr}.ways a,.ways a+a{padding:22px 0;border-left:0;border-bottom:1px solid var(--filet-sombre)}}

footer{background:var(--noir);color:#a9a49a;border-top:1px solid var(--filet-sombre);padding-block:56px 40px;font-size:.88rem}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
footer h4{margin:0 0 14px;font-weight:500;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ivoire)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
footer ul a{text-decoration:none;display:inline-block;padding:6px 0}
footer ul a:hover{color:var(--ivoire)}
.legal{margin-top:48px;padding-top:24px;border-top:1px solid var(--filet-sombre);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.8rem}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* Barre mobile */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(14,14,15,.96);padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));border-top:1px solid var(--filet-sombre)}
  .mbar .btn{min-height:50px;padding:0 10px;font-size:.78rem;color:var(--ivoire)}
  body{padding-bottom:74px}
  .hero-in{grid-template-columns:1fr;gap:36px;padding-block:120px 32px}
  .hero-img::after{background:linear-gradient(180deg,rgba(14,14,15,.55) 0%,rgba(14,14,15,.92) 55%,var(--noir) 100%)}
  .hero h1{font-size:2.35rem}
  .book{padding:22px}
}
@media (max-width:380px){.row2{grid-template-columns:1fr}}
.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--anthracite);color:var(--ivoire);padding:12px 18px;font-size:.88rem;z-index:70;max-width:calc(100% - 32px)}

/* Production */
.veh .req{justify-self:start;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--laiton);padding:10px 0 4px;color:var(--encre)}
.veh .req:hover{color:var(--laiton)}
.fleet{row-gap:56px}
.mad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--filet-sombre);border:1px solid var(--filet-sombre);margin-top:28px}
.mad > div{background:var(--noir);padding:24px 22px;display:grid;gap:6px;align-content:start}
.mad h4{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:1.3rem}
.mad .r{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;color:#cfcac0;padding:6px 0;border-bottom:1px dotted #3c3d42}
.mad .r b{font-family:var(--display);font-weight:400;color:var(--ivoire);font-size:1.05rem;white-space:nowrap}
.mad .r.s{color:#8d8880;font-size:.84rem}
.carte h3.sub{font-size:1.6rem;margin-top:72px}
.carte .subp{color:#a9a49a;font-size:.95rem;margin-top:8px;max-width:60ch}
@media (max-width:980px){.mad{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.mad{grid-template-columns:1fr}}
.faq{max-width:860px}
.faq details{border-top:1px solid var(--filet);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--filet)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font-family:var(--display);font-size:1.25rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--laiton);font-family:var(--texte);font-size:1.4rem}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--gris);padding:0 0 22px;max-width:70ch}
.credit-line{font-size:.74rem;color:#7c7870;margin-top:10px}
/* Pages légales */
.page{padding-block:150px 96px}
.page h1{font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.08}
.page .upd{color:var(--gris);font-size:.9rem;margin-top:12px}
.doc{max-width:760px;margin-top:48px}
.doc h2{font-size:1.6rem;margin:44px 0 12px}
.doc p,.doc li{color:#3d3c39}
.doc p+p{margin-top:12px}
.doc ul{padding-left:20px;margin:10px 0}
.doc li{margin:6px 0}
.doc a{color:var(--encre)}
.doc .todo{background:#efe6d6;padding:2px 6px}
.doc table{border-collapse:collapse;width:100%;font-size:.84rem;margin-top:12px}
.doc td,.doc th{border-bottom:1px solid var(--filet);padding:8px 8px 8px 0;text-align:left;vertical-align:top}
.tbl{overflow-x:auto}
/* Langues */
.lang a{text-decoration:none}
.lang ul{z-index:60}
.lang li a{display:flex;align-items:center;min-height:44px;padding:0 16px;color:var(--ivoire);font-size:.92rem}
.lang li a:hover{background:#333438}
.lang li a[aria-current="page"]{color:var(--laiton)}
.lang button{min-width:58px}
footer .langs a[aria-current="page"]{color:var(--laiton)}
.fgrid{grid-template-columns:1.2fr 1fr 1fr 1.1fr .8fr}
@media (max-width:1080px){.fgrid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:620px){.fgrid{grid-template-columns:1fr 1fr}}
.fgrid>div{min-width:0}
footer a{overflow-wrap:anywhere}
@media (max-width:420px){.fgrid{grid-template-columns:1fr}}
@media (max-width:400px){.bar{gap:10px}.tools{gap:8px}.brand .logo{height:16px}.lang button{min-width:48px;padding:0 8px}.burger{width:42px}}
.note-fr{background:var(--papier);border-left:2px solid var(--laiton);padding:12px 16px;font-size:.9rem;color:var(--gris);margin-top:20px;max-width:760px}
/* Arabe et chinois */
html[lang="ar"]{--display:"Amiri","Geeza Pro","Noto Naskh Arabic",serif;--texte:"IBM Plex Sans Arabic","Geeza Pro","Segoe UI",Tahoma,sans-serif}
html[lang="ar"] body{line-height:1.85}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.35}
html[lang="zh"]{--display:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",serif;--texte:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3{line-height:1.3;font-weight:500}
html[lang="ar"] *,html[lang="zh"] *{letter-spacing:0!important}
html[lang="ar"] .kicker,html[lang="ar"] .btn,html[lang="zh"] .kicker,html[lang="zh"] .btn{text-transform:none}
html[lang="ar"] .kicker,html[lang="zh"] .kicker{font-size:.9rem}
/* Droite à gauche */
[dir="rtl"] .hero-img::after{background:linear-gradient(270deg,rgba(14,14,15,.93) 0%,rgba(14,14,15,.72) 42%,rgba(14,14,15,.2) 100%)}
[dir="rtl"] .promise li,[dir="rtl"] .ap div,[dir="rtl"] .who div{padding-right:0;padding-left:24px}
[dir="rtl"] .promise li+li,[dir="rtl"] .ap div+div,[dir="rtl"] .who div+div{padding-left:0;padding-right:24px;border-left:0;border-right:1px solid var(--filet)}
[dir="rtl"] .ways a{padding:28px 0 28px 28px}
[dir="rtl"] .ways a+a{padding-left:0;padding-right:28px;border-left:0;border-right:1px solid var(--filet-sombre)}
[dir="rtl"] .svc a:hover{padding-left:0;padding-right:12px}
[dir="rtl"] .svc .go,[dir="rtl"] .menu dt i,[dir="rtl"] .more span{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .lang ul{right:auto;left:0}
[dir="rtl"] .hero .credit{right:auto;left:max(24px,env(safe-area-inset-left,0px))}
[dir="rtl"] .f select{background-position:20px 22px,15px 22px;padding-right:14px;padding-left:36px}
[dir="rtl"] a[href^="tel:"],[dir="rtl"] .ways b,[dir="rtl"] input[type="tel"],[dir="rtl"] input[type="email"]{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .ways b{text-align:right}
[dir="rtl"] .note-fr{border-left:0;border-right:2px solid var(--laiton)}
[dir="rtl"] .doc ul{padding-left:0;padding-right:20px}
[dir="rtl"] .doc td,[dir="rtl"] .doc th{text-align:right;padding:8px 0 8px 8px}
@media (max-width:900px){[dir="rtl"] .promise li:nth-child(3),[dir="rtl"] .ap div:nth-child(3),[dir="rtl"] .who div:nth-child(3){padding-right:0;border-right:0}}
@media (max-width:860px){[dir="rtl"] .ways a,[dir="rtl"] .ways a+a{padding:22px 0;border-right:0}}
@media (max-width:520px){[dir="rtl"] .promise li,[dir="rtl"] .promise li+li,[dir="rtl"] .ap div,[dir="rtl"] .ap div+div,[dir="rtl"] .who div,[dir="rtl"] .who div+div{padding-left:0;padding-right:0;border-right:0}}
.legal a{display:inline-block;padding:12px 0}
footer ul a{padding:10px 0}
.rgpd a{display:inline-block;padding:6px 0}