.bg-col-img-long {
    background-image: url('../images/banner/Sanstitre49.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    /* On soustrait la marge du haut pour que ça s'arrête pile au bord de l'écran */
    height: calc(100dvh - 60px);
}

@media (max-width: 992px) {
    .bg-col-img-long {
        background-image: url('../images/banner/Responsev5.png') !important;
    }
    .banner-responsive {
        display: block !important;
        text-align: center !important;
        transform: translateY(-42px);
    }
    .banner_content {
        display: none;
    }
}

.space {
    margin-top: -90px;
}

@media (min-width: 640px) and (max-width: 934px) and (orientation: landscape) {
    .bg-col-img-long {
        background-image: url('../images/banner/Sanstitre49.png') !important;
    }
}

#long-section {
    scroll-margin-top: 80px;
    /* Hauteur de ton header */
}


/* Responsive : toujours visible en mobile */

@media (max-width: 992px) {
    .navbar_nav .dropdown-menu {
        display: block !important;
        /* Toujours visible */
        position: relative;
        /* Ne pas utiliser absolute en mobile */
        box-shadow: none;
        /* Supprimer l'ombre */
        background-color: transparent;
        /* Pas de fond */
        width: 100%;
        /* Ajuste pour mobile */
    }
    /* Ajouter un fond blanc et espace en mobile */
    .navbar_nav .dropdown-menu .dropdown-item {
        background-color: white;
        padding: 12px;
        width: 100%;
        /* Ajuste pour mobile */
    }
    /* Effet de survol en mobile */
    .navbar_nav .dropdown-menu .dropdown-item:hover {
        background-color: #26c9c3;
        color: white;
    }
}

@keyframes flash {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.fitzaro_flash {
    animation: flash 1s infinite;
}

.banner_content {
    position: relative;
    height: 100vh;
}


/* Bouton positionné en bas à droite */

.visible-btn-wrapper {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 10px 20px;
}

@media (max-width: 1200px) {
    .header .navbar-header:not(.sticky) .nav-item a {
        color: #000000 !important;
    }
}

@media (width: 1024px) {
    .banner_content {
        min-height: 78vh;
    }
    .visible-btn-wrapper {
        left: 55%;
        transform: translateX(-65%);
    }
    #long-section.first_section {
        margin-top: -280px !important;
    }
    .space {
        margin-top: -80px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    #long-section.first_section {
        margin-top: -80px;
    }
}

@media screen and (width: 1366px) and (height: 768px) {
    .banner_content {
        min-height: 96vh !important;
    }
    .visible-btn-wrapper {
        left: 60%;
    }
}

@media screen and (width: 1358px) and (height: 612px) {
    .banner_content {
        min-height: 107vh !important;
    }
    .visible-btn-wrapper {
        left: 60%;
    }
}

@media screen and (width: 1340px) and (height: 625px) {
    .banner_content {
        min-height: 107vh !important;
    }
    .visible-btn-wrapper {
        left: 60%;
    }
}

@media screen and (width: 1340px) and (height: 615px) {
    .banner_content {
        min-height: 105vh !important;
    }
    .visible-btn-wrapper {
        left: 60%;
    }
}

@media screen and (width: 1366px) and (height: 1024px) {
    .banner_content {
        min-height: 86vh !important;
    }
    .visible-btn-wrapper {
        left: 60%;
    }
}

@media screen and (width: 1024px) and (height: 1366px) {
    .banner_content {
        min-height: 73vh !important;
    }
    .visible-btn-wrapper {
        left: 49%;
        transform: translateX(-40%);
    }
}

@media screen and (width: 1280px) and (height: 853px) {
    .banner_content {
        min-height: 89vh !important;
    }
    .visible-btn-wrapper {
        left: 55%;
    }
}

@media screen and (width: 1280px) and (height: 800px) {
    .banner_content {
        min-height: 93vh !important;
    }
    .visible-btn-wrapper {
        left: 58%;
    }
}

@media screen and (width: 1368px) and (height: 912px) {
    .banner_content {
        min-height: 90vh !important;
    }
    .visible-btn-wrapper {
        left: 55%;
    }
}

@media (min-width: 1336px) and (max-width: 1440px) {
    .banner_content {
        min-height: 88vh;
    }
    .visible-btn-wrapper {
        left: 59%;
    }
}

@media (width: 1440px) {
    .banner_content {
        min-height: 91vh;
    }
    .visible-btn-wrapper {
        left: 59%;
        transform: translateX(-50%);
    }
}

@media screen and (width: 1366px) and (height: 605px) {
    .banner_content {
        min-height: 106vh !important;
    }
    .visible-btn-wrapper {
        left: 55%;
    }
}

@media (width: 2496px) {
    .banner_content {
        min-height: 84vh;
    }
    .visible-btn-wrapper {
        left: 55%;
        transform: translateX(-50%);
    }
}

@media (width: 5120px) {
    .banner_content {
        min-height: 87vh;
    }
    .visible-btn-wrapper {
        left: 55%;
        transform: translateX(-50%);
    }
}

@media screen and (width: 2048px) and (height: 1280px) {
    .banner_content {
        min-height: 87vh;
    }
    .visible-btn-wrapper {
        left: 55%;
        transform: translateX(-50%);
    }
}

@media (width: 1840px) {
    .banner_content {
        min-height: 98vh;
    }
    .visible-btn-wrapper {
        left: 62%;
        transform: translateX(-50%);
    }
}

@media (width: 1920px) {
    .banner_content {
        min-height: 99vh;
    }
    .visible-btn-wrapper {
        left: 60%;
        transform: translateX(-50%);
    }
}

@media (width: 1680px) {
    .banner_content {
        min-height: 90vh;
    }
    .visible-btn-wrapper {
        left: 60%;
        transform: translateX(-50%);
    }
}

@media (width: 1912px) {
    .banner_content {
        min-height: 92vh;
    }
    .visible-btn-wrapper {
        left: 60%;
        transform: translateX(-50%);
    }
}

.fitzaro_btn {
    padding: 10px 20px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}