/* GCGT — Pied de page
   Feuille regroupée le 26 octobre 2026 (auparavant dans les réglages CSS des éléments Bricks).
   Valable pour les versions française et anglaise. L'ordre des blocs est celui que générait Bricks : ne pas le changer sans vérifier. */

/* — .reseaux — */
@media (prefers-reduced-motion:reduce){html body #brx-footer .pied .reseau span{transition:none!important;transform:none!important}}
#brx-footer .pied .reseau span {
  transition: transform .35s cubic-bezier(.34,1.56,.64,1);
}
#brx-footer .pied .reseau:hover span {
  transform: translateY(-3px);
}
#brx-footer .pied .reseau:focus-visible span {
  transform: translateY(-3px);
}

/* — .pied-barre — */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #brx-footer .pied .reseau:hover,:root:not([data-theme="light"]) #brx-footer .pied .reseau:focus-visible{color:var(--encre)!important}}
#brx-footer .pied .reseau:hover {
  color: var(--rouge);
}
#brx-footer .pied .reseau:focus-visible {
  color: var(--rouge);
}
:root[data-theme="dark"] #brx-footer .pied .reseau:hover {
  color: var(--encre);
}
:root[data-theme="dark"] #brx-footer .pied .reseau:focus-visible {
  color: var(--encre);
}

/* — .pied — */
.pied {
  background: var(--papier);
  color: var(--gris);
}
.pied-barre {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.pied .reseaux {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: .5rem;
  width: auto;
}
.pied .reseau {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--gris);
  text-decoration: none;
  transition: color .25s;
}
.pied .reseau span {
  display: block;
  line-height: 0;
}
.pied .reseau svg {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.pied .reseau:hover {
  color: var(--encre);
}
.pied .reseau:focus-visible {
  color: var(--encre);
}
.pied .pied-mentions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: .6em;
  width: auto;
  font-family: "Source Sans 3",sans-serif;
  font-size: .875rem;
  letter-spacing: .06em;
  color: var(--gris);
  font-feature-settings: "lnum";
}
.pied .pied-mentions a {
  color: var(--gris);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.pied .pied-mentions a:hover {
  color: var(--rouge);
}