/* ================================================
   VOS RÈGLES HISTORIQUES (À garder telles quelles)
   ================================================ */
td { color: black; font-style: normal; font-weight: normal; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
p { color: black; font-style: normal; font-weight: normal; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a { color: red; font-style: normal; font-weight: normal; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a:hover { text-decoration: underline }
a:active { color: red; font-size: 13px; font-family: Arial, Helvetica, Geneva }
a:vlink { color: #f60; font-size: 13px; line-height: normal; font-family: Helvetica, Arial, Geneva }
.BLKtitre { color: black; font-style: normal; font-weight: bold; font-size: 18px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.BLUtitre { color: #00008b; font-style: normal; font-weight: bold; font-size: 18px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.REDtitre { color: #c00; font-style: normal; font-weight: bold; font-size: 18px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.WHTtitre { color: white; font-style: normal; font-weight: bold; font-size: 18px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.GRYbold { color: #6e6e6e; font-style: normal; font-weight: bold; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.LTGREYbold { color: #b9b9b9; font-style: normal; font-weight: bold; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.Orgbold { color: #ff9321; font-style: normal; font-weight: bold; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.LTGREYmini { color: #b9b9b9; font-style: normal; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.Orgmini { color: #ff9321; font-style: normal; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.BLKmini { color: black; font-style: normal; font-size: 13px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.GRYmini { color: #6e6e6e; font-style: normal; font-size: 12px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.WHTintertitre { color: white; font-style: normal; font-weight: bold; font-size: 15px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.WHTtext { color: white; font-style: normal; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.REDintertitre { color: #c00; font-style: normal; font-weight: bold; font-size: 15px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.REDsoustitre { color: #c00; font-style: normal; font-weight: bold; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.BLUsoustitre { color: #00008b; font-style: normal; font-weight: bold; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.BLUintertitre { color: #00008b; font-style: normal; font-weight: bold; font-size: 15px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.WHTsoustitre { color: white; font-style: normal; font-weight: bold; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.BLKintertitre { color: black; font-style: normal; font-weight: bold; font-size: 15px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.BLKsoustitre { color: black; font-style: normal; font-weight: bold; font-size: 14px; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.titreBIG { color: white; font-style: normal; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.titreGIANT { color: #cccaaa; font-style: normal; font-weight: bolder; font-size: 24px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

/* ==================================================
   CORRECTION ALIGNEMENT HORIZONTAL(Barre de défilement forcée)
   ================================================== */
html {
    height: 100%;
}
body {
    overflow-y: scroll;
    min-height: 100%;
}

/* =========================================
   CORRECTION MOBILE (Le "Kit de Survie")
   ========================================= */

/* 1. Fluidité des tableaux et images (Tout écran) */
table, img, embed, object {
    max-width: 100%;
    height: auto;
}

/* 2. Confort de lecture global */
body {
    line-height: 1.6; 
    overflow-x: hidden; 
}

/* 3. Confort tactile pour les liens (Discret sur ordi) */
a {
    padding: 5px 2px; 
    display: inline-block;
}

/* 4. MEDIA QUERY : UNIQUEMENT pour les écrans < 768px */
@media screen and (max-width: 768px) {
    
    /* Texte lisible mais pas géant */
    body {
        font-size: 16px; 
    }
    
    /* Liens : on resserre */
    td a {
        display: block !important;
        text-align: center;
        margin-bottom: 8px; /* Réduit de 15px à 8px : beaucoup plus compact */
        padding: 0 !important; /* On enlève le padding interne du lien */
    }

    /* IMAGES : Taille optimisée */
    td a img {
        width: auto !important; 
        max-width: 180px !important; /* Un peu plus petit (180px au lieu de 200px) */
        height: auto !important;
        display: inline-block !important;
        margin: 0 auto;
    }
    
    /* CELLULES (TD) : On resserre aussi */
    td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 2px 0 !important; /* Réduit de 5px à 2px */
        margin: 0 !important;
    }

    /* LIGNES (TR) */
    tr {
        display: block !important;
        width: 100% !important;
    }
    
    /* TABLEAUX : On nettoie */
    table {
        width: 100% !important;
        max-width: 100% !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-spacing: 0 !important; /* Enlève l'espace entre les cellules */
        border-collapse: collapse !important; /* Colle les cellules ensemble */
    }

   /* --- CORRECTION ESPACEMENT TEXTE (Version Équilibrée) --- */

    /* 1. Blockquote : On garde un peu d'air */
    blockquote {
        margin: 0 !important;
        padding: 0 10px !important;
    }

    /* 2. On NE cache PLUS les <br>, mais on réduit leur hauteur */
    br {
        display: inline-block; /* Permet de contrôler la hauteur */
        height: 5px; /* Réduit la hauteur du saut de ligne (au lieu de ~16px) */
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Double saut de ligne <br><br> : on le laisse un peu plus grand */
    br + br {
        height: 12px;
    }

    /* 3. On assure un espacement minimal entre les blocs de texte (span, p, div) */
    p, span, div {
        margin-bottom: 8px !important; /* Un petit espace de sécurité entre chaque élément */
        line-height: 1.5 !important; /* Interligne confortable */
    }

    /* 4. Images avec hauteur fixe : on les assouplit */
    img[style*="height"] {
        height: auto !important;
        max-height: 300px;
    }
}
/* <--- L'ACCOLADE FERMANTE EST ICI, ET NULLE PART AILLEURS APRÈS */