/* Uniformiser le haut de page */
body > section:first-of-type {
    /* Ajuste ces valeurs selon tes besoins */
    padding-top: 80px !important; 
    padding-bottom: 20px !important;
}

/* Si tu veux une valeur différente pour le mobile */
@media (max-width: 991px) {
    body > section:first-of-type {
        padding-top: 60px !important;
        padding-bottom: 10px !important;
    }
}



/* --- Correction menus toujours ouverts --- */
/* Cache tous les dropdown-menu par défaut */
.dropdown-menu {
    display: none !important;
}

/* Affiche uniquement le menu parent qui a la classe 'open' */
.nav-item.dropdown.open > .dropdown-menu {
    display: block !important;
    position: absolute !important; /* Pour le desktop */
    z-index: 1000 !important;
}

/* --- Adaptations Mobile --- */
@media (max-width: 991px) {
    .nav-item.dropdown.open > .dropdown-menu {
        position: static !important; /* En mobile, on le veut en dessous, pas en flottant */
    }
}

/* --- Alignement et Style des Icônes --- */
.icons-menu {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.mobi-mbri-globe-2 {
    font-size: 1.5rem !important;
    color: #006689 !important;
}

.mbr-iconfont {
    color: #006689 !important;
}

/* --- Réduction de la hauteur du Header --- */

/* On cible la classe spécifique de Mobirise pour réduire la hauteur */
.cid-vbZaIZqdb0 .container {
    height: 50px !important; /* On passe de 90px à 50px */
    margin-top: 0.5rem !important; /* Réduit l'espace au-dessus si besoin */
}

/* On ajuste la barre de navigation elle-même */
.cid-vbZaIZqdb0 .navbar {
    min-height: 50px !important;
}

/* On ajuste le logo pour qu'il soit plus petit et tienne dans la nouvelle hauteur */
.cid-vbZaIZqdb0 .navbar-brand img {
    height: 2.2rem !important; 
}

/* On réduit le padding des liens pour qu'ils soient bien alignés verticalement */
.cid-vbZaIZqdb0 .navbar-nav .nav-item .nav-link {
    padding: 8px 12px !important; /* Réduit par rapport au 16px original */
}
@media (max-width: 991px) {
    /* On autorise les icônes à revenir à la ligne */
    .icons-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    /* On force le bloc "Langues" à occuper toute la largeur pour passer en dessous */
    .icons-menu .nav-item.dropdown {
        flex: 0 0 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
}
/* --- Correction Mobile Radicale --- */
@media (max-width: 991px) {
    /* 1. Empêcher l'ouverture automatique par Mobirise */
    .cid-vbZaIZqdb0 .navbar-collapse {
        display: none !important; /* Cache le menu par défaut */
    }
    .cid-vbZaIZqdb0 .navbar-collapse.show {
        display: flex !important; /* Affiche seulement au clic */
        flex-direction: column !important;
        align-items: flex-start !important; /* Aligne tout à GAUCHE */
    }

    /* 2. Forcer l'alignement des liens */
    .cid-vbZaIZqdb0 .navbar-nav {
        align-items: flex-start !important;
        width: 100% !important;
    }

    /* 3. Forcer l'alignement des icônes (Réseaux + Planète) à GAUCHE */
    .icons-menu {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important; /* Force le départ à GAUCHE */
        align-items: center !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    
    /* Assurer que la planète ne prend pas toute la place */
    .icons-menu .nav-item.dropdown {
        flex: 0 0 auto !important; /* Ne prend que la place nécessaire */
    }
}
/* --- Fixation taille planète --- */
.cid-vbZaIZqdb0 .mobi-mbri-globe-2 {
    font-size: 1.5rem !important;
}

/* --- Fixation alignement mobile --- */
@media (max-width: 991px) {
    /* Aligne tous les éléments du menu à gauche */
    .cid-vbZaIZqdb0 .navbar-nav {
        align-items: flex-start !important;
        text-align: left !important;
    }
    
    /* Force les éléments à ne pas s'empiler en colonne si on veut garder la ligne */
    .cid-vbZaIZqdb0 .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
    }
}
/* Supprimer le point noir sur le menu Langues uniquement */
.nav-item.dropdown {
    list-style-type: none !important;
}

/* Si le point persiste à cause d'une décoration Mobirise spécifique */
.nav-item.dropdown::before {
    content: none !important;
    display: none !important;
}
/* --- Réduction ciblée de la hauteur des boutons --- */

.btn {
    /* Padding vertical (haut/bas) réduit pour diminuer la hauteur */
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    
    /* Padding horizontal (gauche/droite) inchangé pour garder la largeur */
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    
    /* On force une hauteur de ligne plus serrée */
    line-height: 1.2 !important;
    
    /* Assure le centrage du texte dans la nouvelle hauteur */
    display: inline-flex !important;
    align-items: center !important;
}

/* Cas des très gros boutons si nécessaire */
.btn-lg {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
/* --- Correction spécifique pour les boutons de Tabs --- */
.nav-tabs .nav-link, 
.cid-vcYwS2V5tr .nav-tabs .nav-link,
.cid-vcYtv5RnSZ .nav-tabs .nav-link {

    /* On définit une hauteur fixe qui écrase tout le reste */
    height: 40px !important; 
    min-height: 40px !important;
    
    /* On centre le texte verticalement et horizontalement */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* On supprime les paddings internes qui créent trop de hauteur */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    
    /* On force l'interligne à 1 pour éviter tout espace supplémentaire */
    line-height: 1 !important;
}


/* --- Création d'un nouveau style de texte : display-9 --- */
.display-9 {
    font-family: 'Zalando Sans Expanded', sans-serif !important; /* Ou la police que tu veux */
    font-size: 0.85rem !important; /* Taille plus petite pour les mentions/légendes */
    line-height: 1.2 !important;
    color: #006689 !important; /* Utilise ta couleur principale */
    font-weight: 400 !important;
    display: block !important;
}

/* Version responsive pour mobile : encore un peu plus petit */
@media (max-width: 768px) {
    .display-9 {
        font-size: 0.75rem !important;
    }
}
/* Une classe simple pour mettre en gras n'importe où */
.text-bold {
    font-weight: 700 !important;
}
/* --- Réinitialisation globale des liens --- */
a {
    text-decoration: none !important;
    background-image: none !important; /* Mobirise utilise souvent des images de fond pour simuler le soulignement */
}
/* 1. Tous les liens dans le corps du texte DOIVENT être soulignés */
p a, .mbr-text a, .item-content a {
    text-decoration: underline !important;
    text-underline-offset: 4px; /* Rend le soulignement plus élégant */
    color: #006689 !important;
}

/* 2. On exclut explicitement le menu et les tabs */
.navbar a, 
.nav-link, 
.dropdown-item, 
.nav-tabs .nav-link, 
.icons-menu a {
    text-decoration: none !important;
    background-image: none !important;
}

/* --- DISPLAY MODELS JAPONAIS (10-19) --- */
/* --- TITRES --- */
.display-10 {
  font-family: 'Kaisei Tokumin', serif !important;
  font-size: 4rem !important;
  font-weight: 800 !important; /* Le gras 800 est ici */
  line-height: 1.2 !important;
}

.display-11 {
  font-family: 'Kaisei Tokumin', serif !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.display-12 {
  font-family: 'Kaisei Tokumin', serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* --- TEXTES COURANTS (Japonais) --- */
.display-14 {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

.display-17 {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}

/* --- SI TU VEUX DU ZALANDO QUELQUE PART --- */
.ma-classe-zalando {
  font-family: 'Zalando Sans Expanded', sans-serif !important;
}

.display-8 {
  /* On met Gloock en priorité pour le latin, puis Noto Serif SC pour le chinois */
  font-family: 'Zalando Sans Expanded', sans-serif !important;
  font-size: 1.2rem !important;
  line-height: 1.2 !important;
  font-weight: 500 !important; /* Force le gras maximal (900) partout */
}

/* Petits textes / Footer (équivalent display-9) */
.display-19 {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  display: block !important;
}

/* Version responsive pour mobile de la display-19 */
@media (max-width: 768px) {
    .display-19 {
        font-size: 0.75rem !important;
    }
}
/* --- DISPLAY MODELS CHINOIS (20-29) --- */
/* Titres : Noto Serif Simplified Chinese (600-900) */
/* Textes : Noto Sans Simplified Chinese (500-800) */

/* Titre principal (équivalent display-1) */
.display-20 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 900;
}

/* Titre secondaire (équivalent display-2) */
.display-21 {
  font-family: 'Gloock', 'Noto Serif SC', serif !important;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 900;
}

.display-22 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
/* Texte courant (équivalent display-4/5) */

.display-24 {
  font-family: 'Noto Serif SC', sans-serif !important;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 500;
}

/* Texte de boutons / labels (équivalent display-7) */
.display-27 {
  font-family: 'Noto Sans SC', sans-serif !important;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 500;
}

/* Petits textes / Footer (équivalent display-9) */
.display-29 {
  font-family: 'Noto Sans SC', sans-serif !important;
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  display: block !important;
}

/* Version responsive pour mobile de la display-29 */
@media (max-width: 768px) {
    .display-29 {
        font-size: 0.75rem !important;
    }
}
/* Suppression des forces globales sur les h1-h4 */

/* On définit Kaisei Tokumin uniquement pour les classes qui doivent l'utiliser */
html[lang="ja"] .display-10, 
html[lang="ja"] .display-11 {
    font-family: 'Kaisei Tokumin', serif !important;
}

/* On définit Noto Sans JP pour le texte courant */
html[lang="ja"] .display-14, 
html[lang="ja"] .display-17 {
    font-family: 'Noto Sans JP', sans-serif !important;
}
.item-title a.link-bold {
    font-weight: 800 !important;
    font-size: 1.7rem !important;
    text-decoration: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* --- KILLER D'ANIMATION ET DE CACHAGE FOOTER --- */
.cid-vdm6s9atrt,
.cid-vdm6s9atrt * {
    /* On supprime toutes les animations possibles */
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    
    /* On force la visibilité totale */
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important; /* Pour que les liens soient cliquables */
}

/* On rétablit la structure Flexbox pour que ça ne soit pas décalé */
.cid-vdm6s9atrt .container,
.cid-vdm6s9atrt .row,
.cid-vdm6s9atrt .row-links-soc {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* Style de ton texte */
.cid-vdm6s9atrt .copyright, 
.cid-vdm6s9atrt .row-links-soc-item a {
    color: #006689 !important;
}

/* Padding Mobile */
@media (max-width: 991px) {
    .cid-vdm6s9atrt {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .cid-vdm6s9atrt .row {
        flex-direction: column !important;
        gap: 5px !important;
    }
}