/*
Theme Name: Laumonier
Theme URI: https://carrosserie-laumonier.fr
Description: Thème du site Carrosserie Industrielles Laumonier. Enfant de Twenty Twenty-Five.
Author: ATARE
Author URI: https://www.atare-llc.com
Template: twentytwentyfive
Version: 2.0
Text Domain: laumonier
*/

/* =========================================================
   1. JETONS
   ========================================================= */
:root{
  --noir:#0A0A0B;
  --noir2:#121214;
  --noir3:#18181B;
  --jaune:#F5B800;
  --creme:#F4F3F1;
  --texte-inv:#B4B6BA;
  --texte-clair:#55585E;
  --filet:rgba(255,255,255,.14);
  --max:1360px;
}

/* =========================================================
   2. BASE
   ========================================================= */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--noir);
  color:#fff;
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-variation-settings:'wdth' 100;
  font-size:17px;
  line-height:1.66;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--jaune);color:#0A0A0B}
:focus-visible{outline:2px solid var(--jaune);outline-offset:3px}

/* Neutralise les contraintes de mise en page de WordPress :
   c'est la feuille de style qui gère la largeur, section par section. */
.wp-site-blocks,
.wp-block-group.page-corps,
.wp-block-post-content{max-width:none;margin:0;padding:0}
.wp-block-post-content>*{max-width:none}

.wrap{max-width:var(--max);margin:0 auto;padding:0 40px}
@media(max-width:700px){.wrap{padding:0 20px}}

/* =========================================================
   3. TYPOGRAPHIE
   ========================================================= */
.display{
  font-variation-settings:'wdth' 72,'wght' 800;
  text-transform:uppercase;
  line-height:.88;
  letter-spacing:-.015em;
  margin:0;
}
h1.display{font-size:clamp(42px,7.6vw,112px)}
h2.display{font-size:clamp(32px,5.1vw,72px)}
h3.display{font-size:clamp(20px,2.2vw,31px)}
h4.display{font-size:clamp(17px,1.5vw,21px);line-height:1.1}

