@media (min-width: 1200px) {
    .container.container-navigateur {
        max-width: 1430px;
    }

    .container-form,
    .banner-slide .container {
        max-width: 1390px;
    }

    .titre-slide {
        white-space: nowrap;
    }

    .titre-form {
        padding-right: 36px;
    }

    .container-g {
        max-width: 1250px;
    }

    .bloc-img-pre,
    .img-pre img {
        width: 100%;
        height: 100%;
    }

    .margin-right-neg {
        margin-right: calc((100vw - 1200px) /-2);
    }

    .container-footer {
        max-width: 1320px;
    }

    .container-contact {
        max-width: 1370px;
    }

    ul.menu>li:hover .dropdown {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }


}

@media (max-width: 1300px) {
    .num-nav {
        display: none;
    }
}

@media (max-width: 1199px) {
    section {
        padding: clamp(50px, 10vw, 100px) 0;
    }

    .info-slide {
        transform: translateY(0);
    }

    .banner-slide {
        inset: 0;
        width: 100%;
        position: relative;
    }


    .banner-slide .container {
        max-width: 100%;
        padding: 0;
    }

    .bloc-slide {
        height: 500px;
    }

    .item-slide {
        height: 100%;
        max-height: unset;
        min-height: unset;
    }

    .sub-title {
        margin-bottom: 40px;
    }

    .mb-40 {
        margin-bottom: 24px;
    }

    .bloc-img-pre {
        display: flex;
        justify-content: center;
    }

    .img-service {
        width: 100%;
    }

    .num-nav {
        display: block;
    }

    .li-lien1 img {
        padding: 8px 0;
    }

    .bloc-form {
        flex-direction: column;
        align-items: center;
    }

    .titre-form {
        text-align: center;
    }

    .bloc-form {
        gap: 15px;
    }

    .sub-title {
        font-size: 14px;
    }

    .img-pre {
        max-width: 445px;
    }

    .section-faq .row {
        flex-direction: column-reverse;
    }

    .img-faq {
        width: 100%;
        height: 215px;
    }

    .img-faq img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .info-footer {
        justify-content: center;
    }

    .newsletter {
        max-width: 531px;
    }

    .bloc-footer1 {
        padding-top: 0;
    }

    footer {
        padding-bottom: 15px;
    }

    .bloc-copyright {
        flex-direction: column;
    }

    .phone-fixe {
        right: 15px;
    }

    .label-form {
        text-align: center;
    }

}

@media (max-width: 991px) {
    .les-ca {
        gap: 5px;
    }

    .les-ca img {
        max-width: 135px;
    }

    .newsletter {
        max-width: 415px;
    }
}

@media (max-width: 767px) {
    .faq {
        padding: 0 20px;
    }

    .faq-question {
        min-height: 80px;
        gap: 15px;
        padding: 25px 0;
    }


    .faq-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 20px;
    }

    .faq-answer p {
        padding-right: 50px;
    }

    .champ-form {
        flex-direction: column;
    }

    .faq-question>span:first-child {
        font-size: 14px;
    }

    .info-footer a {
        text-align: center;
    }

    .les-ca {
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .les-ca img {
        max-width: 150px;
        width: 100%;

    }

    .newsletter {
        max-width: 100%;
    }

    .info-footer a {
        font-size: 14px;
    }
}

@media (max-width: 575px) {

    .banner-nav-contact,
    .bloc-navigateur {
        padding: 0 15px;
    }

    .bloc-navigateur-principal .container {
        max-width: 100%;
        padding: 0;
    }

    .lien-nav-contact a:not(.btn-1) {
        padding: 8px 0;
    }

    .banner-nav-contact {
        background: #806657;
    }

    .icon-sub {
        width: 55px;
        height: 55px;
        min-width: 55px;
    }

    .flex-info {
        grid-template-columns: repeat(1, 1fr);
        gap: 28px;
    }

    .bloc-form,
    .bloc-contact {
        padding: 30px;
    }
}


@media (max-width: 448px) {

    .bloc-contact,
    .bloc-form {
        padding: 20px;
    }
}