/* ---------- pied ---------- */
.foot{background:var(--steel);border-top:1px solid var(--line);padding-top:56px;
  font-size:.91rem}
.foot__c{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:36px;
  padding-bottom:42px;border-bottom:1px solid var(--line)}
.foot h4{font-family:var(--ui);font-weight:800;font-size:.76rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--navy);margin-bottom:16px;
  padding-bottom:10px;border-bottom:2px solid var(--sky);display:inline-block}
.foot ul{list-style:none;display:grid;gap:10px}
.foot a{color:var(--body)}
.foot h4 a{color:inherit}
.foot a:hover{color:var(--blue)}
.foot__m img{height:46px;width:auto;margin-bottom:18px}
.foot__m p{max-width:34ch;color:var(--body);font-size:.88rem}
.foot__s{display:flex;gap:8px;margin-top:18px}
.foot__s a{width:42px;height:42px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--blue)}
.foot__s a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.foot__e{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding-block:22px;font-size:.82rem;color:var(--body)}
/* Cinq colonnes depuis le lot 5 : sous 1100 px la marque prend toute la ligne, au-dessus des quatre listes */
@media (max-width:1100px){.foot__c{grid-template-columns:repeat(4,minmax(0,1fr))}.foot__m{grid-column:1/-1}}
@media (max-width:820px){.foot__c{grid-template-columns:1fr 1fr}}