.kick{
  font-variation-settings:'wdth' 88,'wght' 700;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:11px;
  color:var(--jaune);
  margin:0 0 22px;
}
.lede{
  font-size:clamp(16px,1.32vw,19.5px);
  line-height:1.64;
  color:var(--texte-inv);
  max-width:62ch;
  margin:22px 0 0;
}
.lede b,.lede strong{color:#fff;font-variation-settings:'wght' 700}
.lede a{color:var(--jaune);border-bottom:1px solid rgba(245,184,0,.4)}
.lede a:hover{border-bottom-color:var(--jaune)}
.mini{font-size:13px;color:#83868C;letter-spacing:.01em}

/* Section claire — « vitrine » pour les visuels fournisseurs sur fond blanc */
.clair{background:var(--creme);color:#101012}
.clair .lede{color:var(--texte-clair)}
.clair .kick{color:#8A6A00}
.clair .mini{color:#7B7E84}
.clair .lede b,.clair .lede strong{color:#101012}

/* =========================================================
   4. BOUTONS
   ========================================================= */
.btn{
  display:inline-flex;align-items:center;gap:12px;
  font-variation-settings:'wdth' 90,'wght' 700;
  text-transform:uppercase;letter-spacing:.14em;font-size:12px;
  padding:17px 30px;border:1px solid transparent;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
  cursor:pointer;
}
.btn-j{background:var(--jaune);color:#0A0A0B}
.btn-j:hover{background:#fff}
.btn-o{border-color:rgba(255,255,255,.38);color:#fff}
.btn-o:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-n{background:#0A0A0B;color:#fff}
.btn-n:hover{background:#26262A}
.clair .btn-o{border-color:rgba(0,0,0,.3);color:#101012}
.clair .btn-o:hover{background:rgba(0,0,0,.05);border-color:#101012}
.btn .ar{transition:transform .25s ease}
.btn:hover .ar{transform:translateX(5px)}
.cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}

/* =========================================================
   5. EN-TÊTE
   ========================================================= */
.entete{
  position:fixed;inset:0 0 auto 0;z-index:80;
  border-bottom:1px solid transparent;
  transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease;
}
.entete.scrolled,
.entete.ouvert{
  background:rgba(10,10,11,.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom-color:rgba(255,255,255,.1);
}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;height:92px;transition:height .3s ease}
.entete.scrolled .hdr{height:68px}
.hdr .marque img{height:40px;width:auto;transition:height .3s ease}
.entete.scrolled .hdr .marque img{height:31px}
@media(max-width:700px){.hdr .marque img{height:32px}}

nav.principal{display:flex;gap:30px;align-items:center}
nav.principal a{
  font-variation-settings:'wdth' 92,'wght' 600;
  text-transform:uppercase;letter-spacing:.13em;font-size:11.5px;
  color:rgba(255,255,255,.82);padding:6px 0;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
nav.principal a:hover,nav.principal a[aria-current="page"]{color:#fff;border-bottom-color:var(--jaune)}
nav.principal a.btn{border-bottom:1px solid transparent}
nav.principal a.btn:hover{border-bottom-color:transparent}

.burger{
  display:none;background:none;border:0;padding:10px;cursor:pointer;
  color:#fff;line-height:0;
}
.burger span{display:block;width:26px;height:2px;background:#fff;margin:5px 0;transition:transform .3s,opacity .3s}
.entete.ouvert .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.entete.ouvert .burger span:nth-child(2){opacity:0}
.entete.ouvert .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.voile{
  display:none;background:rgba(10,10,11,.98);
  border-top:1px solid var(--filet);
  max-height:calc(100svh - 68px);overflow-y:auto;
}
.entete.ouvert .voile{display:block}
.voile ul{list-style:none;margin:0;padding:18px 0 34px}
.voile li a{
  display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);
  font-variation-settings:'wdth' 80,'wght' 700;text-transform:uppercase;
  letter-spacing:.1em;font-size:15px;
}
.voile li a:hover{color:var(--jaune)}
.voile .sec{padding:22px 0 8px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#6E7177}
.voile .tel{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}

@media(max-width:1080px){
  nav.principal{display:none}
  .burger{display:block}
}

/* =========================================================
   6. HÉROS
   ========================================================= */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end}
.hero.court{height:84svh;min-height:540px}
.hero .bg{position:absolute;inset:0}
.hero .bg img{
  width:100%;height:100%;object-fit:cover;object-position:50% 50%;
  transform:scale(1.13);animation:kb 22s ease-out forwards;
}
@keyframes kb{to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hero .bg img{animation:none;transform:none}}
.hero .veil{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,10,11,.7) 0%,rgba(10,10,11,.18) 34%,rgba(10,10,11,.87) 79%,rgba(10,10,11,1) 100%)}
.hero .veil2{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,11,.8) 0%,rgba(10,10,11,.22) 54%,transparent 82%)}
.hero .inner{position:relative;width:100%;padding-bottom:8.5vh}
.hero h1{max-width:14ch}
.hero .rule{width:96px;height:5px;background:var(--jaune);margin:28px 0 24px}

.ariane{position:absolute;top:0;left:0;right:0;padding-top:118px;z-index:3}
.ariane p{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0}
.ariane a:hover{color:var(--jaune)}
@media(max-width:700px){.ariane{padding-top:96px}}

.scrollhint{
  position:absolute;right:40px;bottom:40px;z-index:3;
  font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(255,255,255,.5);writing-mode:vertical-rl;
}
.scrollhint:after{content:"";display:block;width:1px;height:52px;margin:14px auto 0;
  background:linear-gradient(rgba(255,255,255,.6),transparent)}
@media(max-width:900px){.scrollhint{display:none}}

/* En-tête simple, pour les pages sans photo (légales) */
.chapeau{padding:150px 0 clamp(50px,6vw,84px);border-bottom:1px solid rgba(0,0,0,.1)}
.chapeau .ariane{position:static;padding:0 0 22px}
.chapeau .ariane p{color:#8A8D93}

/* =========================================================
   7. APPARITION AU DÉFILEMENT
   ========================================================= */
.rv{opacity:0;transform:translateY(36px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.09s}.rv.d2{transition-delay:.18s}.rv.d3{transition-delay:.27s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* =========================================================
   8. SECTIONS
   ========================================================= */
section{position:relative}
.pad{padding:clamp(76px,10.5vw,158px) 0}
.pad-s{padding:clamp(56px,7vw,100px) 0}
.pad-b{padding:0 0 clamp(76px,10.5vw,158px)}
.noir2{background:var(--noir2)}
.head{max-width:48ch;margin-bottom:clamp(38px,5vw,68px)}
.head.large{max-width:60ch}

/* deux colonnes */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,88px);align-items:start}
.two.centre{align-items:center}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:36px}}

/* image + texte */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(34px,6vw,84px)}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:34px}}
.split.inv .im{order:2}
@media(max-width:900px){.split.inv .im{order:0}}
.split .im{position:relative;overflow:hidden}
.split .im img{width:100%;aspect-ratio:4/3;object-fit:cover}
.split .im.libre img{aspect-ratio:auto}
.split .im:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 120px 18px rgba(10,10,11,.5);pointer-events:none}
.clair .split .im:after{display:none}

/* bande pleine largeur */
.band{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}
.band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band .v{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,11,.95) 0%,rgba(10,10,11,.74) 48%,rgba(10,10,11,.22) 100%)}
.band.right .v{background:linear-gradient(270deg,rgba(10,10,11,.95) 0%,rgba(10,10,11,.74) 48%,rgba(10,10,11,.22) 100%)}
.band .c{position:relative;max-width:47ch;padding:clamp(70px,9vw,110px) 0}
.band.right .c{margin-left:auto}
@media(max-width:760px){
  .band .v,.band.right .v{background:linear-gradient(180deg,rgba(10,10,11,.6) 0%,rgba(10,10,11,.93) 55%,rgba(10,10,11,.99) 100%)}
  .band{min-height:0}
  .band .c{max-width:none}
}

/* tuiles portrait */
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.spec{grid-template-columns:1fr}}
.tile{position:relative;overflow:hidden;aspect-ratio:3/4;display:block;background:var(--noir3)}
@media(max-width:900px){.tile{aspect-ratio:16/10}}
.tile img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1);filter:saturate(.86) contrast(1.05)}
.tile:hover img{transform:scale(1.07)}
.tile .sh{position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 30%,rgba(10,10,11,.5) 62%,rgba(10,10,11,.96) 100%)}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 30px}
.tile .num{font-size:11px;letter-spacing:.2em;color:var(--jaune);font-variation-settings:'wght' 700;margin-bottom:12px}
.tile p{margin:12px 0 0;font-size:14.5px;line-height:1.55;color:#C8CACE;max-width:34ch}
.tile .go{margin-top:20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--jaune);display:inline-flex;gap:9px;align-items:center}

