body {
    background-image: url("../images/fondEcran4-sQIXSyL.jpg");
    background-size: cover;
    background-position: center;
}
h1, h2, h3, h4, h5, h6, a {
    color: white;
}
p {
    color: white;
}
/********** Template CSS **********/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
    padding: 35px 15px;
    color: var(--light);
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar.fixed-top {
    transition: .5s;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav {
        margin-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, .3);
        background: var(--dark);
    }

    .navbar .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }

    .champ-court {
    max-width: 300px; /* Ajustez les pixels (px) selon la taille souhaitée */
    margin: 0 auto;   /* 0 en haut/bas, et "auto" à gauche/droite pour centrer */
    display: block;   /* Force le champ à se comporter comme un bloc pour que le centrage fonctionne */
}
}