footer {
  background: var(--creme);
  border-top: 1px solid var(--trait);
  padding: clamp(2.6rem, 6vw, 4.2rem) var(--marge) clamp(1.8rem, 4vw, 2.6rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.8rem, 4vw, 2.8rem);
  align-items: center;
  text-align: center;
}
.pied-agir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.4rem, 4vw, 3.2rem);
  flex-wrap: wrap;
  width: 100%;
  max-width: 56rem;
}
footer .signature {
  height: clamp(88px, 9vw, 124px);
  width: auto;
  max-width: 100%;
}
.pied-appel {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  align-items: flex-start;
  text-align: left;
}
@media (max-width:620px) {
  .pied-appel {
    align-items: center;
    text-align: center;
  }
}
.pied-cta {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  background: var(--nuit);
  color: var(--creme);
  padding: .85rem 1.5rem;
  border-radius: 999px;
  font-size: var(--t-petit);
  letter-spacing: .14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity .25s;
}
.pied-cta:hover {
  opacity: .85;
  color: var(--creme);
}
.pied-tel {
  font-family:
    "Clash",
    system-ui,
    sans-serif;
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  letter-spacing: .02em;
  color: var(--nuit);
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.pied-tel:hover {
  color: var(--or-sombre);
}
.pied-dispo {
  font-size: var(--t-petit);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bleu-3);
}
.pied-colonnes {
  display: grid;
  gap: clamp(1.6rem, 4vw, 3.4rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 56rem;
  text-align: left;
}
@media (max-width:620px) {
  .pied-colonnes {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    gap: 1.6rem;
  }
  .pied-colonnes a {
    justify-content: center;
  }
  .pied-agir {
    justify-content: center;
  }
}
.pied-colonnes > div {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.pied-colonnes .sur {
  margin: 0 0 .35rem;
  font-size: var(--t-petit);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--bleu-4);
}
.pied-colonnes a {
  font-size: var(--t-corps);
  color: var(--bleu-2);
  text-decoration: none;
  letter-spacing: 0;
  text-transform: none;
  transition: color .2s;
}
.pied-colonnes a:hover {
  color: var(--nuit);
}
.pied-proche {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.1rem;
  align-items: baseline;
  justify-content: center;
  max-width: 56rem;
}
.pied-proche .sur {
  font-size: var(--t-petit);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--bleu-4);
}
.pied-proche a {
  font-size: var(--t-petit);
  color: var(--bleu-2);
  text-decoration: none;
}
.pied-proche a:hover {
  color: var(--nuit);
}
.pied-civil {
  margin: 0;
  font-size: var(--t-petit);
  line-height: 1.7;
  color: var(--bleu-3);
  letter-spacing: .04em;
  max-width: 44rem;
}
.pied-civil b {
  color: var(--bleu-2);
  font-weight: 600;
}