/* tuiles carrées — configurations */
.confs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.confs.deux{grid-template-columns:repeat(2,1fr)}
@media(max-width:1000px){.confs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.confs,.confs.deux{grid-template-columns:1fr}}
.conf{position:relative;overflow:hidden;display:block;background:var(--noir3);aspect-ratio:1/1}
.conf.large{aspect-ratio:4/3}
.conf img{width:100%;height:100%;object-fit:cover;
  filter:saturate(.88) contrast(1.04) brightness(.96);
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}
.conf:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.06) brightness(1)}
.conf .sh{position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 36%,rgba(10,10,11,.56) 66%,rgba(10,10,11,.97) 100%)}
.conf .cap{position:absolute;left:0;right:0;bottom:0;padding:30px 26px}
.conf .ref{font-size:10.5px;letter-spacing:.2em;color:var(--jaune);font-variation-settings:'wght' 700;margin-bottom:10px}
.conf p{margin:10px 0 0;font-size:14px;line-height:1.55;color:#C8CACE;max-width:34ch}

/* vignettes — vitrine claire, visuels fournisseurs sur fond blanc */
.fams{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.fams.trois{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.fams,.fams.trois{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fams,.fams.trois{grid-template-columns:1fr}}
.fam{background:#fff;display:block;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.fam:hover{transform:translateY(-7px);box-shadow:0 26px 54px -22px rgba(0,0,0,.4)}
.famimg{aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 58%,#FFFFFF 0%,#ECEAE7 70%,#E2DFDB 100%)}
.famimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.famimg.contient img{object-fit:contain;padding:12px}
.fam:hover .famimg img{transform:scale(1.05)}
.fam .t{padding:22px 22px 8px;font-variation-settings:'wdth' 88,'wght' 700;
  font-size:15.5px;line-height:1.25;color:#101012}
.fam .s{padding:0 22px 24px;font-size:12.5px;color:#7B7E84}

/* chiffres */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--filet)}
.nums.trois{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.nums,.nums.trois{grid-template-columns:repeat(2,1fr)}}
.nums>div{background:var(--noir);padding:44px 30px}
.noir2 .nums>div{background:var(--noir2)}
.nums .n{font-variation-settings:'wdth' 70,'wght' 800;font-size:clamp(34px,4.4vw,62px);line-height:1;letter-spacing:-.02em}
.nums .l{margin-top:14px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#83868C}

/* liste numérotée */
.pts{list-style:none;padding:0;margin:30px 0 0}
.pts li{padding:18px 0;border-top:1px solid var(--filet);display:flex;gap:18px;align-items:flex-start}
.pts li:last-child{border-bottom:1px solid var(--filet)}
.pts .k{color:var(--jaune);font-variation-settings:'wght' 700;font-size:12px;letter-spacing:.14em;min-width:34px;padding-top:4px}
.pts .t{font-size:15.5px;line-height:1.6;color:#C8CACE}
.pts .t b{color:#fff;font-variation-settings:'wght' 700;display:block;margin-bottom:4px;font-size:16.5px}
.clair .pts li{border-color:rgba(0,0,0,.12)}
.clair .pts .t{color:var(--texte-clair)}
.clair .pts .t b{color:#101012}
.clair .pts .k{color:#8A6A00}

/* cartes bordées */
.mk{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mk.trois{grid-template-columns:repeat(3,1fr)}
.mk.quatre{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.mk.quatre{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.mk.trois{grid-template-columns:1fr}}
@media(max-width:760px){.mk,.mk.quatre{grid-template-columns:1fr}}
.mkc{border:1px solid var(--filet);padding:clamp(28px,3vw,40px) clamp(24px,2.6vw,34px);transition:border-color .3s,background .3s}
a.mkc:hover,.mkc.actif{border-color:var(--jaune);background:rgba(245,184,0,.04)}
.mkn{font-variation-settings:'wdth' 72,'wght' 800;text-transform:uppercase;font-size:clamp(22px,2.2vw,30px);margin-bottom:14px;line-height:1}
.mkc .lede{margin:0;font-size:15px}
.mkc .go{margin-top:20px;display:inline-flex;gap:9px;align-items:center;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--jaune)}
.clair .mkc{border-color:rgba(0,0,0,.14);background:#fff}
.clair a.mkc:hover{border-color:#101012}
.clair .mkc .go{color:#8A6A00}

/* tableau */
.tab{width:100%;border-collapse:collapse;margin:34px 0 0;font-size:14.5px}
.tab th,.tab td{text-align:left;padding:15px 18px 15px 0;border-bottom:1px solid var(--filet);vertical-align:top}
.tab th{font-variation-settings:'wdth' 88,'wght' 700;text-transform:uppercase;
  letter-spacing:.14em;font-size:10.5px;color:var(--jaune);border-bottom-color:rgba(245,184,0,.4);white-space:nowrap}
.tab td{color:#C8CACE}
.tab td b,.tab td strong{color:#fff;font-variation-settings:'wght' 700}
.clair .tab th{color:#8A6A00;border-bottom-color:rgba(0,0,0,.25)}
.clair .tab td{color:var(--texte-clair);border-bottom-color:rgba(0,0,0,.1)}
.clair .tab td b{color:#101012}
.tabx{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:700px){.tab{font-size:13.5px}.tab th,.tab td{padding:12px 14px 12px 0}}

/* liste à puces carrées */
.ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:13px}
.ul.deux{grid-template-columns:1fr 1fr;gap:13px 34px}
@media(max-width:760px){.ul.deux{grid-template-columns:1fr}}
.ul li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.6;color:#C8CACE}
.ul li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--jaune)}
.ul li b{color:#fff;font-variation-settings:'wght' 700}
.clair .ul li{color:var(--texte-clair)}
.clair .ul li b{color:#101012}

/* galerie séquence */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.gal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gal{grid-template-columns:1fr}}
.gal figure{margin:0;background:var(--noir3)}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gal figcaption{padding:18px 20px 22px;font-size:14px;line-height:1.55;color:#C8CACE}
.gal .e{display:block;font-size:10.5px;letter-spacing:.2em;color:var(--jaune);
  font-variation-settings:'wght' 700;margin-bottom:8px}

/* téléchargements */
.dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
@media(max-width:860px){.dl{grid-template-columns:1fr}}
.dl a{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:16px 0;border-bottom:1px solid var(--filet);transition:color .2s}
.dl a:hover{color:var(--jaune)}
.dl .n{font-size:15px;line-height:1.45}
.dl .x{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#6E7177;white-space:nowrap}
.dl a:hover .x{color:var(--jaune)}

/* marques en ligne */
.brands{display:flex;flex-wrap:wrap;gap:0 44px;row-gap:20px;border-top:1px solid var(--filet);padding-top:42px}
.brands span{font-variation-settings:'wdth' 86,'wght' 600;font-size:14px;
  letter-spacing:.17em;text-transform:uppercase;color:#6E7177;transition:color .25s}
.brands span:hover{color:var(--jaune)}

/* appel à l'action jaune */
.cta-band{background:var(--jaune);color:#0A0A0B;padding:clamp(66px,8vw,112px) 0}
.cta-band .lede{color:#3A2E00}
.cta-band .kick{color:#3A2E00}
.cta-band .in-r{text-align:right}
.cta-band .tel{font-variation-settings:'wdth' 72,'wght' 800;font-size:clamp(28px,3.6vw,50px);line-height:1}
.ctaflex{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
@media(max-width:760px){.cta-band .in-r{text-align:left}.ctaflex{align-items:flex-start}}

/* bandeau téléphone */
.appel{background:var(--noir2);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet);
  padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* texte long — pages légales */
.prose{max-width:74ch;font-size:16.5px;line-height:1.75;color:var(--texte-clair)}
.prose h2{font-variation-settings:'wdth' 88,'wght' 800;text-transform:uppercase;
  letter-spacing:.02em;font-size:clamp(19px,1.9vw,25px);line-height:1.2;
  color:#101012;margin:52px 0 16px}
.prose h3{font-size:16px;font-variation-settings:'wght' 700;color:#101012;margin:32px 0 10px;letter-spacing:.01em}
.prose p{margin:0 0 17px}
.prose ul{margin:0 0 18px;padding-left:20px}
.prose li{margin-bottom:8px}
.prose a{color:#8A6A00;border-bottom:1px solid rgba(138,106,0,.35)}
.prose a:hover{border-bottom-color:#8A6A00}
.prose strong,.prose b{color:#101012;font-variation-settings:'wght' 700}
.prose table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.prose th,.prose td{text-align:left;padding:11px 16px 11px 0;border-bottom:1px solid rgba(0,0,0,.1);vertical-align:top}
.prose th{font-variation-settings:'wght' 700;color:#101012}

/* =========================================================
   9. PIED DE PAGE
   ========================================================= */
.pied{background:#000;padding:70px 0 38px;font-size:13.5px;color:#6E7177;line-height:1.75}
.pied a{color:#9A9DA3;transition:color .2s}
.pied a:hover{color:var(--jaune)}
.pied .marque img{height:36px;width:auto;margin-bottom:18px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px;margin-bottom:46px}
@media(max-width:980px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fgrid{grid-template-columns:1fr;gap:32px}}
.pied h4{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#fff;margin:0 0 15px}
.pied ul{list-style:none;margin:0;padding:0}
.pied li{margin-bottom:8px}
.fbot{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;font-size:12px;line-height:1.95;color:#5E6167}
.fbot a{color:#7E8187}

/* =========================================================
   10. DIVERS
   ========================================================= */
.aller-contenu{position:absolute;left:-9999px;top:0;z-index:100;padding:14px 22px;background:var(--jaune);color:#0A0A0B}
.aller-contenu:focus{left:0}
.admin-bar .entete{top:32px}
@media(max-width:782px){.admin-bar .entete{top:46px}}

/* =========================================================
   11. MENU DÉROULANT « NOS ÉQUIPEMENTS » (bureau)
   ========================================================= */
.avecmega{position:relative}
.mega{
  position:fixed;left:0;right:0;z-index:70;
  background:rgba(10,10,11,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-top:1px solid var(--filet);border-bottom:1px solid var(--filet);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.entete.mega-on .mega{opacity:1;visibility:visible;transform:none}
.mega .in{display:grid;grid-template-columns:repeat(5,1fr);gap:2px 34px;padding:38px 0 42px}
.mega a{
  display:block;padding:11px 0;font-size:13.5px;line-height:1.35;
  color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.07);
  transition:color .2s,padding-left .2s;
}
.mega a:hover{color:var(--jaune);padding-left:7px}
.mega a small{display:block;font-size:11px;letter-spacing:.06em;color:#6E7177;margin-top:3px}
.mega a:hover small{color:#8A8D93}
@media(max-width:1080px){.mega{display:none}}