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

    .container-form {
        max-width: 1232px;
    }

    .container-avis {
        max-width: 1021px;
    }

    .bloc-titre-slide .container {
        padding: 0 27px;
    }

    .section-formulaire {
        padding: 0;
    }

    .form-rdv {
        margin-top: -90px;
    }

    .bloc-titre-slide {
        top: -50px;
    }

    .col-xl-1_5 {
        flex: 0 0 87%;
        max-width: 87%;
    }

    .text-service {
        opacity: 0;
        transform: translate(-50%, 0);
        transition: all 0.4s ease;
    }

    .bloc-service1:hover .text-service,
    .bloc-service2:hover .text-service {
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    .container-valeur {
        max-width: 1021px;
    }

    .container-presentation {
        max-width: 1274px;
    }

    .bloc-img-pre {
        margin-left: calc((100vw - 1214px) / -2);
        height: 100%;
    }

    img.img-presentation {
        height: 100%;
        max-height: 606px;
    }

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

    .container-service {
        max-width: 1200px;
    }

    .section-avis {
        padding-top: 43px;
        height: 510px;
    }

    .container-ref {
        max-width: 1264px;
    }

    .col-xl-27 {
        flex: 0 0 28%;
        max-width: 28%;
    }

    .container-actu {
        max-width: 1291px;
    }

    .btn-actu.btn-actu2::before {
        max-width: 100vw;
        width: 100vw;
    }

    .section-actu .sect-title {
        margin-left: 275px;
    }

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

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




}

@media (min-width: 1400px) {
    .row-service {
        position: relative;
        left: 90px;
    }

    .bloc-footer {
        margin-left: -50px;
    }
}

@media (min-width: 1200px) and (max-width: 1274px) {
    .bloc-img-pre {
        margin-left: calc((100vw - 1300px));
        height: 100%;
    }
}


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

    .section-formulaire {
        padding: 0;
        padding-top: 40px;
    }

    .bloc-form {
        flex-direction: column;
        gap: 16px;
    }

    .btn-form {
        height: 61px;
    }

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

    .flex-valeur {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .bloc-valeur {
        max-width: 100%;
    }

    img.img-presentation {
        height: 100%;
        max-height: 500px;
    }

    .custom-buttom {
        justify-content: center;
        margin-top: 16px;
    }

    .btn2-actu {
        text-align: left;
    }

    .img-actu {
        height: 346px;
    }

    .logo-footer::before {
        width: 100%;
        height: 100%;
    }

    .logo-footer {
        padding: 7px;
        display: inline-block;
        margin: 0 auto;
        max-width: 200px;
    }

    .item-slide {
        max-height: unset;
        min-height: unset;
        height: 450px;
    }

    .img-ref,
    .bloc-img-pre {
        text-align: center;
    }

    .li-lien1 img {
        max-width: 75px;
    }

    .Mypage.page .item-slide {
        height: 300px;
    }
}

@media (max-width: 991px) {
    .flex-form {
        flex-direction: column;
        gap: 8px;
    }

    .logo-footer {
        margin: 0;
    }

}

@media (max-width: 767px) {
    .img-actu {
        height: 280px !important;
    }

    .banner-actu {
        padding-top: 20px;
    }

    .bloc-copyright {
        flex-direction: column;
        text-align: center;
    }

    .img-slide {
        display: none;
    }

    .bloc-titre-slide {
        width: 100%;
    }

    .section-actu .bloc-title br {
        display: none;
    }
}

@media (max-width: 575px) {
    .flex-form {
        width: 100%;
    }

    .flex-valeur {
        grid-template-columns: repeat(1, 1fr);
    }

    .flex-lien2 a:last-child {
        display: none;
    }

    .li-lien1 img {
        min-width: 60px;
    }
}


@media (max-width: 448px) {
    .flex-banner-form {
        flex-direction: column;
    }

    .btn-nav span {
        display: none;
    }
}