@charset "UTF-8";
table.dataTable>thead>tr{cursor: pointer!important;}
.accordion-button:hover { z-index:auto!important;}
.landing-dark-bg{background-color: rgb(7, 22, 33)!important;}
.landing-dark-color{color: rgb(7, 22, 33)!important;}

/* Liste logo des Partenaires */
.logo-card {margin: 1rem;padding: 1rem;width: auto;display: flex;flex-direction: column;align-items: center;}
.logo-wrapper {display: flex;align-items: center;justify-content: center;height: 150px; /* Adjust this value as needed */}
.logo-card img {max-width: 100%;max-height: 100%;}

/* Boite Prix */
.block-prix {text-align: center;width: 100%;}
.price-prix {margin: 0;}

/* Carte Départements */
.map-container {width: 90%;height: 500px;margin:auto;}
.map-container-1 {width: 90%;height: 250px;margin:auto;}

/* Menu Footer */
.responsive-menu {display: flex;flex-direction:row;justify-content: space-between;list-style-type: none;padding: 0;margin: 0;}
.responsive-menu .menu-item {list-style-type: none;margin: 5px 0;}

textarea {
    height: auto!important; /* ou une autre valeur */
}

.floating-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 96px;
    height: 80px;
    cursor: pointer!important;
    z-index: 9999!important;
}

.floating-button:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Styles for larger screens (desktops) */
@media (min-width: 1024px) {
    .responsive-menu {
        flex-wrap: nowrap;
    }

    .responsive-menu .menu-item {
        margin: 0;
    }
}

/* Styles for tablets */
@media (max-width: 1023px) and (min-width: 768px) {
    .responsive-menu {
        flex-direction: column;
    }

    .responsive-menu .menu-item {
        width: 100%;
    }
}

/* Styles for smartphones */
@media (max-width: 767px) {
    .responsive-menu {
        flex-direction: column;
        word-wrap: break-word !important;
    }

    .responsive-menu .menu-item {
        width: 100%;
    }

    .responsive-menu .menu-link {
        padding: 10px;
        width: 100%;
    }
}


