/* ===== Pied de page pro (charte : anthracite + accent rouge) ===== */
.pied{
  background: var(--noir);
  color: #e9edf5;
  margin-top:40px;
  border-top: 4px solid var(--couleur);
  font-size: 15px;
  padding-top:12px;
}

/* Gabarit conteneur du footer : applique aux deux variantes (.conteneur et .contenur) */
.pied .conteneur,
.pied .contenur{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;             /* ← ajoute l’espace à gauche/droite */
}

/* Bande principale : 2 colonnes (marque / légal) */
.f-inner{
  display:grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;                   /* un peu plus d’air entre colonnes */
  padding: 22px 0 48px;             /* le padding horizontal vient du conteneur ci-dessus */
}
@media (max-width: 980px){
  .f-inner{grid-template-columns: 1fr}
}

/* Bloc marque */
.logo-pied{
  display:inline-flex;align-items:center;gap:10px;
  color:#fff;font-weight:800;font-size:18px;text-decoration:none
}
.logo-pied i{color: var(--couleur)}
.baseline{margin:10px 0 12px;color:#d7dceb;line-height:1.55}
.reseaux{display:flex;gap:10px;list-style:none;padding:0;margin:8px 0 0}
.reseaux a{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);color:#fff;text-decoration:none
}
.reseaux a:hover{background:rgba(255,255,255,.12)}

/* Bloc légal */
.t-pied{margin:0 0 10px;font-size:16px;color:#ffffff}
.liens{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.liens a{color:#e9edf5;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.liens a i{color: var(--couleur)}
.liens a:hover{text-decoration:underline}

/* Barre basse — mêmes bords que le haut */
.f-bas{
  margin-top: 18px;                        /* ← espace AU-DESSUS de la ligne */
  border-top: 1px solid rgba(255,255,255,.1);
  padding: 16px 0;                         /* espace interne autour du texte */
  background: rgba(255,255,255,.02);
}
.f-bas .conteneur,
.f-bas .contenur{max-width:1100px;margin:0 auto;padding:0 20px}
.f-bas-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (max-width: 640px){.f-bas-inner{flex-direction:column;align-items:flex-start;gap:6px}}
.droits{margin:0;color:#d7dceb}
.signature{margin:0;color:#d7dceb}
.signature a{color: var(--couleur);text-decoration:none}
.signature a:hover{text-decoration:underline}