/* Page d'accueil publique — template « La Trajectoire » (validé le 2026-10-21).
   Couleurs tirées des logos LewouhFinance : bleu, bleu nuit, or, rouge.
   Polices Montserrat (titres, boutons) et Open Sans (texte), voir polices.css.
   Trois largeurs : bureau, tablette (≤ 900 px), téléphone (≤ 520 px). */

:root{
  --bleu:      #0000cc;
  --bleu-2:    #0a1aa8;
  --nuit:      #0a1035;
  --or:        #f4b924;
  --or-fonce:  #d99a0b;
  --rouge:     #c8102e;
  --encre:     #14183a;
  --texte-2:   #4f5578;
  --gris:      #f0f2f9;
  --gris-2:    #cfd4e6;
  --creme:     #fff8e6;
  --blanc:     #ffffff;
  --titre:     'Montserrat','Segoe UI',system-ui,sans-serif;
  --corps:     'Open Sans','Segoe UI',system-ui,sans-serif;
  --gouttiere: 20px;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family:var(--corps); font-size:15px; line-height:1.55; color:var(--encre); background:var(--blanc); }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
h1,h2,h3{ font-family:var(--titre); line-height:1.15; text-wrap:balance; }
ul,ol{ list-style:none; }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.ey{ font-family:var(--titre); font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--or); }
.ey-rouge{ color:var(--rouge); }

/* Boutons — survol vert de la source */
.btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 22px; border-radius:24px;
  font-family:var(--titre); font-weight:700; font-size:13.5px; letter-spacing:.02em; text-decoration:none; white-space:nowrap;
  border:1.5px solid transparent; transition:background .25s, color .25s, box-shadow .25s; }
