/* LE PIED DE PAGE — commun aux 17 pages.

   Le module « pied » de Sillon rend les colonnes avec ses classes s-pied-* et
   aucun style : l'allure est ici. Le logo, les réseaux et la ligne du bas
   viennent du partial du site, d'où les deux familles de classes qui se
   côtoient (site-pied-* et s-pied-*).

   Pas d'arrondi : Jonas n'en veut nulle part sur le site. */

.site-pied{background:#101719;color:#f8f5ed;padding:72px 5.3% 0;
  font-family:Arial,Helvetica,sans-serif}

.site-pied-haut{display:grid;gap:44px 56px;align-items:start;padding-bottom:54px;
  grid-template-columns:minmax(200px,1.1fr) repeat(3,minmax(150px,1fr)) minmax(150px,.9fr)}

/* la marque */
.site-pied-marque img{display:block;width:150px;height:auto}

/* les colonnes du module : le <footer class="s-pied"> qu'il rend n'est qu'une
   ligne de la grille, ses zones reprennent le flux de la grille du parent */
.site-pied .s-pied{display:contents}
.site-pied .s-pied-zone{display:flex;flex-direction:column;gap:10px}
.site-pied .s-pied-titre,.site-pied-reseaux .s-pied-titre{
  margin:0 0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:#ff7526}
.site-pied .s-pied-bloc{margin:0}
.site-pied .s-pied-bloc p{margin:0 0 8px;font-size:14px;line-height:1.6;color:#cfd6d8}
.site-pied .s-pied-bloc p:last-child{margin-bottom:0}
.site-pied a{color:#f8f5ed;text-decoration:none;font-size:14px;line-height:1.9;
  transition:color .2s}
.site-pied a:hover,.site-pied a:focus-visible{color:#ff7526}
.site-pied .s-pied-lien{display:inline-block}

/* les réseaux : la MÊME liste que la page contact, d'où la remise à plat —
   sur /contact elle est dessinée en gros boutons clairs, ici c'est une simple
   colonne de liens. Tout est réécrit, rien n'est hérité par hasard. */
.site-pied-reseaux .contact-reseaux{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;max-width:none;
  grid-template-columns:none}
.site-pied-reseaux .contact-reseaux a{display:flex;align-items:center;
  justify-content:flex-start;gap:10px;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;transform:none}
.site-pied-reseaux .contact-reseaux a:hover{background:none;border-color:transparent;
  transform:none}
.site-pied-reseaux .contact-reseaux svg{width:17px;height:17px;flex:none;
  fill:currentColor}
.site-pied-reseaux .contact-reseaux a:hover svg{fill:currentColor}
.site-pied-reseaux .contact-reseaux span{font-size:14px;font-weight:400;
  letter-spacing:0}

/* la ligne du bas */
.site-pied-bas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;
  border-top:1px solid #ffffff1f;padding:22px 0 28px;
  font-size:12px;letter-spacing:.03em;color:#8fa0a6}
.site-pied-bas>span:first-child{margin-right:auto}
.site-pied-bas a{font-size:12px;color:#f8f5ed;border-bottom:1px solid #ff7526;
  padding-bottom:1px}
.site-pied-bas .s-cookies-manage,
.site-pied-bas #motion{background:none;border:0;padding:0;cursor:pointer;
  font:inherit;color:#8fa0a6;letter-spacing:.03em;transition:color .2s}
.site-pied-bas .s-cookies-manage:hover,.site-pied-bas .s-cookies-manage:focus-visible,
.site-pied-bas #motion:hover,.site-pied-bas #motion:focus-visible{color:#f8f5ed}

@media(max-width:1100px){
  .site-pied-haut{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-pied-marque{grid-column:1/-1}
}
@media(max-width:900px){
  .site-pied{padding:54px 6% 0}
  .site-pied-haut{grid-template-columns:1fr;gap:34px;padding-bottom:36px}
  .site-pied-marque{grid-column:auto}
  /* 44 px de haut : la cible minimale au doigt. Le rembourrage remplace
     l'écart entre les liens, sinon le pied double de hauteur pour rien. */
  .site-pied .s-pied-zone{gap:0}
  .site-pied .s-pied-bloc-lien .s-pied-lien,
  .site-pied-reseaux .contact-reseaux a{display:block;padding:12px 0;line-height:1.4}
  .site-pied-reseaux .contact-reseaux{gap:0}
  .site-pied-reseaux .contact-reseaux a{display:flex}
  .site-pied .s-pied-bloc-texte a{display:inline-block;padding:13px 0;line-height:1.4}
  .site-pied .s-pied-bloc-texte p{margin-bottom:14px}
  .site-pied-bas #motion,.site-pied-bas .s-cookies-manage,.site-pied-bas a{display:inline-block;padding:14px 0;line-height:1.2}
  .site-pied-bas{padding:20px 0 26px;gap:12px}
  .site-pied-bas>span:first-child{margin-right:0;width:100%}
}