@media (min-width: 1200px) {

    .container.container-formulaire,
    .container.container-navigateur-text {
        max-width: 1458px;
    }

    .container.container-nav-c {
        max-width: unset;
        padding: 0;
    }


    .container.container-navigateur {
        max-width: 1786px;
    }

    .container.container-g,
    .container.container-footer {
        max-width: 1450px;
    }

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


    .col-xl-text-slide {
        flex: 0 0 60%;
        max-width: 60%;
    }


    .section-presentation .container-g {
        display: flex;
        align-items: center;
    }

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

    .section-navigateur.fixed .lien-c a:not(.btn-1) {
        padding: 40px 0px;
    }

    .section-navigateur.fixed ul.dropdown a {
        gap: 0 !important;

    }

    .ul-lien-n a:not(.btn-1),
    .ul-bloc-navigateur a:not(.btn-1) {
        padding-bottom: 28px;
        padding-top: 34px;
    }

    .image1-actu {
        height: 237px;
    }

    .image1-actu img {
        height: 100%;
    }
    .image1-actu img:first-of-type {
        max-width:577px;
        width:100%
    }
    .section-presentation::before {
        content: '';
        position: absolute;
        top: -178px;
        right: 0;
        width: 580px;
        height: 512px;
        background: url('../images/deco/deco-1.png') no-repeat;
        background-size: cover;
    }

}

@media (min-width: 1200px) and (max-width: 1600px) {
    .section-navigateur.fixed .lien-c a:not(.btn-1) {
        padding: 36px 0px;
    }
}

@media (max-width: 1800px) {

    .section-navigateur.fixed .lien-mask2,
    .section-navigateur.fixed .lien-mask1,
    .lien-mask2,
    .lien-mask1 {
        width: 370px;
    }

    .lien-c-text i,
    .lien-c-text {
        font-size: 16px;
        line-height: 25px;
    }

    .ul-c-lien {
        gap: 0;
    }

    .ul-lien-n a:not(.btn-1) {
        font-size: 16px;
        line-height: 1.2;
    }

    .ul-lien-n.menu img:not(.user) {
        width: 11px;
    }

    .item-slide {
        height: 600px;
        min-height: 570px;
    }
}


