/* Pied de page : le bas du comptoir en bois sombre, le timbre Roubla, les liens, l'association, et le crédit MiAS. */
.pied { position: relative; z-index: 2; background: var(--encre); color: #e9dec7; margin-top: 0; border-top: 6px solid var(--bois); }
.pied::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 8px;
  background: repeating-linear-gradient(90deg, var(--moutarde) 0 24px, var(--canard) 24px 48px); }
.pied a { color: #f2ead9; }
.pied a:hover { color: var(--moutarde); }
.pied-in { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, .9fr); gap: 34px; padding-block: 56px 36px; }
.pied-marque { display: grid; grid-template-columns: 110px 1fr; gap: 18px; align-items: start; }
.pied-marque img { width: 110px; border-radius: 4px; }
.pied-marque p { margin: 0 0 8px; font-size: 16px; }
.pied-marque .ar-texte { display: block; font-size: 22px; color: var(--moutarde); margin: 2px 0 8px; }
.pied h2 { font-family: var(--etiquette); font-weight: 600; font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: var(--moutarde); margin-bottom: 12px; }
.pied ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: 16px; }
.pied-villes { font-family: var(--etiquette); letter-spacing: .04em; color: #cbbd9f; font-size: 15px; }
.pied-bas { display: flex; flex-wrap: wrap; gap: 10px 26px; justify-content: space-between; padding-block: 18px 26px; border-top: 1px solid rgba(233, 222, 199, .2);
  font-size: 15px; color: #cbbd9f; }
.pied-bas .mias { font-weight: 700; }
@media (max-width: 900px) { .pied-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pied-marque { grid-column: 1 / -1; } }
@media (max-width: 520px) { .pied-in { grid-template-columns: minmax(0, 1fr); } .pied-marque { grid-template-columns: 80px 1fr; } .pied-marque img { width: 80px; } }