/* Pied de page commun du site public. Chargé après tokens.css.
   Sorti de site.css pour servir aussi les pages légales (confidentialité, conditions),
   qui ont leur propre mise en page et ne chargent pas site.css. */
.site-footer .wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer { background: var(--v900); color: rgba(247, 249, 247, 0.66); padding: 52px 0 32px; }
.ft {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(247, 249, 247, 0.12);
}
@media (min-width: 760px) { .ft { flex-direction: row; justify-content: space-between; } }

.ft-brand { display: flex; align-items: center; gap: 10px; }
.ft-brand img { height: 30px; width: auto; }
.ft-brand span { font-size: 17px; font-weight: 800; color: var(--creme); }
.ft .tag { font-family: var(--titre); font-size: 15px; color: var(--creme); margin-top: 10px; }
.fl { display: flex; flex-wrap: wrap; gap: 12px 28px; font-size: 14px; }
.fl a { display: inline-flex; align-items: center; min-height: 40px; }
.fl a:hover { color: var(--camel); }
.fb { padding-top: 22px; font-size: 13px; display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
.fb a { text-decoration: underline; }
.fb a:hover { color: var(--camel); }