/* Styles pour le logo au-dessus du jumbotron */
.jumbotron-logo-container {
    display: flex;
    justify-content: center; /* Centre horizontalement le conteneur du logo */
    margin-bottom: -60px; /* Remonte le logo au-dessus du jumbotron. Ajustez cette valeur si besoin */
    z-index: 10; /* Assure que le logo est au-dessus du jumbotron */
    position: relative; /* Nécessaire pour z-index */
}

.jumbotron-logo-rond {
    width: 190px; /* Taille du cercle pour le logo. Ajustez si vous voulez plus grand ou plus petit */
    height: 190px; /* Doit être égal à la largeur pour un cercle parfait */
    border-radius: 50%; /* Crée la forme ronde */
    overflow: hidden; /* Cache les parties de l'image qui dépassent du cercle */
    background-color: #ffffff; /* Fond blanc du cercle du logo */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Ombre douce pour le faire ressortir */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px; /* Petit padding à l'intérieur du cercle */
}

.jumbotron-logo-rond img {
    max-width: 140%; /* S'assure que le logo ne remplit pas tout le cercle, laissant un peu de fond */
    max-height: 140%;
    object-fit: contain; /* Assure que l'image est redimensionnée sans être déformée */
    border-radius: 50%;
}