/* ============================================================
   FOOTER — Contrôle total du layout et du style
   ============================================================ */


/* ─────────────────────────────────────────────── */
/* 2. TITRE "ECHO DU VIDE" — version enrichie      */
/* ─────────────────────────────────────────────── */

footer .kt-adv-headingblock-20_41cba0-c9 {
    font-family: 'Ethnocentric', sans-serif !important; /* police personnalisée */
    font-size: 2rem !important; /* taille du titre */
    color: #ffffff !important; /* couleur néon */
    letter-spacing: 0.1em;
    text-align: center;

    /* ─────────────────────────────────────────────── */
    /* OPTION 1 — Déplacement simple avec margin       */
    /* (le plus naturel, idéal pour petits ajustements) */
    /* ─────────────────────────────────────────────── */
    margin-top:40px;   /* <-- décale vers le bas */
    margin-left: 80px;   /* <-- décale vers la droite */

    /* ─────────────────────────────────────────────── */
    /* OPTION 2 — Positionnement relatif               */
    /* (permet de déplacer le titre sans casser le flux) */
    /* ─────────────────────────────────────────────── */
    /* position: relative;
       top: 10px;     <-- vers le bas
       left: 20px;    <-- vers la droite
    */

    /* ─────────────────────────────────────────────── */
    /* OPTION 3 — Positionnement absolu                */
    /* (pour placement EXACT, nécessite un parent en relative) */
    /* ─────────────────────────────────────────────── */
    /*
    position: absolute;
    top: 40px;        <-- distance depuis le haut du footer
    left: 50px;       <-- distance depuis la gauche
    width: 100%;      <-- garde le centrage si tu veux
    text-align: center;
    */
}

/* ─────────────────────────────────────────────── */
/* 3. MENU DU FOOTER                               */
/* ─────────────────────────────────────────────── */


#footer-menu {
    max-width: 720px !important; /* ← valeur clé : plus petite que 7 liens sur une ligne */
    margin: 0 auto;
    list-style: none;
    padding: 0;
    margin: 0 auto 0.1rem auto; /* espace sous le menu */
    display: flex;
    flex-wrap: wrap; /* permet de passer sur plusieurs lignes */
    justify-content: flex-start; /* colle les liens à gauche */

    margin-top: 30px;   /* <-- décale vers le bas */
    margin-left: 75px;  /* <-- décale vers la droite */

    column-gap: 1.5rem; /* espace horizontal */
    row-gap: 1rem;    /* espace vertical */

    /* ─────────────────────────────────────────────── */
    /* AJOUT IMPORTANT : élargit réellement la zone    */
    /* pour éviter le passage en 3 lignes              */
    /* ─────────────────────────────────────────────── */
    width: 100%;
    /* min-width:1024px;  ← on enlève ça, c’est lui qui casse tout */
}




#footer-menu li a {
    font-family: 'Futura LT', sans-serif;
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
}

#footer-menu li a:hover {
    color: #FF00D9;
}

/* ─────────────────────────────────────────────── */
/* 4. IMAGE PEGI                                   */
/* ─────────────────────────────────────────────── */

footer .kb-imageblock-8_6859e0-3c img {
    max-width:150px; /* taille contrôlée */
    margin: 1.5rem auto;
    display: block;
    margin-top: -50px;   /* <-- décale vers le bas */
    margin-left: 400px !important;  /* <-- décale vers la droite */
    
}

/* ─────────────────────────────────────────────── */
/* 5. TEXTE FINAL (copyright)                      */
/* ─────────────────────────────────────────────── */

footer .footer-widget-area-inner p {
    font-family: 'Futura LT', sans-serif;
    font-size: 1.2rem;
    color: #ffffff;
    margin-top: 0.5rem;
    line-height: 0.1;
     margin-left: 75px;  /* <-- décale vers la droite */
 
    
}