.pied-site {
  background: #101e39;
  color: #dce6ff;
  padding: 42px 0 84px;
  font: .95rem/1.5 "DM Sans", system-ui, sans-serif;
}
.pied-site .pied-interieur { width: min(1240px, 100% - 40px); margin-inline: auto; }
.pied-site .pied-navigation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pied-site .pied-navigation nav { position: static; padding: 0; border: 0; }
.pied-site p { margin: 0; }
.pied-site strong { color: white; }
.pied-site ul { list-style: none; padding: 0; margin: 8px 0 0; }
.pied-site li + li { margin-top: 5px; }
.pied-site a, .pied-site button { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.pied-site button { padding: 0; background: none; border: 0; font: inherit; cursor: pointer; }
.pied-site .pied-bas { border-top: 1px solid #ffffff40; margin-top: 24px; padding-top: 16px; }
@media (max-width: 560px) {
  .pied-site .pied-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media print {
  .pied-site { display: none; }
}