/* CANEQUA — chrome partagé (en-tête + pied de page), style pop. À lier sur toutes les pages. */
:root{
  --jaune:#FFD200; --cobalt:#0044CC; --rouge:#E62128;
  --creme:#F4ECD8; --blanc-casse:#FFFEFA; --noir:#0A0A0A;
}

/* En-tête */
.site-head{
  max-width:960px;margin:0 auto;padding:22px 20px 0;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  position:relative;z-index:5;
}
.site-head .logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.site-head .logo img{width:44px;height:44px;display:block;border:2.5px solid var(--noir);border-radius:10px;background:var(--blanc-casse)}
.site-head .logo span{font-family:'Archivo Black',sans-serif;font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:var(--noir)}
.site-head nav{display:flex;gap:7px;flex-wrap:wrap}
.site-head nav a{
  font-family:'Archivo Black',sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--noir);text-decoration:none;padding:9px 15px;border:2.5px solid var(--noir);border-radius:30px;
  background:var(--blanc-casse);box-shadow:2px 2px 0 var(--noir);
  transition:transform .1s, box-shadow .1s, background .1s, color .1s;
}
.site-head nav a:hover,.site-head nav a[aria-current="page"]{background:var(--cobalt);color:var(--creme);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--noir)}
@media(max-width:560px){.site-head{justify-content:center;gap:12px}.site-head nav{justify-content:center}}

/* Pied de page */
.site-foot{max-width:960px;margin:64px auto 0;padding:30px 20px 42px;border-top:3px solid var(--noir);text-align:center;position:relative;z-index:5}
.site-foot .fb{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.site-foot .fb img{width:36px;height:36px;border:2.5px solid var(--noir);border-radius:9px;background:var(--blanc-casse)}
.site-foot .fb span{font-family:'Archivo Black',sans-serif;font-size:15px;text-transform:uppercase;color:var(--noir)}
.site-foot .tag{font-family:'Archivo Black',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--rouge);margin-bottom:16px}
.site-foot .fnav{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.site-foot .fnav a{font-family:'Spectral',Georgia,serif;font-size:14px;color:var(--cobalt);text-decoration:none;padding:6px 12px;border-radius:20px;transition:background .12s}
.site-foot .fnav a:hover{background:#EADFC0;color:var(--rouge)}
.site-foot .legal{font-family:'Spectral',Georgia,serif;font-size:13px;color:#6a6a6a;line-height:1.6}
.site-foot .legal a{color:var(--cobalt);text-decoration:underline}