body {
    /* padding-top: 80px; */
    margin: 0;
    display: flex; /* Make the body a flex container */
    flex-direction: column; /* Stack children vertically */
    min-height: 100vh; /* Ensure the body takes at least the full viewport height */
    font-family: sans-serif; /* A good default */
    background-color: #f8f9fa; /* Light background as in Bootstrap */
}

header {
    /* position: sticky; */
    top: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.lab-card {
    margin-bottom: 20px;
}

footer {
    margin-top: 40px;
    padding: 20px;
    background-color: #f8f9fa;
    text-align: center;
}

.img-logo {
    width: 5vw;
    height: 5vw;
}

.p-container {
    padding: 0vw 10vw;
    flex-grow: 1;
}

.bg-marron {
    background-color: #B55D2D;
    
}

.btn-list-labos {
    color: #fff;
    background-color: #B55D2D;
}

.btn-list-labos:hover {
    color: #B55D2D;
    background-color: #fff;
    border-color: #3588B2;
    border-style: solid;
    border-width: 1px;
}

.img-list-labos {
    width: 10vw;
}

.text-marron {
    color: #B55D2D;
}

.bg-outline-marron {
    border-color: #3588B2;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
}