.btn-gold{ background:linear-gradient(180deg,#ffd45c,var(--or) 60%,var(--or-fonce)); color:var(--encre); }
.btn-bleu{ background:var(--bleu); color:var(--blanc); }
.btn-ghost{ border-color:var(--bleu); color:var(--bleu); }
.btn-ghost-clair{ border-color:var(--blanc); color:var(--blanc); }
.btn:hover,.btn:focus-visible{ background:linear-gradient(to bottom,#45c752 5%,#5cbf2a 100%); color:#fff; border-color:#18ab29; outline:none; }

/* Bannière animée */
.ban{ background:var(--nuit); color:var(--blanc); overflow:hidden; white-space:nowrap; border-bottom:2px solid var(--or); }
.ban-run{ display:flex; width:max-content; animation:defile 40s linear infinite; }
.ban:hover .ban-run{ animation-play-state:paused; }
.ban-lot{ display:flex; align-items:center; gap:34px; padding:9px 17px; }
.ban-it{ display:inline-flex; align-items:center; gap:9px; font-family:var(--titre); font-weight:700; font-size:13px; }
.ban-it b{ color:var(--or); }
.ban-marque{ color:var(--or); }
.ban-paire{ display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.08); border:1px solid rgba(244,185,36,.45); border-radius:20px; padding:3px 11px; }
.ban-paire b{ color:var(--blanc); }
.ban-paire .ban-usdt{ color:#26a17b; }
.ban-xch{ width:16px; height:16px; }
.ban-fiba{ width:22px; height:22px; border-radius:50%; object-fit:cover; }
.ban-sep{ color:var(--or); opacity:.6; }
@keyframes defile{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* En-tête */
.hdr{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px var(--gouttiere); border-bottom:1px solid var(--gris); }
.hdr-site img{ width:150px; height:auto; }
.hdr-nav{ display:flex; gap:20px; }
.hdr-nav a{ font-size:13.5px; font-weight:600; color:var(--texte-2); text-decoration:none; }
.hdr-nav a:hover{ color:var(--bleu); }
.hdr-acts{ display:flex; gap:8px; }

/* Héros */
.hero{ background:radial-gradient(120% 140% at 85% 0%,#1a2bd6 0%,var(--bleu-2) 45%,var(--nuit) 100%); color:var(--blanc);
  padding:40px var(--gouttiere) 36px; display:grid; grid-template-columns:1.35fr 1fr; gap:30px; align-items:center; }
.hero h1{ font-weight:800; font-size:clamp(24px,3.3vw,38px); margin:12px 0 14px; }
.hero h1 em{ font-style:normal; color:var(--or); }
.hero-sub{ opacity:.85; margin-bottom:20px; }
.hero-ctas{ display:flex; gap:10px; flex-wrap:wrap; }
.hero-piece{ display:grid; justify-items:center; gap:12px; text-align:center; }
.hero-piece img{ width:240px; border-radius:50%; box-shadow:0 0 0 6px rgba(244,185,36,.25),0 18px 40px rgba(0,0,0,.35); }
.hero-piece figcaption{ font-family:var(--titre); font-weight:700; font-size:clamp(17px,1.6vw,21px); line-height:1.25; max-width:280px; }
.hero-piece figcaption em{ font-style:normal; color:var(--or); }

/* Compteur des actions FIBA souscrites */
.compteur{ display:grid; grid-template-columns:auto 1fr auto; gap:10px 24px; align-items:center; padding:18px var(--gouttiere);
  background:var(--nuit); color:var(--blanc); border-top:1px solid rgba(244,185,36,.35); }
.compteur-titre{ font-family:var(--titre); font-weight:700; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--or); }
.compteur-chiffres{ font-family:var(--titre); font-size:15px; font-variant-numeric:tabular-nums; color:#dfe0ff; }
.compteur-chiffres b{ font-size:24px; font-weight:800; color:var(--blanc); }
.compteur-barre{ height:14px; border-radius:10px; background:rgba(255,255,255,.12); overflow:hidden; }
.compteur-barre span{ display:block; height:100%; width:var(--pct); min-width:6px; border-radius:10px;
  background:linear-gradient(90deg,var(--or-fonce),var(--or)); animation:remplir 1.6s cubic-bezier(.22,1,.36,1) both; }
@keyframes remplir{ from{ width:0; } to{ width:var(--pct); } }
.compteur-pct{ font-family:var(--titre); font-weight:800; font-size:26px; color:var(--or); font-variant-numeric:tabular-nums; }

/* Missions */
.missions{ display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--gris); }
.mis{ position:relative; padding:24px var(--gouttiere); display:grid; gap:8px; align-content:start; border-right:1px solid var(--gris); }
.mis:last-child{ border-right:0; }
.mis::before{ content:""; position:absolute; left:var(--gouttiere); top:0; width:44px; height:4px; background:var(--or); border-radius:0 0 4px 4px; }
.mis-ic{ width:42px; height:42px; border-radius:10px; display:grid; place-items:center; background:var(--gris); }
.mis h2{ font-size:23px; font-weight:800; text-transform:uppercase; letter-spacing:.01em; }
.mis p{ color:var(--texte-2); font-size:14px; }
.mis-former .mis-ic,.mis-former h2{ color:var(--bleu); }
.mis-financer .mis-ic,.mis-financer h2{ color:var(--rouge); }
.mis-accompagner .mis-ic,.mis-accompagner h2{ color:var(--or-fonce); }

/* Vidéo */
.vid{ display:grid; grid-template-columns:1.25fr 1fr; gap:28px; align-items:center; padding:34px var(--gouttiere); background:var(--nuit); color:var(--blanc); }
.vid-box{ border:2px solid var(--or); border-radius:12px; overflow:hidden; background:#000; }
.vid-box video{ display:block; width:100%; height:auto; aspect-ratio:640/368; background:#000; }
.vid-txt{ display:grid; gap:14px; justify-items:start; }
.vid-txt h2{ font-size:clamp(20px,2.4vw,28px); font-weight:800; }

/* Feuille de route */
.road{ background:var(--gris); padding:36px var(--gouttiere); }
.road-h{ display:flex; justify-content:space-between; align-items:flex-end; gap:14px; flex-wrap:wrap; margin-bottom:22px; }
.road-h h2{ font-size:26px; font-weight:800; margin-top:4px; }
.road-h p:last-child{ color:var(--texte-2); font-size:14px; margin-top:4px; }
.steps{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.steps::before{ content:""; position:absolute; left:8%; right:8%; top:22px; height:4px; border-radius:4px; background:linear-gradient(90deg,var(--bleu),var(--rouge),var(--or)); }
.step{ position:relative; display:grid; gap:10px; align-content:start; }
.step-n{ width:46px; height:46px; margin-inline:auto; border-radius:50%; display:grid; place-items:center; background:var(--blanc);
  border:4px solid var(--bleu); color:var(--bleu); font-family:var(--titre); font-weight:800; font-size:16px; position:relative; }
.step:nth-child(2) .step-n{ border-color:#6a1a8a; color:#6a1a8a; }
.step:nth-child(3) .step-n{ border-color:var(--rouge); color:var(--rouge); }
.step:nth-child(4) .step-n{ border-color:var(--or-fonce); background:var(--or); color:var(--encre); }
.card{ background:var(--blanc); border:1px solid var(--gris-2); border-radius:12px; overflow:hidden; }
.card-lg{ width:100%; height:110px; object-fit:contain; background:var(--blanc); border-bottom:1px solid var(--gris); }
.card-bd{ padding:12px 14px 14px; display:grid; gap:6px; }
.card-cat{ font-family:var(--titre); font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--texte-2); }
.card h3{ font-size:15px; font-weight:800; }
.card-val{ background:var(--creme); border:1px solid rgba(244,185,36,.55); border-radius:8px; padding:7px 10px; font-variant-numeric:tabular-nums; }
.card-val b{ font-family:var(--titre); font-size:16px; color:var(--bleu); }
.card-val span{ font-size:12px; color:var(--texte-2); }
.card-per{ display:flex; align-items:center; gap:7px; font-family:var(--titre); font-weight:700; font-size:12.5px; }
.card-per::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--or-fonce); }
.road-note{ margin-top:18px; font-size:12px; color:var(--texte-2); }

/* Parrainage et inscription */
.gain{ display:grid; grid-template-columns:1fr 1.15fr; gap:26px; align-items:center; padding:36px var(--gouttiere); }
.gain h2{ font-size:clamp(21px,2.4vw,27px); font-weight:800; margin-top:4px; }
.gain h2 em{ font-style:normal; color:var(--rouge); }
.gain p{ color:var(--texte-2); margin:10px 0 18px; }
.gift{ border:2px solid var(--or); border-radius:14px; padding:16px; display:grid; gap:12px; background:linear-gradient(180deg,var(--creme),var(--blanc)); }
.gift-h{ display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; font-family:var(--titre); font-weight:800;
  font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#7a5a0c; }
.gift-dix{ background:var(--rouge); color:var(--blanc); border-radius:20px; padding:3px 11px; letter-spacing:.02em; }
.assets{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.asset{ display:grid; justify-items:center; gap:6px; text-align:center; background:var(--blanc); border:1px solid var(--gris-2); border-radius:12px; padding:12px 6px; }
.asset img{ width:64px; height:64px; border-radius:50%; object-fit:cover; }
.asset b{ font-family:var(--titre); font-size:14.5px; font-variant-numeric:tabular-nums; }
.asset span{ font-size:11.5px; color:var(--texte-2); }

/* Produits */
.prods{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:0 var(--gouttiere) 32px; }
.prod{ display:flex; align-items:center; gap:10px; border:1px solid var(--gris-2); border-radius:12px; padding:10px; min-width:0; }
.prod img{ width:46px; height:46px; border-radius:50%; object-fit:cover; flex:none; }
.prod b{ display:block; font-family:var(--titre); font-size:14px; }
.prod span{ display:block; font-size:12px; color:var(--texte-2); }

/* Pied de page */
.pied{ display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; padding:20px var(--gouttiere); border-top:1px solid var(--gris); background:var(--blanc); }
.pied img{ width:84px; }
.pied p{ font-size:13px; color:var(--texte-2); }
.pied p b{ color:var(--encre); }
.pied-liens{ display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:6px; font-size:12.5px; font-weight:600; color:var(--bleu); }

/* ---------- Animations reprises de la source ---------- */
/* Pulsation (animLogoSE) */
.pulse{ animation:pulse 2.4s cubic-bezier(.37,0,.63,1) infinite alternate; }
@keyframes pulse{ from{ transform:scale(.93); } to{ transform:scale(1); } }
/* Entrée en zoom (gentxt) : jouée quand le bloc devient visible, voir accueil.js */
.gift.visible .asset{ animation:zin 1.8s cubic-bezier(.22,1,.36,1) var(--delai,0s) both; }
@keyframes zin{ from{ transform:translateX(-30px) scale(0); opacity:0; } to{ transform:none; opacity:1; } }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .pulse,.ban-run,.gift.visible .asset,.compteur-barre span{ animation:none; }
}

/* ---------- Tablette ---------- */
@media (max-width:900px){
  .hdr-nav{ display:none; }
  .hero{ grid-template-columns:1fr 200px; }
  .hero-piece img{ width:200px; }
  .vid,.gain{ grid-template-columns:1fr; }
  .steps{ grid-template-columns:repeat(2,1fr); row-gap:24px; }
  .steps::before{ display:none; }
  .prods{ grid-template-columns:repeat(2,1fr); }
}

/* ---------- Téléphone ---------- */
@media (max-width:520px){
  :root{ --gouttiere:16px; }
  .hdr{ padding-block:8px; }
  .hdr-site img{ width:118px; }
  .btn-inscr{ display:none; }
  .hero{ grid-template-columns:1fr; padding-block:24px; }
  .hero-piece{ order:-1; grid-template-columns:84px 1fr; justify-items:start; text-align:left; align-items:center; }
  .hero-piece img{ width:84px; }
  .hero-piece figcaption{ font-size:16px; }
  .compteur{ grid-template-columns:1fr auto; }
  .compteur-barre{ grid-column:1 / -1; grid-row:2; }
  .compteur-chiffres b{ font-size:20px; }
  .compteur-pct{ font-size:22px; }
  .hero-ctas{ display:grid; }
  .missions{ grid-template-columns:1fr; }
  .mis{ grid-template-columns:42px 1fr; column-gap:12px; border-right:0; border-bottom:1px solid var(--gris); padding-block:18px; }
  .mis h2{ font-size:19px; align-self:center; }
  .mis p{ grid-column:1/-1; }
  .vid{ padding-block:22px; gap:16px; }
  .vid-txt .btn{ justify-self:stretch; }
  .road{ padding-block:26px; }
  .road-h .btn{ width:100%; }
  .steps{ grid-template-columns:1fr; row-gap:14px; }
  .steps::before{ display:block; left:21px; right:auto; top:20px; bottom:20px; width:4px; height:auto; background:linear-gradient(180deg,var(--bleu),var(--rouge),var(--or)); }
  .step{ grid-template-columns:46px 1fr; column-gap:12px; }
  .step-n{ margin:0; }
  .card{ display:grid; grid-template-columns:76px 1fr; }
  .card-lg{ height:100%; min-height:80px; border-bottom:0; border-right:1px solid var(--gris); }
  .card-bd{ padding:10px; }
  .gain{ padding-block:26px; }
  .gain .btn{ width:100%; }
  .assets{ gap:6px; }
  .asset img{ width:50px; height:50px; }
  .prods{ grid-template-columns:1fr; padding-bottom:22px; }
  .pied{ grid-template-columns:60px 1fr; }
  .pied img{ width:60px; }
}

/* ========== Livre blanc du projet FIBA (2026-10-23) ========== */
.lb{ padding:40px var(--gouttiere) 10px; background:linear-gradient(180deg,var(--gris),var(--blanc) 260px); }
.lb-tete{ max-width:900px; margin:0 auto 26px; text-align:center; display:grid; gap:10px; justify-items:center; }
.lb-tete h2{ font-size:30px; font-weight:800; }
.lb-intro{ color:var(--texte-2); max-width:640px; }
.lb-sommaire{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:8px; }
.lb-sommaire a{ font-family:var(--titre); font-size:12px; font-weight:600; text-decoration:none; color:var(--bleu); border:1px solid var(--gris-2); border-radius:14px; padding:4px 10px; background:var(--blanc); }
.lb-sommaire a:hover{ border-color:var(--or); background:var(--creme); }
.lb-sec{ max-width:900px; margin:0 auto 18px; background:var(--blanc); border:1px solid var(--gris-2); border-radius:14px; padding:24px 26px; scroll-margin-top:16px; }
.lb-sec h3{ display:flex; align-items:center; gap:12px; font-size:21px; font-weight:800; color:var(--nuit); margin-bottom:12px; }
.lb-sec h3 span{ flex:none; min-width:40px; height:40px; padding:0 6px; border-radius:20px; display:grid; place-items:center; background:var(--bleu); color:var(--or); font-size:14px; }
.lb-sec h4{ font-family:var(--titre); font-size:16px; color:var(--bleu); margin:16px 0 6px; }
.lb-sec p{ margin-bottom:10px; }
.lb-sec a{ color:var(--bleu); }
.lb-q{ font-weight:700; color:var(--rouge); }
.lb-coches{ display:grid; gap:8px; margin:6px 0 12px; }
.lb-coches li{ position:relative; padding-left:28px; }
.lb-coches li::before{ content:"\2713"; position:absolute; left:0; top:2px; width:18px; height:18px; border-radius:50%; background:var(--or); color:var(--nuit); font-size:12px; font-weight:800; display:grid; place-items:center; line-height:1; }
.lb-media{ display:grid; grid-template-columns:1fr 260px; gap:22px; align-items:center; }
.lb-media img{ border-radius:12px; }
.lb-trio{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:10px 0 14px; }
.lb-trio li{ background:var(--nuit); color:var(--blanc); border-radius:12px; padding:14px; font-size:14px; }
.lb-trio b{ display:block; font-family:var(--titre); font-size:17px; color:var(--or); }
.lb-chiffre{ background:var(--creme); border-left:4px solid var(--or); padding:12px 14px; border-radius:8px; }
.lb-schema{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:12px; }
.lb-schema figure{ display:grid; justify-items:center; gap:6px; text-align:center; width:150px; font-size:12.5px; font-weight:600; }
.lb-schema img{ height:80px; width:auto; border-radius:10px; }
.lb-op{ font-family:var(--titre); font-size:30px; font-weight:800; color:var(--rouge); }
.lb-egal{ background:var(--gris); padding:12px 14px; border-radius:8px; text-align:center; }
.lb-frise{ display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin:6px 0 16px; }
.lb-frise li{ background:var(--gris); border-radius:10px; padding:10px; font-size:12.5px; font-weight:600; border-top:4px solid var(--bleu); }
.lb-frise li:nth-child(even){ border-top-color:var(--or); }
.lb-frise b{ display:block; font-family:var(--titre); font-size:18px; color:var(--rouge); }
.lb-frise small{ display:block; font-weight:400; color:var(--texte-2); }
.lb-etapes{ list-style:decimal; padding-left:22px; display:grid; gap:4px; }
.lb-produits{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:10px 0; }
.lb-produits li{ display:grid; grid-template-columns:64px 1fr; gap:4px 12px; font-size:13.5px; border:1px solid var(--gris-2); border-radius:12px; padding:12px; }
.lb-produits img{ grid-row:span 2; width:64px; height:64px; border-radius:50%; object-fit:cover; }
.lb-produits b{ font-family:var(--titre); color:var(--bleu); }
.lb-tableau{ overflow-x:auto; margin:10px 0 14px; border:1px solid var(--gris-2); border-radius:10px; }
.lb-tableau table{ width:100%; border-collapse:collapse; font-size:13px; min-width:640px; }
.lb-tableau caption{ font-family:var(--titre); font-weight:700; padding:10px; background:var(--nuit); color:var(--or); }
.lb-tableau th{ background:var(--bleu); color:var(--blanc); font-family:var(--titre); font-size:11.5px; padding:8px 6px; }
.lb-tableau td{ padding:6px; border-top:1px solid var(--gris); text-align:center; }
.lb-tableau tr.jalon td{ background:#e6f7ff; font-weight:700; }
.lb-tableau td.lb-perf{ background:var(--creme); font-family:var(--titre); font-weight:800; color:var(--rouge); font-size:15px; }
.lb-tableau td.ok{ color:#0a7d2c; font-weight:700; }
.lb-deux{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.lb-citation{ background:var(--nuit); color:var(--blanc); border-radius:12px; padding:14px 16px; }
.lb-citation b{ color:var(--or); }
.lb-tokeno{ display:grid; grid-template-columns:240px 1fr; gap:26px; align-items:center; }
.lb-anneau{ width:240px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center;
  background:conic-gradient(#c8102e 0 50%,#f4b924 0 70%,#0000cc 0 75%,#f07c1a 0 80%,#7a2fb5 0 90%,#7b4a26 0 100%); }
.lb-anneau span{ width:58%; aspect-ratio:1; border-radius:50%; background:var(--blanc); display:grid; place-content:center; text-align:center; font-size:12px; color:var(--texte-2); }
.lb-anneau b{ font-family:var(--titre); font-size:30px; font-weight:800; color:var(--nuit); }
.lb-legende{ display:grid; gap:8px; }
.lb-legende li{ display:grid; grid-template-columns:14px 1fr auto auto; gap:10px; align-items:center; font-size:14px; padding-bottom:6px; border-bottom:1px solid var(--gris); }
.lb-legende li::before{ content:""; width:14px; height:14px; border-radius:4px; background:var(--c,transparent); }
.lb-legende i{ font-style:normal; font-family:var(--titre); font-weight:800; color:var(--bleu); min-width:44px; text-align:right; }
.lb-legende .lb-total{ border-bottom:0; font-weight:700; }
.lb-carac{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; counter-reset:c; }
.lb-carac li{ counter-increment:c; border:1px solid var(--gris-2); border-radius:12px; padding:14px; font-size:13.5px; }
.lb-carac h4{ margin:0 0 6px; display:flex; gap:8px; }
.lb-carac h4::before{ content:"N°" counter(c); flex:none; font-size:11px; background:var(--or); color:var(--nuit); border-radius:10px; padding:2px 7px; height:fit-content; }
.lb-carac p{ margin:0; color:var(--texte-2); }
.lb-mot-corps{ display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:start; }
.lb-portrait{ position:sticky; top:16px; text-align:center; font-size:12.5px; }
.lb-portrait img{ border-radius:12px; border:4px solid var(--or); margin-bottom:8px; }
.lb-mot p{ font-size:14px; text-align:justify; }
.lb-signature{ background:var(--creme); padding:12px 14px; border-radius:8px; font-style:italic; }
.lb-ctas{ display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }

/* ========== Pied de page complet (2026-10-23) ========== */
.pied.pied-complet{ display:block; padding:34px var(--gouttiere) 18px; background:var(--nuit); color:#dfe3f5; border-top:4px solid var(--or); }
.pied-cols{ max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:28px; }
.pied-complet h2{ font-size:16px; font-weight:800; color:var(--or); margin-bottom:10px; }
.pied-complet p{ font-size:13px; color:#dfe3f5; margin-bottom:8px; }
.pied-complet p b{ color:var(--blanc); }
.pied-complet img{ width:70px; border-radius:10px; margin-bottom:10px; }
.pied-complet a{ color:var(--blanc); }
.pied-id{ display:grid; grid-template-columns:auto 1fr; gap:3px 10px; font-size:12.5px; margin-top:8px; }
.pied-id dt{ font-weight:700; color:var(--or); }
.pied-docs{ display:grid; gap:8px; font-size:13px; }
.pied-docs a{ display:flex; gap:8px; align-items:flex-start; text-decoration:none; }
.pied-docs a:hover{ color:var(--or); text-decoration:underline; }
.pied-docs svg{ flex:none; margin-top:2px; color:var(--or); }
.pied-contact{ display:grid; gap:8px; font-size:13px; }
.pied-contact b{ display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--or); }
.pied-reseaux{ display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:16px; padding-bottom:14px; }
.pied-reseaux a,.pied-reseaux .bientot{ position:relative; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--or); color:var(--nuit); }
.pied-reseaux svg{ width:20px; height:20px; fill:currentColor; }
.pied-reseaux .bientot{ background:#2a3160; color:#8a90b5; cursor:default; }
.pied-reseaux .bientot i{ position:absolute; bottom:-15px; font-style:normal; font-size:9px; color:#8a90b5; white-space:nowrap; }
.pied-bas{ max-width:1100px; margin:26px auto 0; padding-top:14px; border-top:1px solid #2a3160; font-size:12px !important; text-align:center; color:#a6acd0 !important; }

@media (max-width:900px){
  .lb-frise{ grid-template-columns:repeat(3,1fr); }
  .lb-carac{ grid-template-columns:1fr; }
  .lb-mot-corps{ grid-template-columns:170px 1fr; }
  .pied-cols{ grid-template-columns:1fr 1fr; }
  #qui-sommes-nous{ grid-column:1 / -1; }
}
@media (max-width:520px){
  .lb{ padding-top:28px; }
  .lb-tete h2{ font-size:24px; }
  .lb-sec{ padding:18px 16px; }
  .lb-sec h3{ font-size:18px; }
  .lb-media,.lb-deux,.lb-tokeno,.lb-mot-corps,.lb-produits,.lb-trio{ grid-template-columns:1fr; }
  .lb-frise{ grid-template-columns:repeat(2,1fr); }
  .lb-anneau{ width:200px; justify-self:center; }
  .lb-portrait{ position:static; max-width:200px; margin:0 auto; }
  .lb-mot p{ text-align:left; }
  .lb-schema figure{ width:120px; }
  .pied-cols{ grid-template-columns:1fr; }
}