/* Pied de page commun a toutes les pages. */
.pied{background:var(--navy);color:rgba(255,255,255,.72);font-family:"Inter Tight",Arial,sans-serif}
.pied-conteneur{max-width:1180px;margin:0 auto;padding:72px 24px 30px}
.pied a{color:rgba(255,255,255,.86);text-decoration:none;transition:color .18s ease}
.pied a:hover{color:#fff}
.pied-haut{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}
.pied-kicker{margin:0 0 10px;color:var(--or-clair);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.pied-accroche{margin:0;color:#fff;font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.15}
.pied .pied-bouton{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:#fff;color:var(--navy);font-size:15px;font-weight:500;line-height:1.2}
.pied .pied-bouton:hover{background:#f1e7d3;color:var(--navy)}
.pied-bouton svg{transition:transform .22s ease}
.pied-bouton:hover svg{transform:translateX(4px)}
.pied-grille{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:40px;padding:48px 0 52px}
.pied-logo{display:inline-block}
.pied-logo img{display:block;width:170px;height:auto;filter:brightness(0) invert(1)}
.pied-identite address,.pied-identite p{margin:20px 0 0;font-style:normal;font-size:15px;line-height:1.7}
.pied-identite p+p{margin-top:12px}
.pied-note{color:var(--or-clair);font-size:14px!important}
.pied-titre{margin:4px 0 18px;color:var(--or-clair);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.pied-colonne ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pied-colonne li{margin:0;font-size:15px;line-height:1.4}
.pied .hnm-cookies-lien{display:inline;margin:0;padding:0;border:0;background:none;color:rgba(255,255,255,.86);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:color .18s ease}
.pied .hnm-cookies-lien:hover{color:#fff}
.pied-bas .pied-social:first-of-type{margin-left:auto}
.pied-bas{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px}
.pied-bas p{margin:0}
.pied .pied-credit{color:rgba(255,255,255,.72);text-decoration:underline;text-underline-offset:3px}
.pied-social+.pied-social{margin-left:10px}
.pied-social{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.pied-social:hover{border-color:var(--or-clair)}
@media (max-width:991px){.pied-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}
@media (max-width:600px){.pied-conteneur{padding:56px 20px 26px}.pied-haut{padding-bottom:36px}.pied-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 20px;padding:40px 0}.pied-identite{grid-column:1/-1}.pied-identite a[href^="mailto"]{word-break:break-word}}
/* Zones tactiles : 44 px pour les pastilles des reseaux, et des liens de
   colonnes assez hauts pour le doigt (ils faisaient 19 px). */
.pied-social{width:44px;height:44px}
.pied-colonne ul{gap:4px}
.pied-colonne a,.pied .hnm-cookies-lien{display:inline-flex;align-items:center;min-height:32px}
/* Pas d'ombre sur le bouton : sur le fond bleu nuit elle ne se voyait pas. */
.pied .pied-bouton,.pied .pied-bouton:hover{box-shadow:none}
.pied a:focus-visible,.pied button:focus-visible{outline:2px solid var(--or-clair);outline-offset:3px;border-radius:4px}
/* Credit : zone tactile de 24 px minimum. */
.pied .pied-credit{display:inline-flex;align-items:center;min-height:24px}