html {
    box-sizing: border-box;
    overflow-y: auto;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: white;
}

.swagger-ui .topbar {
    background-image: url('/Bandeau_Docoon.jpg');
    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* No repeating */
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center items vertically */
    padding: 10px;
}

#footer {
    background-color: whitesmoke;
    font-family: sans-serif;
    color: #4da32c;
    font-size: 70%;
    text-align: center;
}

.bg-dark {
    background-color: whitesmoke !important;
}