/* ===================================================================== PIED DE PAGE DE WATERSTART.TEAM (05/11/2026, demande d'Erwan) — même présentation, mêmes contenus et mêmes adresses que le pied de buyest.io (qwero-ai : components/layout/Footer.tsx et PiedCommun.tsx, styles « .footer-* » et « PIED COMMUN » de app/globals.css). Le bloc HTML est IDENTIQUE sur les 17 pages qui chargent ce fichier (accueil, revue, réservation, Bassins d'emploi, abonnement) : toute modification se fait partout en une passe. Deux rangées : 1. le logo Water Start et sa devise ; 2. le pied commun : © · Infrastructure USA · Infrastructure Europe · services juridiques (section « PIED COMMUN » de Buyest, recopiée). Les boutons SUNCOM et « Investisseurs & Partenaires » de Buyest ne sont PAS repris (demande d'Erwan du 05/11 : seules les adresses comptaient). Les couleurs du texte viennent du pied de chaque page (`color` hérité). Seules deux teintes changent selon le fond, par `data-pied` : « clair » (revue, abonnement) ou « sombre » (accueil, réservation, Team). ===================================================================== */ .pw{flex:1 1 100%;width:100%;max-width:1120px;margin:0 auto;text-align:left; --pw-fort:#F4F8F9;--pc-badge-texte:#E8EDF5;--pw-trait:rgba(156,198,209,.22)} .pw[data-pied="clair"]{--pw-fort:#0E3D52;--pc-badge-texte:#0E3D52;--pw-trait:#DDE5E8} /* ---------- 1. Logo + devise ---------- */ .pw-haut{margin:0 0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:start} .pw-marque{grid-column:1;justify-self:start} .pw-devise{grid-column:1} /* « Plan du site » en haut à droite, comme sur buyest.io. */ .pw-plan{grid-column:2;grid-row:1;font-size:.75rem;color:inherit;text-decoration:none;opacity:.85;padding:4px 0} .pw-plan:hover{text-decoration:underline;text-underline-offset:4px;opacity:1} .pw-plan:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px} .pw-marque{display:inline-flex;align-items:center;gap:10px;margin:0 0 8px;text-decoration:none;color:var(--pw-fort)} .pw-logo{flex-shrink:0;display:block} /* Sur fond sombre, le carré bleu profond du logo disparaîtrait : il passe en bleu pâle. */ .pw[data-pied="sombre"] .pw-logo path:first-child{fill:#9CC6D1} .pw-mot{font-family:"Michroma","Public Sans",sans-serif;font-size:18px;line-height:1;letter-spacing:.04em;color:var(--pw-fort)} .pw-fanion{flex-shrink:0;display:block;margin-left:-4px;align-self:flex-start} .pw-devise{margin:2px 0 4px;padding-left:40px;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75;line-height:1.4} .pw-marque:focus-visible{outline:2px solid #00D4B8;outline-offset:4px;border-radius:4px} /* ---------- 2. Pied commun (copie de la section « PIED COMMUN » de Buyest) ---------- */ .pw-commun{border-top:1px solid var(--pw-trait);padding-top:24px} .pc-cadre{container-type:inline-size;width:100%} .pc{max-width:1180px;margin:0 auto;display:grid;gap:22px 40px;text-align:left; font-family:"Public Sans",sans-serif;font-size:10.4px;line-height:1.6;font-weight:400;letter-spacing:normal;text-transform:none; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) fit-content(360px); grid-template-areas:"copy usa eu cab"} .pc p{margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none} .pc-copy{grid-area:copy}.pc-usa{grid-area:usa}.pc-eu{grid-area:eu}.pc-cab{grid-area:cab;text-align:right} .pc .pc-titre{font-size:10.8px;font-weight:600} .pc .pc-pp{font-family:"Michroma","Public Sans",sans-serif;font-size:8.6px;letter-spacing:.08em;margin-top:2px} .pc .pc-doux{font-size:10px} .pc .pc-emias{margin:4px 0 3px;line-height:1} .pc-usa,.pc-eu,.pc-cab{display:flex;flex-direction:column} .pc .pc-adr,.pc .pc-droits{margin-top:auto} .pc .pc-liens{display:flex;flex-wrap:nowrap;white-space:nowrap;justify-content:flex-end;align-items:center;margin-top:4px} /* `gap:0` : certains pieds de page (l'accueil) espacent leurs