/* ==========================================================================
   1. ZONE DE L'EN-TÊTE (HEADER NOIR AVEC PADDING ET FLEXBOX)
   ========================================================================== */

/* Fond noir et application du padding (hauteur du bandeau que vous aimez) */
header.header,
.header {
    background-color: black !important;
    background-image: none !important; /* Enlève le violet d'origine */
    padding-top: 15px !important;    
    padding-bottom: 15px !important; 
}

/* Nettoyage des espaces par défaut */
.header .container-header,
.header .navbar-brand,
.header .search {
    margin: 0 !important;
    padding: 0 !important;
}

/* ALIGNEMENT HORIZONTAL : Force le texte à gauche et le module search à droite */
.container-header .container-inner {
    display: flex !important;
    flex-direction: row !important;            /* Côte à côte horizontal */
    justify-content: space-between !important;   /* Écarte le texte à gauche et le module à droite */
    align-items: center !important;               /* ALIGNE LE TEXTE ET LE MODULE EN HAUTEUR AUTOMATIQUEMENT */
    flex-wrap: nowrap !important;              /* Interdit au module de passer en dessous */
    width: 100% !important;
    max-width: 1320px !important;              /* Garde l'alignement avec le site */
    margin: 0 auto !important;
}

/* ==========================================================================
   2. LE TITRE PRINCIPAL (ROUGE, GROS, ITALIQUE ET GARAMOND)
   ========================================================================== */

/* Structure du bloc titre + slogan */
.header .navbar-brand {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important;
}

/* Le titre rouge */
.navbar-brand a {
    color: red !important;
    text-decoration: none !important;
    font-style: italic !important;
    font-size: 3rem !important; 
    font-family: Garamond, 'Times New Roman', Times, serif !important;
    line-height: 1.1 !important;
}

/* Le slogan blanc */
.navbar-brand .site-description {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    color: white !important; 
    font-size: 1.1rem !important;
}

/* ==========================================================================
   3. LE LOGO À DROITE (FORCER L'IMAGE À REMONTER)
   ========================================================================== */

/* Force le bloc de recherche à remonter de manière isolée */
.header .search {
    position: relative !important;
    
    /* 🛠️ LE LEVIER DE HAUTEUR : 
       Une valeur négative (avec un moins "-") va aspirer l'image vers le haut.
       Augmentez le chiffre (ex: -20px, -30px, -40px) pour la faire monter encore plus. */
    top: -25px !important; 
}

/* Réglage précis de la taille de votre image */
.header .search img {
    max-height: 85px !important; /* Taille de votre logo */
    width: auto !important;
    display: block !important;
}

/* ==========================================================================
   4. TITRES GÉNÉRAUX DU SITE (ARTICLES ET PAGES)
   ========================================================================== */

h1, h2, h3, h4, h5, h6, 
.page-header h1, .page-header h2,
article h1, article h2, article h3,
.item-page h1, .item-page h2 {
    font-family: 'Titillium Web', Arial, sans-serif !important; 
    font-weight: bold !important;
    font-size: 1.8rem !important; 
    color: #185359 !important;
}

/* ==========================================================================
   5. COLONNES LATÉRALES (SIDEBARS DROITE ET GAUCHE)
   ========================================================================== */

.sidebar-right .card-title,
.sidebar-right h3,
.sidebar-right .mod-title,
.sidebar-left .card-title,
.sidebar-left h3,
.sidebar-left .mod-title {
    font-family: Arial, sans-serif !important; 
    font-size: 1.2em !important;    
    font-weight: 300 !important;    
    color: #664335 !important;      
    text-transform: none !important; 
}

.sidebar-right a,
.sidebar-right .nav-link,
.sidebar-left a,
.sidebar-left .nav-link {
    color: #000000 !important;      
    font-family: Arial, sans-serif !important; 
}

.sidebar-right a:hover,
.sidebar-left a:hover,
.sidebar-right .nav-link:hover,
.sidebar-left .nav-link:hover {
    color: #5C4033 !important;      
    text-decoration: underline !important; 
}