* {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
nav#nav-main .dropdown-menu {
    z-index: 1022 !important;
    border-radius: 0;
    border: none;
    background: #f8f9fa;
    font-size: var(--bs-nav-link-font-size);
    margin: -3px 0 0 -10px;
    padding: 0 10px 10px;
}
nav .dropdown-menu li > a {
    padding: 4px 8px;
}
main#main {
    font-weight: 200;
    font-size:20px;
}
#myTabResults .nav-link {
    border-radius: 0;
    background: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
    color: #333333;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
#myTabResults .nav-link.active {
    background: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
    color: #FFF;
}

.header-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1); /* noir transparent */
}

.header-image:not(.header-team)::before {
    background-color: rgba(0, 0, 0, 0.5); /* noir transparent */
}

.vh-75{
    height: 75vh !important;
}

.vh-60{
    height: 60vh !important;
}

.vh-50{
    height: 50vh !important;
}

.vh-40{
    height: 40vh !important;
}

small.smaller {
    font-size:0.7em;
}

@media (max-width: 576px) {
    .vh-100-sm{
        height: 100vh !important;
    }

    .nav-fill-xs .nav-item,
    .nav-fill-xs>.nav-link{
        flex: 1 1 100%;
        text-align: center;
    }
    .text-xs {
        font-size: 0.85rem; /* ou ce que tu veux */
    }
}

@media (max-width: 768px) {
    .nav-fill-sm .nav-item,
    .nav-fill-sm>.nav-link{
        flex: 1 1 100%;
        text-align: center;
    }
}

@media (max-width: 992px) {
    .nav-fill-md .nav-item,
    .nav-fill-md>.nav-link{
        flex: 1 1 100%;
        text-align: center;
    }
}