body {
    body {
    background: yellow !important;
}

}

#header {
    padding: 20px 0;
    background-color: #e0e0e0
}


.header-title {
    font-size:40px;
    line-height: 1; /* réduit l’espace autour du texte */
    display: inline-block;
    /*En fixant exactement la même hauteur à l’image et au texte, le centrage Flexbox est parfait.
    line-height: 1 enlève l’espace vertical inutile autour du texte.*/
}



            
@import "bootstrap/dist/css/bootstrap.min.css";

.site-header {
    max-height: 300px;    /* hauteur maximale */
    overflow: hidden;     /* cache ce qui dépasse */
    padding: 0.5rem 1rem; /* ajuster l’espacement interne */
    align-items: flex-start; /* contenu en haut */
}



.site-header .img-custom {
    max-height: 60px !important;
    max-width: 60px !important;
    height: auto;
    width: auto;
    object-fit: contain;
}

.img-base {
    max-height: 1200px !important;
    max-width: 1200px !important;
    height: auto;
    width: auto;
    object-fit: contain;
}