.pied{margin-top:56px;border-top:1px solid var(--ligne);color:var(--pale);font-size:14px;line-height:20px;
  font-weight:var(--umm-mention-poids);letter-spacing:var(--umm-mention-interlettrage)}
.pied__mur{max-width:1680px;margin:0 auto;padding:40px var(--marge) 8px;
  display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:40px clamp(24px,4vw,72px)}
.pied a{color:inherit;text-decoration:none;transition:color .15s}
.pied a:hover{color:var(--texte)}
.pied a:focus-visible{outline:2px solid var(--encre);outline-offset:2px;border-radius:4px}

.pied__marque p{margin:14px 0 0;max-width:30ch}
.pied__logo{display:inline-flex;align-items:center;gap:10px;color:var(--texte) !important;
  font:700 15px/1 var(--umm-police);letter-spacing:-.01em}

.pied__logo .logo__mot img{display:block;height:30px;width:auto}

.pied__colonnes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:32px 24px}
.pied__titre{margin:0 0 12px;color:var(--texte);font-weight:var(--umm-etiquette-poids);
  letter-spacing:var(--umm-etiquette-interlettrage);font-size:13px;text-transform:uppercase}
.pied__colonne ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}

.pied__tout a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--sceau)}
.pied__tout a::after{content:" →"}

.pied__fin{max-width:1680px;margin:0 auto;padding:28px var(--marge) 32px;font-size:13px}

@media (max-width:720px){
  .pied__mur{grid-template-columns:1fr;gap:32px}
  .pied__colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
}