@media (max-width: 1600px) {

    .section-navigateur.fixed .lien-mask1 img,
    .lien-mask1 img {
        width: 180px;
    }

    .section-navigateur.fixed .lien-mask2,
    .section-navigateur.fixed .lien-mask1,
    .lien-mask2,
    .lien-mask1 {
        width: 300px;
    }

    .section-navigateur.fixed .ul-c-lien,
    .ul-c-lien {
        height: 90px;
    }

    .lien-c a:not(.btn-1) {
        gap: 8px;
        padding: 20px 0;
    }

    .lien-mask2 a .show-on-fixed {
        font-size: 14.5px;
    }

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

    .item-slide {
        height: 570px;
        min-height: 540px;
    }

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

@media (max-width: 1500px) {
    .ul-lien-n .btn-contact-n {
        display: none;
    }

    .text-info-c.horaire span {
        font-size: 13px;
        line-height: 1.2;
    }

    .titre-info-c {
        font-size: 20px;
        line-height: 1.2;
    }

    .bloc-info-c {
        padding: 16px 20px;
        display: flex;
        align-items: center;
        border-radius: 20px;
        height: 119px;
        gap: 20px;
    }

    .text-info-c i,
    .text-info-c {
        font-size: 15px;
    }
}

@media (max-width: 1400px) {
    .rdv {
        display: none;
    }

    .ul-c-lien ul {
        display: flex;
        justify-content: center;
        gap: 100px;
    }

    .section-navigateur.fixed .ul-c-lien ul {
        justify-content: space-between;
        gap: unset;
    }

    .titre-slide {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

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

    .item-slide {
        height: 500px;
        min-height: 470px;
    }

    .icon-valeur {
        width: 65px;
        min-width: 65px;
        height: 65px;
    }

    .icon-valeur img {
        width: 38px;
    }

    .texte-actu1,
    .texte-actu {
        font-size: 16px;
        line-height: 22px;
    }

    .texte-actu {
        height: 66px;
    }

    .texte-actu1 {
        height: 44px;
    }

    .newsletter {
        font-size: 30px;
        line-height: 1.2;
    }

}

@media (max-width: 1300px) {
    .has-dropdown.devis {
        display: none;
    }
}


@media (max-width: 1199px) {

    .ul-c-lien ul {
        display: flex;
        justify-content: space-between;
        gap: unset;
    }

    .bloc-navigateur-principal {
        position: relative;
        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 - 100px);
    }


    .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%;
        font-size: 14px;
        justify-content: space-between;
        color: #33302D;
        padding: 10px 15px;


    }


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

    .has-dropdown .active img {
        transform: rotate(-180deg);
    }

    ul.dropdown li a {
        color: #33302D !important;
    }

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


    .ul-bloc-navigateur {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ul-lien-n a:not(.btn-1),
    .ul-bloc-navigateur a:not(.btn-1) {
        color: #2D2D2D;
    }

    .ul-banner-navigateur {
        justify-content: unset;
    }

    .ul-bloc-navigateur img.logo-mobile {
        padding: 10px 0;
    }

    .has-dropdown a {
        display: flex;
        justify-content: space-between;
    }

    .has-dropdown a img {
        filter: invert(1);
    }

    .section-navigateur.fixed .bloc-nav-contact {
        display: none;
    }

    .section-navigateur.fixed .bloc-navigateur {
        display: block !important;
    }

    .item-slide img {
        border-radius: 0;
    }

    .section-formulaire .container {
        height: 100%;
        justify-content: center;
    }

    .section-formulaire {
        position: relative;
        top: unset;
        right: 0;
        transform: translateY(0);
        margin: 30px 0;
    }

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

    .image1-actu {
        max-width: 463px;
    }

    .image1-actu img {
        width: 100%;
        object-fit: cover;
    }

    .bloc-actu1 {
        display: flex;
        align-items: center;
        gap: 25px;
    }

    section.section-form-contact {
        margin: 0;
    }

    .footer-diag,
    .img-logo-footer {
        margin-bottom: 12px;
    }

    .banner-logo-footer {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
    }

    .newsletter {
        margin-bottom: 15px;
    }


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

    .item-slide::before {
        border-radius: 0;
    }

    .ul-c-lien {
        height: 60px;
    }

    .lien-c-text i,
    .lien-c-text {
        font-size: 14px;
        line-height: 1.2;
    }

    .bloc-title {
        font-size: 28px;
        line-height: 1.2;
    }

    .bloc-paiement {
        padding: 40px 32px;
    }

    section.section-form-contact {
        border-radius: 50px;
    }

    footer {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        padding-top: 60px;
    }

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

    .img-parole {
        height: 235px;
        gap: 23px;
    }

    .Mypage.page section.section-service{
        margin-bottom: 50px;
    }
    section.section-service,
    section.section-pre-form,
    section.section-info-contact,
    section.section-actu,
    section.section-reference,
    section.section-valeur,
    section.section-presentation {
        padding: 50px 0;
    }

    .section-form-contact {
        margin-bottom: 50px !important;
    }

    .section-reference .sect-title {
        padding-top: 0px;
    }

    .img-pre-page {
        margin-bottom: 38px;
    }

    section.section-service {
        margin: 0;
    }
}


@media (max-width: 991px) {
    .titre-slide {
        font-size: 28px;
        margin-bottom: 6px;
    }

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

    .item-slide {
        height: 350px;
    }

    .texte-slide {
        font-size: 22px;
        line-height: 1.2;
    }

    .section-paiement .bloc-title {
        font-size: 20px;
        max-width: 428px;
    }

    .section-paiement .sect-title {
        margin-bottom: 7px;
    }

    .text-paiement {
        margin-bottom: 16px;
    }

    .bloc-paiement {
        padding: 28px 32px;
    }

    .bloc-avis {
        padding: 60px 0;
    }

    .sous-titre-form-c {
        font-size: 28px;
        margin-bottom: 14px;
        line-height: 1;
    }

    .titre-form-c {
        font-size: 20px;
    }

    .champ-contact input {
        height: 52px;
    }
}

@media (max-width: 767px) {

    .bloc-actu,
    .bloc-actu1 {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .image1-actu {
        max-width: unset;
        width: 100%;
    }

    .date-actu,
    .texte-actu1,
    .texte-actu {
        margin-bottom: 7px;

    }

    .texte-actu {
        height: 44px;
    }

    .section-actu .bloc-title {
        display: flex;
        justify-content: unset;
        align-items: unset;
        flex-direction: column;
    }

    .bloc-info-c {
        height: unset;
    }

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

    .text-info-c.horaire {
        font-size: 13px;
    }

    .capchat {
        gap: 10px;
        justify-content: center;
    }

    .banner-logo-footer {
        gap: 5px;
    }

    .line-footer {
        margin: 30px 0;
    }

    .titre-footer {
        margin-bottom: 7px;
    }


    .titre-footer {
        font-size: 34px;
    }

    .titre-slide {
        font-size: 23px;
    }

    .texte-slide {
        font-size: 18px;
    }

    .item-slide {
        height: 300px;
    }

    .btn-slide {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;

    }

    .texte-slide.slide2 {
        margin-bottom: 10px;
    }


    .btn-2 {
        font-size: 14px;
        line-height: 1.2;
        height: 44px;
    }

    .btn-2 img {
        width: 18px !important;
    }

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

    .titre-form span {
        font-size: 28px;
    }

    .bloc-title {
        font-size: 28px;
        line-height: 1.2;
    }

    .bloc-avis {
        padding: 50px 0;
    }

    .section-avis .sect-title {
        margin-bottom: 15px;
    }


    .footer2 {
        background: #94C356;
        padding: 15px 0;
    }

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

    img.fleche-page {
        width: 22px !important;
    }

    section.section-service {
        border-radius: 50px;
    }

    .section-service::after {
        left: -55px;
    }

    .section-service::before {
        right: -55px;
    }

    .slider-pagination {
        padding-top: 20px;
    }

}

@media (max-width: 575px) {
    .champ-footer {
        justify-content: unset;
        flex-wrap: wrap;
        gap: 5px;
    }

    .newsletter {
        font-size: 26px;
        line-height: 1;
    }

    .titre-footer {
        font-size: 30px;
    }

    .titre-slide {
        font-size: 21px;
    }

    .texte-slide {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .texte-slide br {
        display: none;
    }

    .lien-c-img {
        display: none;
    }

    .logo-mobile {
        width: 170px;
    }

    .bloc-title {
        font-size: 21px;
    }

    .pre-deco1,
    .logo-deco {
        display: none;
    }

    .bloc-avis {
        padding: 40px 0;
    }

    .sous-titre-form-c {
        font-size: 21px;
        line-height: 1.2;
    }

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

    .footer2 {
        background: #94C356;
        padding: 5px 0;
    }

    .arobiz {
        font-size: 15px;
        line-height: 1.2;
    }

    img.fleche-page {
        width: 18px !important;
    }
}



@media (max-width: 448px) {
    .text-valeur {
        font-size: 14px;
        line-height: 1.2;
    }

    .bloc-valeur {
        display: flex;
        gap: 8px;
    }

    .titre-info-c {
        font-size: 16px;
    }

    .text-info-c i,
    .text-info-c {
        font-size: 13px;
    }

    .bloc-info-c {
        gap: 10px;
    }

    .titre-slide {
        font-size: 17px;
    }

    .texte-slide {
        font-size: 13px;
    }

    .item-slide {
        height: 260px;
    }

    .lien-c-text i,
    .lien-c-text {
        font-size: 13px;
    }

    .lien-c-img {
        display: none;
    }

    .bloc-formulaire {
        width: 100%;

    }


    .nice-select {
        height: 50px;
        font-size: 13px;
        line-height: 1.2;
        padding: 0 21px;
    }

    .btn-1 {
        padding: 0 43px;
        height: 50px;
        font-size: 16px;
        line-height: 1.2;
        gap: 10px;
    }

    .bloc-formulaire {
        padding: 40px 20px;
    }

    .champ-form {
        gap: 12px;
    }

    .titre-form {
        margin-bottom: 18px;
    }

    .bloc-form-c {
        padding: 30px;
    }
}