.banner-page::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 3px;
        height: 100%;
        background-color: #3A3A3A;
    }

    @media (min-width: 1200px) {
        .container.container-mobile {
            max-width: unset;
            padding: unset;
        }

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

        .container.container-nav-contact {
            max-width: 1556px;
        }

        .container.container-navigateur {
            max-width: 1636px;
            padding: 0 93px;
        }

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

        .container.container-navigateur-text {
            max-width: 1356px;
        }

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

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

        .section-presentation .sect-title {
            margin-bottom: 40px;
        }

        .container.container-secteur {
            max-width: 1416px;
        }

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


        .grid-item--width2.dpe {
            margin-left: 27px;
        }

        .grid-item--width8.erp {
            margin-top: -12px;
        }

        .col-xl-45 {
            flex: 0 0 36.333333%;
            max-width: 36.333333%;
        }



        .li-btn-nav {
            padding-top: 35px;
        }

        .li-lien1 img {
            padding-bottom: 25px;
        }

        .has-dropdown>a {
            padding: 93px 0 51px 0;
        }

        .bloc-ca,
        .footer-services {
            display: flex;
            flex-direction: column;
            width: max-content;
            margin: 0 auto;
        }

        .section-navigateur.fixed .ul-lien {
            height: 120px;
        }

        .Mypage.page .para-pre {
            width: 100%;
            max-width: 440px;
        }

        .col-xl-page {
            flex: 0 0 650px;
            max-width: 650px;
        }

    }

    @media (max-width: 1800px) and (min-width: 1200px) {
        .bloc-page .col-xl-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .img-page {
            margin-bottom: 25px;
            margin-top: 25px;
        }

        .Mypage.page .para-pre {
            max-width: unset;
        }

        .Mypage.page .sect-title {
            text-align: center;
        }

        .bloc-page {
            position: relative;

        }







        .bloc-page,
        .banner-page {
            padding-left: 50px;
            padding-right: 50px;
        }


    }

    @media (max-width: 1800px) {
        .li-lien1 img {
            max-width: 300px;
            padding-bottom: 15px;
        }

        .titre-page img {
            max-width: 100px;
        }

    }

    @media (max-width: 1600px) {
        .li-lien1 img {
            max-width: 250px;
            padding-bottom: 10px;
        }

        .les-valeur {
            font-size: 20px;
            line-height: 1;
            gap: 20px;
        }
    }

    @media (max-width: 1500px) {
        .lien-mobile {
            gap: 35px;
        }
    }

    @media (max-width: 1400px) {
        .lien-mobile {
            gap: 20px;
        }

        .has-dropdown>a {
            font-size: 22px;
        }

        .btn-nav,
        .btn-2,
        .btn-1 {
            height: 41px;
            font-size: 14px;
        }

        .btn-nav svg {
            width: 18px;
        }

        .btn-slide {
            gap: 20px;
        }

        .li-lien1 img {
            max-width: 200px;
            padding-bottom: 0px;
            padding-top: 5px;
        }

        .les-valeur {
            font-size: 18px;
            gap: 15px;
        }

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

        .titre-page {
            gap: 30px;
        }

        .titre-page img {
            max-width: 70px;
        }

    }

    @media (max-width: 1300px) {
        .lien-mobile {
            gap: 15px;
        }

        .has-dropdown>a {
            font-size: 20px;
        }

        body .site-main-diag {
            padding: 0px 50px;
        }

        footer {
            margin: 0 50px;
        }


    }



    @media (max-width: 1199px) {
        .bloc-page {
            padding: clamp(20px, 7vw, 80px) clamp(20px, 7vw, 50px);
        }

        .erp-visible {
            width: 100%;
            height: 100%;
        }

        .grid-item--width77 {
            min-width: 200px;
        }

        section {
            padding: clamp(50px, 7vw, 80px) 0;
        }

        footer {
            margin: 0 25px;
        }

        body .site-main-diag {
            padding: 0 25px;
        }

        .titre-slide br {
            display: none;
        }

        .bloc-navigateur-principal {
            background: transparent;
        }

        ul.dropdown {
            display: block;
            position: relative;
            left: 0;
            background: #FFFFFF;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0);
            padding: 0;
            list-style: none;
            z-index: 1;
            width: 100%;
            text-align: left;
            transition: 0.5s;
            visibility: visible;
            opacity: 0;
            display: none;

        }

        .lien-mobile {
            position: absolute;
            top: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            left: 0px;
            background-color: #FFFFFF;
            gap: 0px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.5s ease, transform 0.5s ease;
            transform: translateY(-15px);
            overflow: hidden;
        }

        .lien-mobile.actived {
            opacity: 1;
            visibility: visible;
            transform: translateY(0px);
            overflow-y: auto;
            max-height: calc(100vh - 80px);
        }

        .lien-mobile>li {
            width: 100%;
        }

        .nav-lien img.logo-fixed,
        .nav-lien img.logo-default {
            padding: 15px 0;
        }

        .lien-mobile a br {
            display: none;
        }

        .lien-mobile a {
            width: 100%;
            justify-content: space-between;
            padding: 15px;
        }

        .ul-lien {
            position: relative;
        }


        .lien-mobile.actived ul.dropdown.active {
            display: block;
            opacity: 1;
            transform: translateY(0px);
        }

        .has-submenu>a.active::after,
        .has-dropdown .active i,
        .has-dropdown .active img {
            transform: rotate(180deg);
        }


        .has-dropdown div {
            pointer-events: none;
        }

        .has-submenu>a::after {
            content: "\f078";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: relative;
            font-size: 0.7em;
            transition: transform 0.3s ease;
        }

        .has-submenu>a {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

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

        .titre-slide {
            margin-bottom: 10px;
        }

        .texte-slide {
            margin-bottom: 25px;
        }

        .les-valeur span {
            padding: 25px 0;
        }

        .section-valeur .col-xl-4:last-child .bloc-valeur {
            border: none !important;
        }

        .section-valeur::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -4px;
            right: -4px;
            transform: translateY(-50%);
            height: 3px;
            background: #FFFFFF;
        }

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

        .img-pre img {
            max-width: 300px;
            width: 100%;
        }

        .section-presentation .row {
            align-items: center;
        }

        .grid-item {
            max-width: 100px;
            height: 150px;
        }

        .img-service svg {
            width: 65px;
            height: 65px;
        }

        .footer-g {
            padding: 50px 0;
        }

        body .Mypage {
            padding-bottom: 25px;
        }

        .grid-item--width10 {
            margin-left: 0;
        }

        .titre-page {
            border-top: 3px solid #3A3A3A;
            justify-content: center;
            line-height: 1;
            padding: 25px 0;
        }

        .titre-page img {
            max-width: 66px;
        }

        .img-contact,
        .banner-page {
            border-right: none;
        }

        .img-contact,
        .banner-page {
            padding: clamp(20px, 7vw, 100px) clamp(20px, 7vw, 50px);
        }
    }

    @media (max-width: 991px) {
        .les-valeur {
            font-size: 16px;
            gap: 15px;
        }

        .les-valeur svg {
            max-width: 45px;
        }

        .item-slide img.item {
            max-width: 400px;
        }

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

        .section-presentation::before {
            display: none;
        }

        .bloc-copyright {
            padding: 20px 0;
            flex-direction: column;
            gap: 5px;
        }

        .bloc-copyright li br {
            display: none;
        }

        .bloc-copyright li {
            text-align: center;
        }

        .para-vente {
            display: flex;
            flex-direction: column;
            width: max-content;
            margin: 0 auto;
        }
    }

    @media (max-width: 767px) {
        .les-valeur {
            font-size: 14px;
            gap: 10px;
        }

        .les-valeur svg {
            width: 30px;
        }

        .les-valeur span {
            padding: 0px 0;
            text-align: left;
        }

        footer {
            margin: 0 15px;
        }

        body .site-main-diag {
            padding: 0px 15px;
        }

        body .Mypage {
            padding-bottom: 15px;
        }

        .grand-titre span {
            padding: 15px 0;
        }

        .grand-titre {
            gap: 20px;
        }

        .grand-titre svg {
            max-width: 30px;
        }

        .contact-footer .col-xl-4:nth-child(2) .c-footer {
            border: none;
        }

        .c-footer {
            padding: 15px 0;
        }

        .para-vente {
            width: 100%;
        }

        .titre-page {
            padding: 15px 5px;
        }

        .champ-contact {
            margin-bottom: 25px;
        }
    }

    @media (max-width: 575px) {
        .texte-slide {
            margin-bottom: 15px;
        }

        .section-valeur::before {
            top: 35%;
            height: 2px;
        }

        .section-valeur::after {
            content: '';
            position: absolute;
            top: 65%;
            left: -4px;
            right: -4px;
            transform: translateY(-50%);
            height: 2px;
            background: #FFFFFF;
        }

        .bloc-valeur {
            border: none;
        }

        .grid-item {
            width: 100%;
            max-width: 100%;
            min-width: 200px;
            flex-direction: column !important;
            gap: 5px;
        }

        .grid-item--width2.amiante {
            width: 100%;
        }

        .amiante {
            flex-direction: column;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            box-shadow: 3px 3px 0px 0px #3A3A3A;
            border: 2px solid #3A3A3A;
            width: 100%;
            min-width: 200px;
        }

        .arobiz {
            flex-direction: column;
            gap: 5px;
        }

        .para-pre {
            font-size: 16px;
        }

        .grand-titre.livre-dor {
            display: flex;
            flex-direction: column;
            gap: 0;
            padding: 10px;
        }

        .grand-titre.livre-dor .grand-titre span {
            padding: 10px 0;
        }

        .grand-titre.livre-dor svg {
            max-width: 30px;
            height: 20px;
        }

        .btn-contact-c {
            flex-direction: column;
            gap: 10px;
        }
    }


    @media (max-width: 448px) {
        .btn-slide {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }

        .banner-lien-nc a i,
        .banner-lien-nc a {
            font-size: 14px;
        }
    }