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

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

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

    .row-service {
        margin-right: -250px;
    }

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

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

    .section-reference .bloc-title {
        max-width: 524px;
    }

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

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

    .li-lien2 a:hover {
        width: 100%;
        max-width: 333px;
        padding-left: 40px;
        padding-right: 25px;
    }

    .li-lien2 a:hover span {
        opacity: 1;
    }

    .row-footer>div:not(:first-child) {
        margin: 55px 0 !important;
    }

    .Mypage.page .section-formulaire {
        position: relative;
        transform: translate(0);
        padding: 0;
    }

    .Mypage.page .bloc-form {
        width: 100%;
        margin-top: -70px;
    }

    .Mypage.page .flex-form {
        flex-direction: row;
        gap: 76px;
    }

    .Mypage.page .champ-form {
        width: 100%;
    }

    .Mypage.page .btn-form {
        white-space: nowrap;
    width: 50%;

    }

    .Mypage.page .nice-select {
        height: 51px;
        border-radius: 100px;
        justify-content: center;
    }

    .Mypage.page .nice-select:after {
        top: 5px;
        right: 85px;
    }

    .Mypage.page .nice-select .current {
        margin-left: -45px;
    }

    .row-valeur {
        margin-right: -29px;
        margin-left: -29px;
    }

    .row-valeur>div {
        padding: 0 29px;
    }

    .row-avis {
        margin-right: -25px;
        margin-left: -25px;
    }

    .row-avis>div {
        padding: 0 25px;
    }

    .offcanvas-header {
        opacity: 0;
    }

}

@media (max-width: 1350px) {
    .row-service {
        margin-right: -140px;
    }
}

@media (max-width: 1300px) {
    .titre-footer {
        font-size: 21px;
    }
}

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

    .Mypage.page .section-formulaire {
        position: relative;
        transform: translate(0);
        padding-top: 50px;
        padding-bottom: 0;
    }

    .row-service {
        margin-right: 0px;
    }

    body.active .offcanvas-custom {
        height: 100%;
    }

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

    .Mypage.page .item-slide {
        height: 400px;
        max-height: unset;
        min-height: unset;
    }

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

    .flex-diag {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .bloc-diag {
        width: 100%;
    }

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

    .logo-footer {
        text-align: center;
    }

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

    .titre-form {
        font-size: 22px;
    }

    .deco-service {
        display: none;
    }
}

@media (max-width: 991px) {
    .flex-diag {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .li-lien2 {
        display: none;
    }

    .li-lien3 button span {
        display: none;
    }

    .li-lien3 button {
        padding: 0 15px;
    }

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

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

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

    .titre-form {
        line-height: 1.2;
        text-align: center;
    }

    .deco-pre {
        transform: translate(15%, -50%);
    }

    .titre-footer {
        white-space: wrap;
        line-height: 1;
        margin-bottom: 16px;
    }

    .section-presentation .bloc-title br {
        display: none;
    }
    .row-service{
        margin: 0 auto;
    }
}


@media (max-width: 448px) {

    .bloc-avis,
    .bloc-valeur {
        padding: 25px;
    }

    .bloc-actu {
        border-radius: 15px;
        padding: 15px;
    }
}