@media (max-width: 5000px) {
    .DivFootermobile {
        display: none;
    }
    .menuBasMobileGene{
        display:none;
        align-items: center;
        
        justify-content: center !important;
    }
   
   
    .filtreListe {
        width: 100%;
        height: 100%;
        position: fixed;
        background: transparent;
        display: none;
        z-index: 8;
    }
    .header-area .main-header-area.sticky {
        box-shadow: none !important;
    }
    .btn_Compte:hover {
        background-color: #41A2AA
    }
    html {
        max-width: 2000px;
        margin: auto;
    }
    .DivFooter {
        display: flex;
    }
    .no-margin {
        margin: 0;
    }
    .no-padding {
        padding: 0;
    }
    .surweb {
        display: block !important;
    }
    .alaune,
    .surmobile {
        display: none !important;
    }
    /**style à effacer**/
    .slicknav_icon-bar {
        background: #41A2AA !important;
    }
    /***/
    .imageLogowhite {
        display: none;
        width: 35px;
        height: 27px;
    }
    .rowFooter {
        height: 234px;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .DivFooter1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .voirplus {
        display: none;
    }
    .Footermobile {
        display: none !important;
    }
    .DivFooter {
        display: flex;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
    }
    .logoFooter {
        margin-top: 19px;
        margin-left: 5px;
    }
    .lconeAccomFooter {
        width: 34px;
        height: 29px;
        margin-right: -1px;
        margin-left: 37px;
    }
    .lconeglobeFooter {
        position: relative;
        width: 40px;
        height: 36px;
        top: -6px;
        margin-left: 36px;
        margin-right: 1px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 12px;
        color: #707070;
        padding-top: 14px;
        cursor: pointer;
        background-size: 28px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 35px;
        height: 37px;
    }
    .titlepartenaire {
        background-size: 24px;
    }
    .titleaide {
        display: inline-grid;
        padding: 2px;
    }
    .SeparateurFooter2 {
        max-width: 8%;
    }
    .DivFooter2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .titleparent {
        margin-left: 35px;
    }
    .titleconf {
        padding-left: 0px !important;
    }
    .titlecond {
        padding-left: 55px;
    }
    .topHeader-area {
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        z-index: 9;
        position: fixed;
        max-width: 2000px;
        margin: auto;
    }
    .contentTopHeader_right {
        text-align: right;
    }
    .topHeader {
        padding: 9px 0 0 !important;
        background: #41A2AA !important;
        height: 56px !important;
    }
    .content_topHeader {
        max-width: 78.2% !important;
    }
    .topHeader_Link {
        display: inline-block !important;
        border-left: 1px solid #FFFFFF !important;
        width: 224px;
        padding: 1px 0px 3px 0px;
        margin-right: 0 !important;
    }
    .content_mainTopHeader {
        max-width: 86% !important;
    }
    .imageLogo {
        /* padding-bottom: 28px; */
        width: 227.76px !important;
        height: 84.7px !important;
        position: relative !important;
        bottom: 14px !important;
    }
    .logoCenter {
        display: none;
    }
    .Link_Espace {
        margin-left: 23.9px !important;
        text-align: left !important;
    }
    .Link_EspacePartenaire {
        margin-left: 18px !important;
    }
    .Link_EspaceTexte {
        font-size: 14px !important;
        color: #fff !important;
        font-family: 'Montserrat-SemiBold' !important;
        line-height: 17px !important;
        padding-top: 1px;
        padding-left: 1.3px;
    }
    .Link_EspaceImageAccompagateur {
        padding-top: 4px;
    }
    .imgEspaceAcc {
        width: 24.71px;
        height: 24.13px;
    }
    .Link_EspaceImagePartenaire {
        padding-top: 3px;
    }
    .optionGroupe {
        display: flex;
        margin-left: auto;
        padding-bottom: 29px;
    }
    .titreProduit {
        border-top: 2px solid #ccc;
        padding-top: 22px;
        font-size: 14px;
        font-family: 'Montserrat-bold';
        padding-bottom: 12px;
    }
    .listeOption {
        font-size: 14px;
        font-family: 'Montserrat-regular';
        font-weight: 700;
    }
    .payement {
        width: 145px;
        margin-top: -14px;
    }
    .twitter,
    .facebook,
    .linked {
        width: 25px;
    }
    .textBtnManuLeft:after {
        display: block;
        content: '';
        border-bottom: solid 3px #f09e7a;
        transform: scaleX(0);
        transition: transform 300ms ease-in-out;
        width: 100%;
        margin: auto;
    }
    .texteHeadRight2:after {
        display: block;
        content: '';
        border-bottom: solid 3px #f09e7a;
        transform: scaleX(0);
        transition: transform 300ms ease-in-out;
        width: 100%;
        margin: auto;
    }
    .txtBtnPrd:after,
    .texteHeadRight:after {
        display: block;
        content: '';
        border-bottom: solid 3px #f09e7a;
        transform: scaleX(0);
        transition: transform 300ms ease-in-out;
        width: 100%;
        margin: auto;
    }
    .texteHeadRight2:hover:after {
        transform: scaleX(1);
    }
    .txtBtnPrd:hover:after {
        transform: scaleX(1);
    }
    .textBtnManuLeft:hover:after {
        transform: scaleX(1);
    }
    .texteHeadRight:hover:after {
        transform: scaleX(1);
    }
    .imgEspacePart {
        width: 21.33px;
        height: 28.09px;
    }
    .mainTopHeader {
        padding: 7px 0 !important;
        background: #fff !important;
        height: 130px;
    }
    .mainMenuLeft {
        text-align: center !important;
        /*        padding: 5px 17px 0px 30px !important;*/
        padding: 16px 0px !important;
        padding-left: 45px !important;
    }
    .btnSejourLeft {
        padding: 11px 0;
    }
    .imgBtnPrd {
        padding-left: 6px !important;
        margin-bottom: 8px !important;
    }
    .txtBtnPrd {
        padding-left: 6px !important;
        margin-bottom: 10px !important;
    }
    .imgBtnSnSej {
        margin-bottom: 7px !important;
        padding-left: 20px;
        padding-top: 2px !important;
    }
    .SeparateurFooter {
        max-width: 8%;
    }
    .txtBtnSnSej {
        padding-left: 19px !important;
    }
    .textBtnManuLeft {
        color: #000000 !important;
        font-size: 13px !important;
        padding: 0px 0px 0px 0px !important;
        font-family: 'Montserrat-Medium' !important;
        position: relative !important;
        line-height: 12px;
        max-width: fit-content;
        margin: auto;
    }
    .textBtnManuLeft {
        color: #000000 !important;
        font-size: 13px !important;
        padding: 0px 0px 0px 0px;
        font-family: 'Montserrat-Medium' !important;
        text-align: center !important;
        width: fil-content;
        display: block;
        margin: auto;
    }
    .mainMenuRight {
        text-align: right !important;
        padding: 5px 0 0! important;
    }
    .btn_mainMenu {
        display: inline-block;
        position: relative !important;
        /*        margin: 9px 14px !important;*/
        margin: 0 !important;
        text-align: center;
        /*        width: 20% !important;*/
    }
    .DD_nosPrd {
        position: absolute !important;
        right: -25px !important;
        top: 96% !important;
        background: #fff !important;
        width: 183px !important;
        z-index: 2 !important;
        box-shadow: 3 0 10px rgba(0, 0, 0, 0.02) !important;
        opacity: 0;
        visibility: hidden;
        text-align: left!important;
        -webkit-transition: 0.6s !important;
        -moz-transition: 0.6s !important;
        -o-transition: 0.6s !important;
        transition: 0.1s !important;
    }
    /*.btn_mainMenu:hover > .DD_nosPrd {
opacity: 1 ;
visibility: visible ;
}*/
    .ligne_nodPrd {
        display: block;
        border-bottom: 1px solid #707070 !important;
    }
    .aide {
        margin-left: 4px;
        margin-top: 0;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    /*  .ligne_nodPrd:last-child {
      border-bottom: none !important;
  } */
    .link_nosPrd {
        padding: 0px 19px !important;
        position: inherit !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
        display: block;
        text-align: left;
        color: #000000 !important;
        font-size: 15px !important;
        font-family: 'Montserrat-Regular' !important;
        line-height: 51px !important;
    }
    /*  .hasDD::before {
     position: absolute;
     content: "";
     text-align: center;
     background: #F09E7A;
     width: 60%;
     margin: auto;
     height: 4px;
     bottom: 10px;
     left: 20px;
     opacity: 1;
     transform: scaleX(0);
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.1s;
 } */
    .DD_nosPrd {
        position: absolute !important;
        right: -15px !important;
        top: 96% !important;
        background: #fff !important;
        width: 184px !important;
        z-index: 2 !important;
        box-shadow: 3 0 10px rgba(0, 0, 0, 0.02) !important;
        opacity: 0;
        visibility: hidden;
        text-align: left!important;
        -webkit-transition: 0.6s !important;
        -moz-transition: 0.6s !important;
        -o-transition: 0.6s !important;
        transition: 0.1s !important;
    }
    .DD_sejour {
        position: absolute !important;
        right: -38px !important;
        top: 96% !important;
        background: #fff !important;
        width: 156px !important;
        z-index: 15 !important;
        /* box-shadow: 3 0 1px #ccc !important; */
        opacity: 0;
        visibility: hidden;
        text-align: left!important;
        -webkit-transition: 0.6s !important;
        -moz-transition: 0.6s !important;
        -o-transition: 0.6s !important;
        transition: 0.1s !important;
    }
    /*.btn_mainMenu:hover > .DD_sejour {
opacity: 1 !important;
visibility: visible !important;
}*/
    .ligne_sejour {
        display: block;
        border-bottom: 1px solid #707070 !important;
    }
    /*.ligne_sejour:last-child {
border-bottom:none !important;
}*/
    .single_service {
        height: 300px;
        border: none !important;
    }
    .link_sejour {
        padding: 0px 9px !important;
        position: inherit !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
        display: block;
        text-align: left;
        color: #000000 !important;
        font-size: 15px !important;
        font-family: 'Montserrat-Regular' !important;
        line-height: 51px !important;
    }
    .btnMenu_Img {
        margin-bottom: 10px;
    }
    /** .single_service:hover>.imgproduit img {
        -webkit-transform: scale(1.05) !important;
        transition: all 0.5s;
    } 
    **/
    .HeaderRight {
        position: absolute;
        right: 10.2%;
        /*    right: 2.9%;*/
        height: 52%;
    }
    /*.DD_compte {
position: absolute !important;
right: 0px !important;
top: 100% !important;
background: #fff !important;
width: 235px !important;
z-index: 2 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.02) !important;
opacity: 0 ;
visibility: hidden ;
text-align: left!important;
-webkit-transition: 0.6s !important;
-moz-transition: 0.6s !important;
-o-transition: 0.6s !important;
transition: 0.6s !important;
}
.btn_Compte:hover > .DD_compte {
opacity: 1 ;
visibility: visible ;
}
.btn_Compte:hover  {
background: #41a2aa ;
color: #fff !important;
}
.btn_Compte:hover > a .texteHeadRight  {
color: #fff !important;
}*/
    .ligne_compte {
        display: block;
        border-bottom: 1px solid #707070 !important;
    }
    .ligne_compte:last-child {
        border-bottom: none !important;
    }
    .link_compte {
        padding: 0px 19px !important;
        position: inherit !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
        display: block;
        text-align: left;
        color: #000000 !important;
        font-size: 15px !important;
        font-family: 'Montserrat-Regular' !important;
        line-height: 51px !important;
    }
    .btn_MenuService {
        padding-top: 18px !important;
        border-right: 1px solid #41A2AA;
        max-width: 11.666667% !important;
    }
    .btn_Compte {
        padding-right: 26px;
        padding-top: 23px;
    }
    .Space {
        margin-right: auto !important;
    }
    .btn_MenuServiceAide {
        padding-top: 14px;
    }
    .texteHeadRight {
        color: #000000 !important;
        font-size: 13px !important;
        /* display: inline-block; */
        padding: 0px 0px 0px 0px !important;
        font-family: 'Montserrat-Medium' !important;
        position: relative !important;
        line-height: 12px;
        max-width: fit-content;
        margin: auto;
    }
    .imageHeadRight {
        margin-bottom: 6px;
        padding-right: 6px;
    }
    .image_btnAide {
        padding-right: 1px;
        padding-top: 1px;
    }
    .image_btnPanier {
        padding-right: 0px;
    }
    /*.btn_Compte{
padding-top: 17px;
width: 235px;
height: 100%;
text-align: left !important;
}*/
    .owl-carousel .owl-item img {
        display: none;
        width: 100%;
    }
    .btnPanier_headRight {
        margin-right: 1% !important;
        padding-top: 18px;
    }
    .back_Slider {
        max-width: 32.6%;
        position: relative;
        z-index: 0;
        background: linear-gradient(0.25turn, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider1.png)!important;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider1.png)!important;
        /* ligne a supprimer */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .lconeFooter {
        width: 45px !important;
        height: 43px !important;
        margin-right: 0;
        margin-left: 0;
    }
    .contentSlider {
        background: #FFFFFF;
        border: 0px solid #fff;
    }
    .blog {
        font-family: 'Montserrat-Regular';
        font-size: 11.7px;
        margin-left: 14%;
        margin-top: 3%;
        margin-bottom: 2%;
        line-height: 1.7em;
        width: 73%;
    }
    .actualiteArea {
        padding-top: 100px;
    }
    .alauneArea {
        padding-top: 20px;
        padding-left: 90px;
        padding-right: 99px;
    }
    .imgalaune {
        width: 100%;
        /* height: 315px; */
        max-width: 100%;
        max-height: 250px;
        transition: 0.1s;
    }
    .imgalaune:hover {
        opacity: 1;
    }
    .titleright {
        font-family: 'Montserrat-bold';
        font-size: 14px;
        float: right;
        line-height: 3;
    }
    .titleleft {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        float: left;
        font-weight: 600;
        text-transform: uppercase;
        padding-bottom: 11px;
        border-bottom: 2px solid #41a2aa;
        margin-left: 8px;
    }
    .back_Slider2 {
        max-width: 32.6%;
        position: relative;
        z-index: 0;
        background: linear-gradient(0.25turn, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider2.png)!important;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider2.png)!important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    /***/
    .sliderArea {
        height: 480px !important;
        margin-top: 9.8% !important;
    }
    .contentSliderArea {
        height: 100%;
        max-width: 100% !important;
        /*    padding-left: 12.54%;*/
        /*    padding-left: 12.4vw;*/
        /*    padding-top: 6.3%;*/
    }
    .wrapperSlider {
        height: 100%;
    }
    .titleSlider {
        color: #41A2AA !important;
        font-family: 'Montserrat-regular' !important;
        font-size: 60px !important;
        line-height: 51px !important;
        margin-top: 12.4% !important;
        width: max-content;
    }
    .texteSlider {
        font-size: 30px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        margin-bottom: 24px !important;
        margin-top: 45px !important;
        line-height: 38px !important;
    }
    .SliderOWL .owl-nav div {
        display: block !important;
        background: transparent;
        height: 50px;
        left: 0px;
        position: absolute;
        text-align: center;
        top: 58.7%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 50px;
        color: #fff;
        background-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        left: 50px;
        font-size: 15px;
        line-height: 50px;
        /* border: 1px solid #787878; */
        left: 25vw !important;
        /*    left: 27.2%;
    left: 27vw;*/
    }
    .SliderOWL .owl-nav div.owl-next {
        left: 85vw !important;
        right: 0 !important;
    }
    .owl-carousel .owl-nav div.owl-next {
        background-image: url(../imagesAccueil/slider/chevronSlider_next.svg) !important;
        background-size: 21.5px 43px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .owl-carousel .owl-nav div.owl-prev {
        background-image: url(../imagesAccueil/slider/chevronSlider_prev.svg) !important;
        background-size: 21.5px 43px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .aboutWrapper {
        padding: 19px 0 21px 0 !important;
        background: #FFFFFF;
        position: relative;
        z-index: 1;
    }
    .Historique_Content {
        max-width: 62% !important;
    }
    .Historique_Wrapper {
        background: #F4F4F4;
        padding: 62px 0 50px !important;
    }
    .titreHistorique {
        color: #000000 !important;
        font-size: 30px !important;
        /* font-weight: 400; */
        line-height: 20px !important;
        font-family: 'Montserrat-Regular' !important;
        text-align: center !important;
        margin-bottom: 26px !important;
        left: 25px !important;
        position: relative !important;
    }
    .paragHistorique {
        font-size: 15px !important;
        color: #000000 !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        margin-left: 50px !important;
        line-height: 20px !important;
        font-family: 'Montserrat-Regular' !important;
    }
    .paragHistorique_p2 {
        font-size: 18px !important;
        color: #000000 !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        margin-left: -20px !important;
        line-height: 24px !important;
        font-family: 'Montserrat-Regular' !important;
        cursor: pointer;
    }
    .nosPrd_area {
        padding-top: 63px;
        padding-bottom: 20px;
    }
    .title_NosPRD {
        font-size: 18px;
        line-height: 20px;
        position: relative;
        color: #000000;
        position: relative;
        z-index: 0;
        font-family: 'Montserrat-bold';
        left: 5px;
        margin-bottom: 40px;
        margin-top:3%;
    }
    .elements_NosPRD {
        max-width: 89.5% !important;
    }
    .imgproduit {
        height: 246px !important;
        cursor: pointer;
        max-height: 246px !important;
        width: 100%;
        cursor: pointer;
        margin-bottom: 14px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .namePRD {
        font-family: 'Montserrat-Regular';
        line-height: 40px;
        color: #000000;
        font-size: 15px;
        text-align: center;
    }
    .a_la_une_area {
        padding-top: 35px;
        padding-bottom: 30px;
        margin: 0px 125px;
    }
    .title_a_la_une {
        font-size: 60px;
        font-weight: 400;
        /* line-height: 20px; */
        position: relative;
        color: #41a2aa;
        position: relative;
        z-index: 0;
        margin-bottom: 0px;
        font-family: 'Montserrat-Regular';
        left: 18px;
    }
    .title_a_la_une:hover {
        position: relative;
        color: #41a2aa;
    }
    .a_la_une_Image {
        position: relative;
        text-align: center !important;
        /* padding: 104px 0 94px 0; */
        background: #F4F4F4 !important;
        -webkit-transition: 0.5s !important;
        -moz-transition: 0.5s !important;
        -o-transition: 0.5s !important;
        transition: 0.5s !important;
        position: relative !important;
        height: 316.6px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .titleAct {
        font-size: 30px;
        /* font-weight: 400; */
        line-height: 33px;
        color: #000000;
        position: relative;
        z-index: 0;
        padding-bottom: 0px;
        font-family: 'Montserrat-Regular';
        margin-top: 65px;
        text-align: left;
        margin-left: 19px;
    }
    .sous_titleAct {
        font-size: 15px;
        /* font-weight: 400; */
        line-height: 21px;
        color: #000000;
        position: relative;
        z-index: 0;
        margin-top: 0px;
        text-align: left;
        margin-left: 19px;
        font-family: 'Montserrat-Regular';
    }
    .imageParent {
        position: relative;
        top: 9px;
        left: 15px;
        width: 67px;
        height: 46px;
    }
    .imageAcc {
        position: relative;
        top: 7px;
        left: 32px;
        width: 65px;
        height: 47px;
    }
    .imagePartenaire {
        position: relative;
        top: -3px;
        left: 33px;
        width: 75px;
        height: 65px;
    }
    .titreVignette {
        font-size: 18px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        /* font-weight: 400; */
        margin-top: 31px !important;
        margin-left: 29px !important;
        letter-spacing: -0.02px !important;
        margin-bottom: 0px !important;
    }
    .titreAcc {
        margin-left: 65px !important;
    }
    .titrePartenaire {
        margin-left: 80px !important;
        margin-top: 12px !important;
    }
    .txtVignette {
        font-size: 15px !important;
        line-height: 20px !important;
        font-family: 'Montserrat-Regular' !important;
        color: #000000 !important;
        margin-left: 29px !important;
        margin-bottom: 23px !important;
    }
    .txtAcc {
        margin-left: 65px !important;
    }
    .txtPartenaire {
        margin-left: 76.1px !important;
    }
    .btnconnection-Vignette {
        display: inline-block;
        /* padding: 0 0; */
        width: 168px;
        height: 35px;
        font-family: 'Montserrat-Medium', sans-serif;
        font-size: 14px;
        /* font-weight: 400; */
        border: 0;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 35px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 1s;
        cursor: pointer;
        /* letter-spacing: 2px; */
        background: #F09E7A;
        margin-left: 29px;
    }
    .btnsavoir {
        position: absolute;
        right: 5%;
        top: 87%;
    }
    .btnparent {
        margin-left: 22px !important;
    }
    .btnconnection-savoirplus {
        display: inline-block;
        /* padding: 0 0; */
        width: 170px;
        height: 35px;
        font-family: 'Montserrat-Semibold', sans-serif;
        font-size: 14px;
        /* font-weight: 400; */
        text-transform: uppercase;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 32px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        letter-spacing: 0px;
        background: #41a2aa;
        margin-right: 10px;
    }
    .btnconnection-VignetteAcc {
        margin-left: 65px;
    }
    .btnconnection-VignettePart {
        margin-left: 80px;
    }
    .btnconnection-Vignette:hover {
        background-color: #41A2AA;
    }
    .FooterArea {
        padding-top: 9px !important;
        height: 234px !important;
        padding-bottom: 0 !important;
        background: #F4F4F4 !important;
    }
    .contentFooter {
        max-width: 93% !important;
    }
    .ContenuFooterArea {
        padding-left: 10.1%;
    }
    .footer_logo {
        padding-top: 10px;
    }
    .FooterLeft_Link {
        display: inline-block !important;
        margin-right: 0 !important;
    }
    .Link_EspaceFooter {
        margin-left: 24px !important;
        text-align: left !important;
    }
    .img_linkFooter {
        margin-right: 21px;
    }
    .Link_EspaceFooterAcc {
        margin-left: 21.9px !important;
        margin-top: 3px;
    }
    .Link_EspaceTexteFooter {
        font-size: 12px !important;
        color: #707070 !important;
        font-family: 'Montserrat-Regular' !important;
        padding-top: 13px;
    }
    .Link_EspaceFooterPart {
        margin-left: 38.9px !important;
    }
    .Link_EspaceTexteFooterPart {
        padding-left: 11px;
        padding-top: 16px;
    }
    .Link_EspaceTexteFooterAcc {
        padding-left: 1px;
    }
    .rightFooter_Link {
        display: inline-block !important;
        /* border-left: 1px solid #FFFFFF !important; */
        /* width: 224px; */
        padding: 1px 0px 3px 0px;
        margin-right: 0;
    }
    .rightFooter_LinkPoli {
        margin-right: 4rem !important;
    }
    .rightFooter_Link:not(:last-child) {
        margin-right: 5.7rem;
    }
    .Link_EspaceFootRight {
        font-size: 12px !important;
        color: #707070 !important;
        font-family: 'Montserrat-Regular' !important;
    }
    .Footer_linkParent {
        max-width: 32% !important;
        padding-left: 28px;
    }
    .Footer_linkPartenaire {
        max-width: 25%;
        padding-left: 10px;
    }
    .textFooter {
        font-size: 12px;
        color: #707070;
        line-height: 22px;
        font-family: 'Montserrat-Regular';
        top: 8px;
        position: relative;
    }
    .textFooter_Acc {
        top: 6px;
        right: 3px;
    }
    .textFooter_Partenaire {
        top: 4px;
        right: 3px;
    }
    .list_LinkFooterRight {
        right: 0px;
        position: absolute;
        top: 12px;
        padding-right: 52px;
    }
    .FooterRight {
        /*    margin-left: 6.8%;
    text-align: right;
    margin-top: 7px;*/
        right: 32px;
        text-align: right;
        position: absolute;
    }
    .textFooterRight {
        font-size: 12px;
        color: #707070;
        line-height: 22px;
        font-family: 'Montserrat-Regular';
        top: 8px;
        position: relative;
    }
    .SeparateurLeftAccom {
        max-width: 12.6%;
        height: 100%;
    }
    .owl-nav {
        display: block !important;
    }
    .Divanimation {
        position: absolute;
        top: 76%;
        right: 14%;
        z-index: 2;
    }
    .MyImgFirstPosition {
        left: -34px;
        bottom: 7px;
        opacity: 0;
    }
    .MyLineFirstPosition {
        opacity: 0;
    }
    .Myimg {
        opacity: 1;
        -webkit-animation: ArrowAnimation 2s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-direction: alternate;
        /* Safari 4.0 - 8.0 */
        animation: ArrowAnimation 2s;
        animation-direction: alternate;
        left: 522px;
        bottom: 159px;
        position: absolute;
        transform: rotate(0deg);
    }
    .MyLine {
        float: right;
        -webkit-animation: fadein 12s;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 12s;
        /* Firefox < 16 */
        -ms-animation: fadein 12s;
        /* Internet Explorer */
        -o-animation: fadein 12s;
        /* Opera < 12.1 */
        animation: fadein 12s;
    }
    a.btnconnection-savoirplus:hover {
        background: #f09e7a;
    }
    @keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Internet Explorer */
    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-webkit-keyframes ArrowAnimation {
        0% {
            left: -34px;
            bottom: 7px;
        }
        2% {
            left: -24px;
            bottom: 4px;
        }
        4% {
            left: -8px;
            bottom: 0px;
        }
        6% {
            left: 30px;
            bottom: -9px;
            transform: rotate(119deg);
        }
        12% {
            left: 138px;
            bottom: -17px;
            transform: rotate(115deg);
        }
        14% {
            left: 157px;
            bottom: -21px;
            transform: rotate(106deg);
        }
        16% {
            left: 181px;
            bottom: -15px;
            transform: rotate(98deg);
        }
        18% {
            left: 197px;
            bottom: -13px;
            transform: rotate(88deg);
        }
        20% {
            left: 218px;
            bottom: 1px;
            transform: rotate(87deg);
        }
        22% {
            transform: rotate(74deg);
            left: 223px;
            bottom: 1px;
        }
        24% {
            left: 231px;
            bottom: 3px;
            transform: rotate(57deg);
        }
        26% {
            transform: rotate(50deg);
            left: 234px;
            bottom: 8px;
        }
        28% {
            left: 245px;
            bottom: 13px;
            transform: rotate(10deg);
        }
        30% {
            left: 237px;
            bottom: 35px;
            transform: rotate(-41deg);
        }
        32% {
            left: 231px;
            bottom: 45px;
            transform: rotate(-83deg);
        }
        34% {
            left: 213px;
            bottom: 48px;
            transform: rotate(-104deg);
        }
        36% {
            left: 186px;
            bottom: 36px;
            transform: rotate(-172deg);
        }
        38% {
            left: 200px;
            bottom: 15px;
            transform: rotate(-205deg);
        }
        40% {
            left: 239px;
            bottom: 9px;
            transform: rotate(-217deg);
        }
        42% {
            left: 254px;
            bottom: 4px;
            transform: rotate(-229deg);
        }
        44% {
            left: 268px;
            bottom: 2px;
            transform: rotate(-249deg);
        }
        46% {
            left: 288px;
            bottom: 5px;
            transform: rotate(-261deg);
        }
        48% {
            left: 302px;
            bottom: 13px;
            transform: rotate(-270deg);
        }
        50% {
            left: 308px;
            bottom: 13px;
            transform: rotate(-278deg);
        }
        52% {
            left: 312px;
            bottom: 13px;
            transform: rotate(-285deg);
        }
        54% {
            left: 316px;
            bottom: 13px;
            transform: rotate(-293deg);
        }
        56% {
            left: 327px;
            bottom: 23px;
            transform: rotate(-302deg);
        }
        58% {
            left: 335px;
            bottom: 30px;
            transform: rotate(-312deg);
        }
        60% {
            left: 342px;
            bottom: 50px;
            transform: rotate(-319deg);
        }
        62% {
            left: 350px;
            bottom: 67px;
            transform: rotate(-347deg);
        }
        64% {
            left: 348px;
            bottom: 82px;
            transform: rotate(-379deg);
        }
        66% {
            left: 347px;
            bottom: 85px;
            transform: rotate(-387deg);
        }
        68% {
            left: 341px;
            bottom: 89px;
            transform: rotate(-397deg);
        }
        70% {
            left: 326px;
            bottom: 92px;
            transform: rotate(-60deg);
        }
        72% {
            left: 316px;
            bottom: 98px;
            transform: rotate(-97deg);
        }
        74% {
            left: 298px;
            bottom: 82px;
            transform: rotate(-130deg);
        }
        76% {
            left: 288px;
            bottom: 72px;
            transform: rotate(-163deg);
        }
        78% {
            left: 288px;
            bottom: 58px;
            transform: rotate(-182deg);
        }
        80% {
            left: 299px;
            bottom: 42px;
            transform: rotate(-190deg);
        }
        82% {
            left: 305px;
            bottom: 30px;
            transform: rotate(-202deg);
        }
        84% {
            left: 320px;
            bottom: 21px;
            transform: rotate(-202deg);
        }
        86% {
            left: 336px;
            bottom: 10px;
            transform: rotate(-208deg);
        }
        88% {
            left: 348px;
            bottom: 3px;
            transform: rotate(-215deg);
        }
        90% {
            left: 366px;
            bottom: -1px;
            transform: rotate(-218deg);
        }
        91% {
            left: 387px;
            bottom: -8px;
            transform: rotate(-232deg);
        }
        92% {
            left: 414px;
            bottom: -12px;
            transform: rotate(-250deg);
        }
        93% {
            left: 443px;
            bottom: -13px;
            transform: rotate(-264deg);
        }
        94% {
            left: 454px;
            bottom: -11px;
            transform: rotate(-273deg);
        }
        95% {
            left: 468px;
            bottom: -9px;
            transform: rotate(-283deg);
        }
        96% {
            left: 476px;
            bottom: -7px;
            transform: rotate(-288deg);
        }
        97% {
            left: 495px;
            bottom: -1px;
            transform: rotate(-304deg);
        }
        98% {
            left: 511px;
            bottom: 14px;
            transform: rotate(-311deg);
        }
        99% {
            left: 529px;
            bottom: 43px;
            transform: rotate(-319deg);
        }
        100% {
            left: 544px;
            bottom: 98px;
            transform: rotate(-352deg);
        }
    }
    @keyframes ArrowAnimation {
        0% {
            left: -34px;
            bottom: 7px;
        }
        2% {
            left: -24px;
            bottom: 4px;
        }
        4% {
            left: -8px;
            bottom: 0px;
        }
        6% {
            left: 30px;
            bottom: -9px;
            transform: rotate(119deg);
        }
        12% {
            left: 138px;
            bottom: -17px;
            transform: rotate(115deg);
        }
        14% {
            left: 157px;
            bottom: -21px;
            transform: rotate(106deg);
        }
        16% {
            left: 181px;
            bottom: -15px;
            transform: rotate(98deg);
        }
        18% {
            left: 197px;
            bottom: -13px;
            transform: rotate(88deg);
        }
        20% {
            left: 218px;
            bottom: 1px;
            transform: rotate(87deg);
        }
        22% {
            transform: rotate(74deg);
            left: 223px;
            bottom: 1px;
        }
        24% {
            left: 231px;
            bottom: 3px;
            transform: rotate(57deg);
        }
        26% {
            transform: rotate(50deg);
            left: 234px;
            bottom: 8px;
        }
        28% {
            left: 245px;
            bottom: 13px;
            transform: rotate(10deg);
        }
        30% {
            left: 237px;
            bottom: 35px;
            transform: rotate(-41deg);
        }
        32% {
            left: 231px;
            bottom: 45px;
            transform: rotate(-83deg);
        }
        34% {
            left: 213px;
            bottom: 48px;
            transform: rotate(-104deg);
        }
        36% {
            left: 186px;
            bottom: 36px;
            transform: rotate(-172deg);
        }
        38% {
            left: 200px;
            bottom: 15px;
            transform: rotate(-205deg);
        }
        40% {
            left: 239px;
            bottom: 9px;
            transform: rotate(-217deg);
        }
        42% {
            left: 254px;
            bottom: 4px;
            transform: rotate(-229deg);
        }
        44% {
            left: 268px;
            bottom: 2px;
            transform: rotate(-249deg);
        }
        46% {
            left: 288px;
            bottom: 5px;
            transform: rotate(-261deg);
        }
        48% {
            left: 302px;
            bottom: 13px;
            transform: rotate(-270deg);
        }
        50% {
            left: 308px;
            bottom: 13px;
            transform: rotate(-278deg);
        }
        52% {
            left: 312px;
            bottom: 13px;
            transform: rotate(-285deg);
        }
        54% {
            left: 316px;
            bottom: 13px;
            transform: rotate(-293deg);
        }
        56% {
            left: 327px;
            bottom: 23px;
            transform: rotate(-302deg);
        }
        58% {
            left: 335px;
            bottom: 30px;
            transform: rotate(-312deg);
        }
        60% {
            left: 342px;
            bottom: 50px;
            transform: rotate(-319deg);
        }
        62% {
            left: 350px;
            bottom: 67px;
            transform: rotate(-347deg);
        }
        64% {
            left: 348px;
            bottom: 82px;
            transform: rotate(-379deg);
        }
        66% {
            left: 347px;
            bottom: 85px;
            transform: rotate(-387deg);
        }
        68% {
            left: 341px;
            bottom: 89px;
            transform: rotate(-397deg);
        }
        70% {
            left: 326px;
            bottom: 92px;
            transform: rotate(-60deg);
        }
        72% {
            left: 316px;
            bottom: 98px;
            transform: rotate(-97deg);
        }
        74% {
            left: 298px;
            bottom: 82px;
            transform: rotate(-130deg);
        }
        76% {
            left: 288px;
            bottom: 72px;
            transform: rotate(-163deg);
        }
        78% {
            left: 288px;
            bottom: 58px;
            transform: rotate(-182deg);
        }
        80% {
            left: 299px;
            bottom: 42px;
            transform: rotate(-190deg);
        }
        82% {
            left: 305px;
            bottom: 30px;
            transform: rotate(-202deg);
        }
        84% {
            left: 320px;
            bottom: 21px;
            transform: rotate(-202deg);
        }
        86% {
            left: 336px;
            bottom: 10px;
            transform: rotate(-208deg);
        }
        88% {
            left: 348px;
            bottom: 3px;
            transform: rotate(-215deg);
        }
        90% {
            left: 366px;
            bottom: -1px;
            transform: rotate(-218deg);
        }
        91% {
            left: 387px;
            bottom: -8px;
            transform: rotate(-232deg);
        }
        92% {
            left: 414px;
            bottom: -12px;
            transform: rotate(-250deg);
        }
        93% {
            left: 443px;
            bottom: -13px;
            transform: rotate(-264deg);
        }
        94% {
            left: 454px;
            bottom: -11px;
            transform: rotate(-273deg);
        }
        95% {
            left: 468px;
            bottom: -9px;
            transform: rotate(-283deg);
        }
        96% {
            left: 476px;
            bottom: -7px;
            transform: rotate(-288deg);
        }
        97% {
            left: 495px;
            bottom: -1px;
            transform: rotate(-304deg);
        }
        98% {
            left: 511px;
            bottom: 14px;
            transform: rotate(-311deg);
        }
        99% {
            left: 529px;
            bottom: 43px;
            transform: rotate(-319deg);
        }
        100% {
            left: 544px;
            bottom: 98px;
            transform: rotate(-352deg);
        }
    }
    .service_area .single_service {
        height: 666px !important;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 0 !important;
    }
    .titlepolitic {
        margin-left: 15px !important;
    }
    .elements_NosPRD .col-xl-2:first-child {
        /*margin-left: auto; */
    }
    .elements_NosPRD .col-xl-2:last-child {
        /*margin-left: auto; */
    }
    /* .elements_NosPRD .col-xl-2 {
       
        margin: auto ;
   // }  */
}

@media(max-width: 1600px) {
    .btnsavoir {
        position: absolute;
        right: 3%;
        top: 90%;
    }
    .service_area .single_service {
        height: 720px !important;
    }
    .actualiteArea {
        padding-top: 35px;
    }
    .nosPrd_area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .imgproduit {
        height: 180px !important;
    }
}
@media(max-width: 1550px) {
.textBtnManuLeft {
    font-size: 11px !important;
}
.header-area .main-header-area .main-menu ul li {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0px ;
    max-height: 78px;
}
.texteHeadRight {

    font-size: 11px !important;
    /* display: inline-block; */

}
.btn_MenuService {
    flex: 0 0 12.333333%;
}
.header-area .main-header-area .main-menu ul li a h3{
    font-size: 11px ;
}
}
@media(max-width: 1450px) {
    .titleFooter {
        font-size: 9px;
    }
    .a_la_une_Image {
        position: relative;
        text-align: center !important;
        /* padding: 104px 0 94px 0; */
        background: #F4F4F4 !important;
        -webkit-transition: 0.5s !important;
        -moz-transition: 0.5s !important;
        -o-transition: 0.5s !important;
        transition: 0.5s !important;
        position: relative !important;
        height: 210.6px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .service_area .single_service {
        height: 564px !important;
    }
    .btnsavoir {
        position: absolute;
        right: 3%;
        top: 86%;
    }
    .titleAct {
        font-size: 20px;
        /* font-weight: 400; */
        line-height: 33px;
        color: #000000;
        position: relative;
        z-index: 0;
        padding-bottom: 0px;
        font-family: 'Montserrat-Regular';
        margin-top: 65px;
        text-align: left;
        margin-left: 19px;
    }
    .sous_titleAct {
        font-size: 13px;
        /* font-weight: 400; */
        line-height: 21px;
        color: #000000;
        position: relative;
        z-index: 0;
        margin-top: 0px;
        text-align: left;
        margin-left: 19px;
        font-family: 'Montserrat-Regular';
    }
    .btnconnection-savoirplus {
        display: inline-block;
        /* padding: 0 0; */
        width: 168px;
        height: 33px;
        font-family: 'Montserrat-Semibold', sans-serif;
        font-size: 12px;
        /* font-weight: 400; */
        text-transform: uppercase;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 32px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        letter-spacing: 0px;
        background: #41a2aa;
        margin-right: 10px;
    }
    .textBtnManuLeft {
        color: #000000 !important;
        font-size: 11px !important;
        padding: 0px 0px 0px 0px;
        font-family: 'Montserrat-Medium' !important;
        text-align: center !important;
    }
}

@media (max-width: 1377px) {
    .service_area .single_service {
        height: 505px !important;
    }
    .btnconnection-savoirplus {
        display: inline-block;
        /* padding: 0 0; */
        width: 152px;
        height: 32px;
        font-family: 'Montserrat-Semibold', sans-serif;
        font-size: 10px;
        /* font-weight: 400; */
        text-transform: uppercase;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 33px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        letter-spacing: 0px;
        background: #41a2aa;
        margin-right: 10px;
    }
    .listeOption {
        font-size: 12px;
        font-family: 'Montserrat-regular';
        font-weight: 700;
    }
    .titreProduit {
        border-top: 2px solid #ccc;
        padding-top: 22px;
        font-size: 12px;
        font-family: 'Montserrat-bold';
        padding-bottom: 12px;
    }
    .payement {
        width: 120px;
        margin-top: -14px;
    }
    .twitter,
    .facebook,
    .linked {
        width: 20px;
    }
    .prd {
        flex: 0 0 16.666667%!important;
        max-width: 16.666667% !important;
    }
    .paragHistorique_p2 {
        font-size: 15px !important;
        color: #000000 !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        margin-left: -20px !important;
        line-height: 24px !important;
        font-family: 'Montserrat-Regular' !important;
        cursor: pointer;
    }
    .DD_sejour {
        position: absolute !important;
        right: -55px !important;
        top: 96% !important;
        background: #fff !important;
        width: 166px !important;
        z-index: 15 !important;
        opacity: 0;
        visibility: hidden;
        text-align: left!important;
        -webkit-transition: 0.6s !important;
        -moz-transition: 0.6s !important;
        -o-transition: 0.6s !important;
        transition: 0.1s !important;
    }
    .logoFooter {
        margin-top: 10px;
        margin-left: 6px;
        width: 60px;
        height: auto;
    }
    .Historique_Content {
        max-width: 71% !important;
    }
    .imgproduit {
        height: 160px !important;
        width: 100%;
        cursor: pointer;
        max-height: 160px;
    }
    .Divanimation {
        position: absolute;
        top: 78%;
        right: 17%;
        z-index: 2;
        width: 27.3vw;
    }
    .single_service {
        height: 200px;
    }
    .btn_MenuService {
        padding-top: 18px;
        border-right: 1px solid #41A2AA;
        max-width: 13.666667%;
    }
    .btn_MenuServiceAide {
        padding-top: 14px;
    }
    .btn_Compte {
        padding-right: 0pc;
        padding-top: 18px;
    }
    .rightFooter_Link:not(:last-child) {
        margin-right: 1.7rem;
    }
    .rightFooter_LinkPoli {
        margin-right: 1rem !important;
    }
    .imageLogo {
        width: 173.76px!important;
        height: 84.7px !important;
    }
    .txtBtnPrd {
        padding-left: 0px !important;
    }
    .txtBtnSnSej {
        padding-left: 0px !important;
    }
    .imgBtnSnSej {
        margin-bottom: 11px !important;
        padding-top: 13px !important;
        padding-left: 0px !important;
        width: 54%;
    }
    .mainMenuLeft {
        text-align: center !important;
        padding: 5px 17px 0px 30px !important;
        padding: 7px 0px !important;
        padding-left: 26px !important;
    }
    .imgBtnPrd {
        padding-left: 6px;
        margin-bottom: 0px;
        width: 30%;
        margin-top: 12px;
    }
    .Link_EspaceTexte {
        font-size: 12px !important;
        color: #fff !important;
        font-family: 'Montserrat-SemiBold' !important;
        line-height: 17px !important;
        padding-top: 1px;
        padding-left: 1.3px;
    }
    .texteSlider {
        font-size: 27px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        margin-bottom: 24px !important;
        margin-top: 43px !important;
        line-height: 38px !important;
    }
    .titleSlider {
        color: #41A2AA !important;
        font-family: 'Montserrat-regular' !important;
        font-size: 42px !important;
        line-height: 51px !important;
        margin-top: 13.4% !important;
        width: 65vw;
        margin-left: 15px;
    }
    .texteSlider {
        font-size: 24px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        margin-bottom: 24px !important;
        margin-top: 43px !important;
        line-height: 38px !important;
        margin-left: 15px;
    }
    .namePRD {
        font-family: 'Montserrat-Regular';
        line-height: 0px;
        color: #000000;
        font-size: 15px;
        text-align: center;
    }
    .txtBtnPrd:after,
    .texteHeadRight:after {
        display: block;
        content: '';
        border-bottom: solid 3px #f09e7a;
        transform: scaleX(0);
        transition: transform 300ms ease-in-out;
        width: 100%;
        margin: auto;
    }
    .textBtnManuLeft:after {
        display: block;
        content: '';
        border-bottom: solid 3px #f09e7a;
        transform: scaleX(0);
        transition: transform 300ms ease-in-out;
        width: 100%;
        margin: auto;
    }
    .imageParent {
        position: relative;
        top: 13px;
        left: 7px;
        width: 51px;
        height: 50px;
    }
    .imageAcc {
        position: relative;
        top: 13px;
        left: 11px;
        width: 58px;
        height: 50px;
    }
    .imagePartenaire {
        position: relative;
        top: 13px;
        left: 14px;
        width: 59px;
        height: 50px;
    }
    .titreVignette {
        font-size: 14px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        /* font-weight: 400; */
        margin-top: 31px !important;
        margin-left: 29px !important;
        letter-spacing: -0.02px !important;
        margin-bottom: 0px !important;
    }
    .txtVignette {
        font-size: 12px !important;
        line-height: 16px !important;
        font-family: 'Montserrat-Regular' !important;
        color: #000000 !important;
        margin-left: 29px !important;
        margin-bottom: 23px !important;
    }
    .btnconnection-Vignette {
        display: inline-block;
        /* padding: 0 0; */
        width: 144px;
        height: 32x;
        font-family: 'Montserrat-Medium';
        font-size: 12px;
        /* font-weight: 400; */
        border: 0;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 32px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        /* letter-spacing: 2px; */
        background: #F09E7A;
        margin-left: 29px;
    }
    .a_la_une_area {
        padding-top: 1px;
        padding-bottom: 0px;
        margin: 82px;
    }
    .titleleft {
        font-family: 'Montserrat-Regular';
        font-size: 11px;
        float: left;
        font-weight: 600;
        text-transform: uppercase;
        padding-bottom: 11px;
        border-bottom: 2px solid #41a2aa;
        margin-left: 0;
    }
    .titleright {
        font-family: 'Montserrat-bold';
        font-size: 11px;
        float: right;
        line-height: 2;
    }
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 13px 11px 10px 11px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .titreHistorique {
        color: #000000 !important;
        font-size: 25px !important;
        /* font-weight: 400; */
        line-height: 20px !important;
        font-family: 'Montserrat-Regular' !important;
        text-align: center !important;
        margin-bottom: 26px !important;
        /* left: 25px !important; */
        position: relative !important;
    }
    .titreHistorique {
        color: #000000 !important;
        font-size: 25px !important;
        /* font-weight: 400; */
        line-height: 20px !important;
        font-family: 'Montserrat-Regular' !important;
        text-align: center !important;
        margin-bottom: 26px !important;
        /* left: 25px !important; */
        position: relative !important;
    }
    .titleAct {
        font-size: 17px;
        /* font-weight: 400; */
        line-height: 20px;
        color: #000000;
        position: relative;
        z-index: 0;
        padding-bottom: 16px;
        font-family: 'Montserrat-Regular';
        margin-top: 27px;
        text-align: left;
        margin-left: 13px;
        padding-top: 13px;
    }
    .link_nosPrd {
        padding: 0px 19px !important;
        position: inherit !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
        display: block;
        text-align: left;
        color: #000000 !important;
        font-size: 11px !important;
        font-family: 'Montserrat-Regular' !important;
        line-height: 40px !important;
    }
    .logoFooter {
        margin-top: 10px;
        margin-left: 6px;
        width: 76px;
        height: auto;
    }
    .lconeFooter {
        width: 30px !important;
        height: 30px !important;
        margin-right: 0;
        margin-left: 0;
    }
    .lconeAccomFooter {
        width: 25px;
        height: 26px;
        margin-right: -1px;
        margin-left: 0px;
    }
    .lconeglobeFooter {
        width: 26px;
        height: 24px;
        top: -1px;
        margin-left: 20px !important;
        margin-right: 1px !important;
    }
    .titleFooter {
        font-size: 9px;
    }
    .titlepartenaire {
        margin-left: 20px;
    }
    .titleparent {
        margin-left: 20px;
    }
    .titlecond {
        padding-left: 30px;
    }
    .MyLine {
        width: 100%;
    }
    .Myimg {
        left: auto;
        right: -0.6vw;
        bottom: 96%;
        width: 2.6vw;
    }
    .sous_titleAct {
        font-size: 14px;
        /* font-weight: 400; */
        line-height: 21px;
        color: #000000;
        position: relative;
        z-index: 0;
        margin-top: 0px;
        text-align: left;
        margin-left: 14px;
        font-family: 'Montserrat-Regular';
    }
}

@media(max-width: 1366px) {
    .topHeader {
        padding: 6px 0 0 !important;
        background: #41A2AA !important;
        height: 40px !important;
        ;
    }
    .content_topHeader {
        max-width: 89.5% !important;
    }
    .topHeader_Link {
        display: inline-block !important;
        border-left: 1px solid #FFFFFF !important;
        width: 227px;
        padding: 1px 0px 0px 0px;
        margin-right: 0 !important;
    }
    .topHeader_Link:not(:last-child) {
        width: 200px;
    }
    .Link_Espace {
        margin-left: 15px !important;
        text-align: left !important;
    }
    .imgEspaceAcc {
        width: 19px;
        height: 18px;
        position: relative;
        top: -5px;
    }
    .Link_EspaceTexte {
        font-size: 0.7em !important;
        color: #fff !important;
        font-family: 'Montserrat-SemiBold' !important;
        line-height: 1.2 !important;
        padding-top: 0px;
        padding-left: 5px;
    }
    .Link_EspacePartenaire .Link_EspaceTexte {
        padding-left: 0px;
        margin-left: -12px;
        padding-top: 0px;
        margin-top: -1px;
    }
    .Link_EspacePartenaire {
        margin-left: 10px !important;
    }
    .Link_EspaceImagePartenaire {
        padding-top: 0px;
    }
    .imgEspacePart {
        width: 20px;
        height: 21px;
        top: -5px;
        position: relative;
    }
    .mainTopHeader {
        padding: 0px 0 !important;
        background: #fff !important;
        height: 92px;
    }
    .content_mainTopHeader {
        max-width: 87% !important;
    }
    .imageLogo {
        position: relative !important;
        bottom: 13px !important;
        width: 163.25px!important;
        height: auto !important;
    }
    .mainMenuLeft {
        text-align: center !important;
        padding: 5px 17px 0px 30px !important;
        padding: 7px 0px !important;
        padding-left: 38px !important;
    }
    .btnSejourLeft {
        padding: 17px 0px;
    }
    .header-area .main-header-area .main-menu ul li a {
        font-size: 15px;
    }
    .btnMenu_Img {
        margin-bottom: 4px;
        width: 15px;
    }
    .textBtnManuLeft {
        color: #000000 !important;
        font-size: 11px !important;
        padding: 0px 0px 0px 0px;
        font-family: 'Montserrat-Medium' !important;
        text-align: center !important;
    }
    .prd {
        flex: 0 0 10% !important;
        max-width: 10% !important;
    }
    .imgBtnPrd {
        padding-left: 6px;
        margin-bottom: 0px;
        width: 44px;
        margin-top: 10px;
        margin-bottom: 5px !important;
    }
    .txtBtnPrd {
        padding-left: 7px !important;
    }
    .Space {
        margin-right: 23.5% !important;
        max-width: 10.5%;
        flex: 0 0 10.5%;
    }
    .imgBtnSnSej {
        margin-bottom: 4px !important;
        padding-top: 11px !important;
        padding-left: 0px !important;
        width: 42px;
    }
    .btn_MenuService {
        padding-top: 20px !important;
        border-right: 0px;
        max-width: 9.666667%;
    }
    .btn_MenuService:after,
    .btn_MenuServiceAide:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        border-left: 1px solid #41A2AA;
        height: 56%;
        top: 13%;
    }
    .texteHeadRight {
        color: #000000 !important;
        font-size: 11px !important;
        /* display: inline-block; */
        padding: 0px 0px 0px 0px !important;
        font-family: 'Montserrat-Medium' !important;
        position: relative !important;
        line-height: 1;
    }
    .imageHeadRight {
        margin-top: -1px;
        margin-bottom: 5px;
        padding-right: 0;
        width: 21px;
        position: relative;
        left: 0px;
    }
    .btn_MenuServiceAide {
        max-width: 11.4% !important;
        border-left: 0px;
        padding-top: 21px;
    }
    .btn_MenuServiceAide {
        max-width: 11.4% !important;
        border-left: 0px;
        padding-top: 21px;
    }
    .image_btnAide {
        padding-right: 0px !important;
        padding-top: 0px !important;
        left: -4px !important;
        margin-bottom: 2px !important;
        margin-top: -3px !important;
    }
    .ligne_sejour:last-child {
        margin-top: 12px;
    }
    .DD_sejour {
        position: absolute !important;
        right: -55px !important;
        top: 96% !important;
        background: #fff !important;
        width: 128px !important;
        z-index: 15 !important;
        opacity: 0;
        visibility: hidden;
        text-align: left!important;
        -webkit-transition: 0.6s !important;
        -moz-transition: 0.6s !important;
        -o-transition: 0.6s !important;
        transition: 0.1s !important;
    }
    .link_sejour {
        padding: 0px 12px !important;
        position: inherit !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
        display: block;
        text-align: left;
        color: #000000 !important;
        font-size: 11px !important;
        font-family: 'Montserrat-Regular' !important;
        line-height: 3.3 !important;
        height: 40px;
    }
    .DD_nosPrd {
        position: absolute !important;
        right: -46px !important;
        top: 96% !important;
        background: #fff !important;
        width: 180px !important;
        z-index: 2 !important;
        box-shadow: 3 0 10px rgba(0, 0, 0, 0.02) !important;
        opacity: 0;
        visibility: hidden;
        text-align: left!important;
        -webkit-transition: 0.6s !important;
        -moz-transition: 0.6s !important;
        -o-transition: 0.6s !important;
        transition: 0.1s !important;
    }
    .sliderArea {
        height: 342px !important;
        margin-top: 9.8% !important;
    }
    .titleSlider {
        color: #41A2AA !important;
        font-family: 'Montserrat-light' !important;
        font-size: 42.7px !important;
        line-height: 1 !important;
        margin-top: 12.3% !important;
        width: 65vw;
        margin-left: 0px;
    }
    .texteSlider {
        font-size: 21.4px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        margin-bottom: 24px !important;
        margin-top: 31px !important;
        line-height: 1.3 !important;
        margin-left: 1px;
        width: 98%;
    }
    .owl-carousel .owl-nav div.owl-next {
        background-image: url(../imagesAccueil/slider/chevronSlider_next.svg) !important;
        background-size: 31px 31px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .owl-carousel .owl-nav div.owl-prev {
        background-image: url(../imagesAccueil/slider/chevronSlider_prev.svg) !important;
        background-size: 31px 31px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .SliderOWL .owl-nav div.owl-next {
        left: 87.6vw !important;
        right: 0 !important;
    }
    .SliderOWL .owl-nav div {
        top: 58.8%;
    }
    .Divanimation {
        position: absolute;
        top: 71.1%;
        right: 16.7%;
        z-index: 2;
        width: 29.3vw;
    }
    .aboutWrapper {
        padding: 0px 0 21px 0 !important;
        background: #FFFFFF;
        position: relative;
        z-index: 1;
    }
    .aboutWrapper .container {
        width: 63%;
    }
    .imageParent {
        position: relative;
        top: 22px;
        left: 25px;
        width: 47px;
        height: auto;
    }
    .titreVignette {
        font-size: 13px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        /* font-weight: 400; */
        margin-top: 35px !important;
        margin-left: 51px !important;
        letter-spacing: -0.05px !important;
        margin-bottom: 0px !important;
    }
    .txtVignette {
        font-size: 10.3px !important;
        line-height: 1.5 !important;
        font-family: 'Montserrat-Regular' !important;
        color: #000000 !important;
        margin-left: 51px !important;
        margin-bottom: 13px !important;
        word-spacing: 0.95px;
        left: -1px;
        position: relative;
    }
    .btnconnection-Vignette {
        display: inline-block;
        /* padding: 0 0; */
        width: 120px;
        height: 26px;
        font-family: 'Montserrat-Medium';
        font-size: 11px;
        /* font-weight: 400; */
        border: 0;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 25px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        /* letter-spacing: 2px; */
        background: #F09E7A;
        margin-left: 29px;
    }
    .imageAcc {
        position: relative;
        top: 18px;
        left: 25px;
        width: 43px;
        height: 44px;
    }
    .titreAcc {
        margin-top: 27px !important;
    }
    .btnconnection-VignetteAcc {
        margin-left: 49px !important;
    }
    .imagePartenaire {
        position: relative;
        top: 9px;
        left: 12px;
        width: 36px;
        height: auto;
    }
    .titrePartenaire {
        margin-top: 22px !important;
        margin-left: 36px !important;
    }
    .btnconnection-VignettePart {
        margin-left: 36px !important;
    }
    .mb-50 {
        margin-bottom: 30px !important;
    }
    .nosPrd_area {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .elements_NosPRD .row {
        padding-left: 22px;
    }
    .title_NosPRD {
        font-size: 12.8px;
        line-height: 23px;
        position: relative;
        color: #000000;
        position: relative;
        z-index: 0;
        font-family: 'Montserrat-bold';
        left: -2px;
        margin-bottom: 3%;
        margin-top:5%;
    }
    .elements_NosPRD {
        max-width: 88.5% !important;
    }
    .elements_NosPRD .col-xl-2 {
        padding: 0 !important;
        /*   margin: auto ; */
        border: none !important;
    }
    .single_service {
        max-width: 183px;
        margin-right: 2%;
    }
    .imgproduit {
        width: 100%;
        cursor: pointer;
        max-height: 160px;
        margin-bottom: 14px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .namePRD {
        font-family: 'Montserrat-Regular';
        line-height: 0px;
        color: #000000;
        font-size: 11px;
        text-align: center;
    }
    .Historique_Wrapper {
        margin-top: 34px;
        background: #F4F4F4;
        padding: 45px 0 46px !important;
    }
    .Historique_Content {
        max-width: 60% !important;
        padding: 0;
        margin-left: 19.5%;
    }
    .Historique_Content .row {
        margin: 0;
    }
    .Historique_Content .col-xl-12 {
        padding: 0;
    }
    .paragHistorique_p2 {
        font-size: 13px !important;
        color: #000000 !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        margin-left: -6px !important;
        line-height: 17px !important;
        font-family: 'Montserrat-Regular' !important;
        cursor: pointer;
        word-spacing: -0.2px;
    }
    .a_la_une_area {
        padding-top: 1px;
        padding-bottom: 0px;
        margin: 82px;
        margin-top: 35px;
        margin-bottom: 26px;
    }
    .title_a_la_une {
        font-size: 43px;
        font-weight: unset;
        /* line-height: 20px; */
        position: relative;
        color: #41a2aa;
        position: relative;
        z-index: 0;
        margin-bottom: 2px;
        font-family: 'Montserrat-light';
        left: 9px;
    }
    
     
    .actualiteArea .col-xl-4.col-md-4.col-sm-12.col-xs-12 {
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 31.6%;
        margin-right: 2.6%;
    }
    .actualiteArea .col-xl-4.col-md-4.col-sm-12.col-xs-12:last-child {
        margin-right: 0;
    }
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa !important;
        border-radius: 0px;
        cursor: pointer;
        height: 486px !important;
        width: 100%;
        max-width: 100%;
    }
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 225px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .titleleft {
        font-family: 'Montserrat-Regular';
        font-size: 11px;
        float: left;
        font-weight: unset;
        text-transform: uppercase;
        padding-bottom: 10px;
        border-bottom: 2px solid #41a2aa;
        margin-left: -1px;
    }
    .titleright {
        font-family: 'Montserrat-bold';
        font-size: 9.2px;
        float: right;
        line-height: 2;
        margin-top: 5px;
        margin-right: -2px;
    }
    .titleAct {
        font-size: 21.3px;
        /* font-weight: 400; */
        line-height: 20px;
        color: #000000;
        position: relative;
        z-index: 0;
        padding-bottom: 0px;
        font-family: 'Montserrat-Regular';
        margin-top: 34px;
        text-align: left;
        margin-left: 12px;
        padding-top: 13px;
    }
    .sous_titleAct {
        font-size: 10.5px;
        /* font-weight: 400; */
        line-height: 21px;
        color: #000000;
        position: relative;
        z-index: 0;
        margin-top: 21px;
        text-align: left;
        margin-left: 14px;
        font-family: 'Montserrat-Regular';
    }
    .sous_titleAct>p {
        font-size: 10.65px;
        line-height: 14px;
        color: #000000;
        font-family: 'Montserrat-Regular';
    }
    .btnsavoir {
        position: absolute;
        right: 3.8%;
        top: 91.1%;
    }
    .btnconnection-savoirplus {
        display: inline-block;
        /* padding: 0 0; */
        width: 120px;
        height: 27px;
        font-family: 'Montserrat-medium', sans-serif;
        font-size: 10px;
        /* font-weight: 400; */
        text-transform: uppercase;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 27px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        letter-spacing: 0px;
        background: #41a2aa;
        margin-right: 0;
    }
    .titreProduit {
        border-top: 1px solid #707070;
        padding-top: 14px;
        font-size: 9px;
        font-family: 'Montserrat-bold';
        padding-bottom: 4px;
        text-align: center;
        padding-left: 6px;
    }
    .optionGroupe {
        display: flex;
        margin-left: auto;
        padding-bottom: 2px;
        margin-top: 36px;
    }
    .payement {
        width: 84%;
        margin-top: -8px;
        margin-left: 9px;
    }
    .twitter,
    .facebook,
    .linked {
        width: 20px;
        position: relative;
        top: -8px;
        margin: auto;
    }
    .rowFooter {
        height: 165px;
        clear: both;
        position: relative;
    }
    .SeparateurLeftAccom {
        max-width: 12.5%;
        flex: 0 0 15%;
        height: 100%;
    }
    .logoFooter {
        margin-top: 7px;
        margin-left: 7px;
        width: 76px;
        height: auto;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 7px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 6px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
    }
    .aide {
        margin-left: 3px;
        margin-top: 0;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .SeparateurLeftAccom {
        max-width: 8% !important;
        height: 100%;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 0 !important;
    }
    .actualiteArea {
        padding-top: 20px;
    }
}

@-webkit-keyframes ArrowAnimation {
    0% {
        left: -34px;
        bottom: 7px;
    }
    2% {
        left: -24px;
        bottom: 4px;
    }
    4% {
        left: -8px;
        bottom: 0px;
    }
    6% {
        left: 30px;
        bottom: -9px;
        transform: rotate(119deg);
    }
    12% {
        left: 138px;
        bottom: -17px;
        transform: rotate(115deg);
    }
    14% {
        left: 157px;
        bottom: -21px;
        transform: rotate(106deg);
    }
    16% {
        left: 181px;
        bottom: -15px;
        transform: rotate(98deg);
    }
    18% {
        left: 197px;
        bottom: -13px;
        transform: rotate(88deg);
    }
    20% {
        left: 218px;
        bottom: 1px;
        transform: rotate(87deg);
    }
    22% {
        transform: rotate(74deg);
        left: 223px;
        bottom: 1px;
    }
    24% {
        left: 231px;
        bottom: 3px;
        transform: rotate(57deg);
    }
    26% {
        transform: rotate(50deg);
        left: 234px;
        bottom: 8px;
    }
    28% {
        left: 245px;
        bottom: 13px;
        transform: rotate(10deg);
    }
    30% {
        left: 237px;
        bottom: 35px;
        transform: rotate(-41deg);
    }
    32% {
        left: 231px;
        bottom: 45px;
        transform: rotate(-83deg);
    }
    34% {
        left: 213px;
        bottom: 48px;
        transform: rotate(-104deg);
    }
    36% {
        left: 186px;
        bottom: 36px;
        transform: rotate(-172deg);
    }
    38% {
        left: 200px;
        bottom: 15px;
        transform: rotate(-205deg);
    }
    40% {
        left: 239px;
        bottom: 9px;
        transform: rotate(-217deg);
    }
    42% {
        left: 254px;
        bottom: 4px;
        transform: rotate(-229deg);
    }
    44% {
        left: 268px;
        bottom: 2px;
        transform: rotate(-249deg);
    }
    46% {
        left: 288px;
        bottom: 5px;
        transform: rotate(-261deg);
    }
    48% {
        left: 302px;
        bottom: 13px;
        transform: rotate(-270deg);
    }
    50% {
        left: 308px;
        bottom: 13px;
        transform: rotate(-278deg);
    }
    52% {
        left: 312px;
        bottom: 13px;
        transform: rotate(-285deg);
    }
    54% {
        left: 316px;
        bottom: 13px;
        transform: rotate(-293deg);
    }
    56% {
        left: 327px;
        bottom: 23px;
        transform: rotate(-302deg);
    }
    58% {
        left: 335px;
        bottom: 30px;
        transform: rotate(-312deg);
    }
    60% {
        left: 342px;
        bottom: 50px;
        transform: rotate(-319deg);
    }
    62% {
        left: 350px;
        bottom: 67px;
        transform: rotate(-347deg);
    }
    64% {
        left: 348px;
        bottom: 82px;
        transform: rotate(-379deg);
    }
    66% {
        left: 347px;
        bottom: 85px;
        transform: rotate(-387deg);
    }
    68% {
        left: 341px;
        bottom: 89px;
        transform: rotate(-397deg);
    }
    70% {
        left: 326px;
        bottom: 92px;
        transform: rotate(-60deg);
    }
    72% {
        left: 316px;
        bottom: 98px;
        transform: rotate(-97deg);
    }
    74% {
        left: 298px;
        bottom: 82px;
        transform: rotate(-130deg);
    }
    76% {
        left: 288px;
        bottom: 72px;
        transform: rotate(-163deg);
    }
    78% {
        left: 288px;
        bottom: 58px;
        transform: rotate(-182deg);
    }
    80% {
        left: 299px;
        bottom: 42px;
        transform: rotate(-190deg);
    }
    82% {
        left: 305px;
        bottom: 30px;
        transform: rotate(-202deg);
    }
    84% {
        left: 320px;
        bottom: 21px;
        transform: rotate(-202deg);
    }
    86% {
        left: 336px;
        bottom: 10px;
        transform: rotate(-208deg);
    }
    88% {
        left: 348px;
        bottom: 3px;
        transform: rotate(-215deg);
    }
    90% {
        left: 366px;
        bottom: -1px;
        transform: rotate(-218deg);
    }
    91% {
        left: 387px;
        bottom: -8px;
        transform: rotate(-232deg);
    }
    92% {
        left: 414px;
        bottom: -12px;
        transform: rotate(-250deg);
    }
    93% {
        left: 443px;
        bottom: -13px;
        transform: rotate(-264deg);
    }
    94% {
        left: 454px;
        bottom: -11px;
        transform: rotate(-273deg);
    }
    95% {
        left: 468px;
        bottom: -9px;
        transform: rotate(-283deg);
    }
    96% {
        left: 476px;
        bottom: -7px;
        transform: rotate(-288deg);
    }
    97% {
        left: 495px;
        bottom: -1px;
        transform: rotate(-304deg);
    }
    98% {
        left: 511px;
        bottom: 14px;
        transform: rotate(-311deg);
    }
    99% {
        left: 529px;
        bottom: 43px;
        transform: rotate(-319deg);
    }
    100% {
        left: 544px;
        bottom: 98px;
        transform: rotate(-352deg);
    }
}

@keyframes ArrowAnimation {
    0% {
        left: -6.4%;
        bottom: 4%;
    }
    2% {
        left: -4.3%;
        bottom: 1.8%;
    }
    4% {
        left: -1.4%;
        bottom: -1%;
    }
    6% {
        left: 5.5%;
        bottom: -11%;
        transform: rotate(119deg);
    }
    12% {
        left: 25%;
        bottom: -14%;
        transform: rotate(115deg);
    }
    14% {
        left: 28.5%;
        bottom: -12.2%;
        transform: rotate(106deg);
    }
    16% {
        left: 33%;
        bottom: -9.6%;
        transform: rotate(97deg);
    }
    18% {
        transform: rotate(90deg);
        left: 35.5%;
        bottom: -8%;
    }
    20% {
        transform: rotate(77deg);
        left: 39%;
        bottom: -2%;
    }
    22% {
        transform: rotate(61deg);
        left: 41%;
        bottom: 0%;
    }
    24% {
        transform: rotate(51deg);
        left: 41.8%;
        bottom: 3%;
    }
    26% {
        transform: rotate(31deg);
        left: 43.2%;
        bottom: 6%;
    }
    28% {
        transform: rotate(-10deg);
        left: 45.1%;
        bottom: 12%;
    }
    30% {
        transform: rotate(-40deg);
        left: 43%;
        bottom: 23%;
    }
    32% {
        transform: rotate(-138deg);
        left: 35.1%;
        bottom: 27%;
    }
    34% {
        bottom: -21px;
        transform: rotate(-183deg);
        left: 33.5%;
        bottom: 19%;
    }
    36% {
        transform: rotate(-229deg);
        left: 36%;
        bottom: 2.9%;
    }
    38% {
        transform: rotate(-253deg);
        left: 45%;
        bottom: -2.1%;
    }
    40% {
        transform: rotate(-277deg);
        left: 53%;
        bottom: 1.9%;
    }
    42% {
        transform: rotate(-297deg);
        left: 58%;
        bottom: 13%;
    }
    44% {
        transform: rotate(-308deg);
        left: 60.4%;
        bottom: 22%;
    }
    46% {
        transform: rotate(8deg);
        left: 63.1%;
        bottom: 41%;
    }
    48% {
        transform: rotate(-13deg);
        left: 63%;
        bottom: 49%;
    }
    50% {
        transform: rotate(-64deg);
        left: 60%;
        bottom: 61%;
    }
    52% {
        transform: rotate(-141deg);
        left: 52.7%;
        bottom: 55%;
    }
    54% {
        transform: rotate(-174deg);
        left: 51.2%;
        bottom: 42%;
    }
    56% {
        transform: rotate(-198deg);
        left: 52.6%;
        bottom: 26%;
    }
    58% {
        transform: rotate(-214deg);
        left: 57%;
        bottom: 9.8%;
    }
    60% {
        transform: rotate(-231deg);
        left: 62%;
        bottom: -0.8%;
    }
    62% {
        transform: rotate(-252deg);
        left: 71%;
        bottom: -9%;
    }
    64% {
        transform: rotate(-258deg);
        left: 74%;
        bottom: -9%;
    }
    66% {
        transform: rotate(-259deg);
        left: 78%;
        bottom: -7%;
    }
    68% {
        transform: rotate(-266deg);
        left: 81%;
        bottom: -5.7%;
    }
    70% {
        transform: rotate(-276deg);
        left: 83%;
        bottom: -5.7%;
    }
    72% {
        transform: rotate(-281deg);
        left: 86%;
        bottom: -0.7%;
    }
    74% {
        transform: rotate(-286deg);
        left: 88%;
        bottom: 2.5%;
    }
    76% {
        transform: rotate(-292deg);
        left: 90%;
        bottom: 7.5%;
    }
    78% {
        transform: rotate(-302deg);
        left: 92%;
        bottom: 14.2%;
    }
    80% {
        transform: rotate(-310deg);
        left: 93%;
        bottom: 15.7%;
    }
    82% {
        transform: rotate(-317deg);
        left: 94%;
        bottom: 20.7%;
    }
    84% {
        transform: rotate(-314deg);
        left: 94%;
        bottom: 21.7%;
    }
    86% {
        transform: rotate(-317deg);
        left: 94.7%;
        bottom: 24.7%;
    }
    88% {
        transform: rotate(-316deg);
        left: 94.7%;
        bottom: 26.7%;
    }
    90% {
        transform: rotate(-320deg);
        left: 95%;
        bottom: 29.7%;
    }
    92% {
        transform: rotate(-324deg);
        left: 95.4%;
        bottom: 32%;
    }
    94% {
        transform: rotate(-329deg);
        left: 96%;
        bottom: 37%;
    }
    96% {
        transform: rotate(-335deg);
        left: 96.4%;
        bottom: 41%;
    }
    98% {
        transform: rotate(-347deg);
        left: 96.7%;
        bottom: 59%;
    }
    100% {
        transform: rotate(-358deg);
        left: 94.9%;
        bottom: 89%;
    }
}

@media(max-width: 1200px) {
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa;
        border-radius: 0px;
        cursor: pointer;
        height: 503px !important;
        width: 100%;
        max-width: 100%;
    }
    .Space {
        margin-right: 18.5% !important;
        max-width: 10.5%;
        flex: 0 0 10.5%;
    }
    .titleaccom {
        margin-left: 13px;
    }
    .about_wrap_area .single_service_wrap {
        padding: 0 !important;
    }
    .prd {
        flex: 0 0 17% !important;
        max-width: 13% !important;
    }
    .btn_MenuService {
        padding-top: 20px !important;
        border-right: 0px;
        max-width: 14%;
    }
    .titleSlider {
        letter-spacing: 1px !important;
    }
    .aboutWrapper .container {
        width: 68%;
    }
    .SeparateurLeftAccom {
        display: block;
    }
    .DivFooter {
        margin-left: -1%;
        height: 323px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 32px;
        cursor: pointer;
        background-size: 31px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 51px;
        height: 45px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 24px !important;
        margin-left: 0px !important;
        cursor: pointer !important;
    }
    .divlogoFooter {
        display: none;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 16px;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
    }
    .log {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17% !important;
    }
    .log1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17% !important;
    }
    .titlecond {
        margin-left: 0px;
    }
    .titleconf {
        padding-left: 0px !important;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .lconeFooter {
        width: 38px;
        height: 33px;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0%;
    }
    .titleaide {
        display: inline-grid;
        padding-left: 1% !important;
        margin-top: -7%;
    }
    .aide {
        margin-left: 0px;
        margin-top: 9px;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .DivFooter {
        margin-left: -1%;
        height: 323px;
    }
}

@media(max-width: 1166px) {
    .aboutWrapper .container {
        width: 80%;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
}

@media(max-width: 1090px) {
    .titleAct {
        font-size: 16.3px;
        /* font-weight: 400; */
        line-height: 20px;
        color: #000000;
        position: relative;
        z-index: 0;
        padding-bottom: 0px;
        font-family: 'Montserrat-Regular';
        margin-top: 34px;
        text-align: left;
        margin-left: 12px;
        padding-top: 13px;
    }
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 171px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa;
        border-radius: 0px;
        cursor: pointer;
        height: 454px !important;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .titleSlider {
        letter-spacing: 1px !important;
    }
    .separteurfooter {
        max-width: 8% !important;
    }
    .divlogoFooter {
        display: none;
    }
    .HeaderRight {
        right: 2%;
    }
    .btn_MenuService {
        padding-right: 10px;
        margin-right: 0.5% !important;
    }
    .btn_MenuServiceAide {
        padding-right: 10px !important;
        margin-right: 0.5% !important;
    }
    .btnPanier_headRight {
        margin-right: 3% !important;
    }
    .content_mainTopHeader {
        max-width: 100% !important;
    }
    .SeparateurFooter {
        max-width: 3%;
    }
    .DivFooter {
        display: flex;
    }
    .titlecond {
        padding-left: 12px;
    }
    .titleconf {
        padding-left: 0px;
    }
    .titlepolitic {
        margin-left: 0px;
    }
    .titlepolitic {
        padding-left: 24px;
        margin-left: 0px !important;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .logoFooter {
        margin-top: 1px;
        margin-left: 6px;
        width: 53px;
        height: auto;
    }
    .SeparateurLeftAccom {
        max-width: 2%;
        height: 100%;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 14px;
        display: contents;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 14px;
        display: contents;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
    }
    .sliderArea {
        margin-top: 11.8% !important;
    }
    .imagePRD {
        text-align: center !important;
        height: 199px !important;
        padding: 104px 0 94px 0;
        background: #F4F4F4 !important;
        -webkit-transition: 0.5s !important;
        -moz-transition: 0.5s !important;
        -o-transition: 0.5s !important;
        transition: 0.5s !important;
        position: relative !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 0 !important;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px !important;
        color: #707070;
        padding-top: 32px;
        cursor: pointer;
        background-size: 44px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 74px;
        height: 73px;
    }
}

@media (max-width: 990px) {
    .elements_NosPRD .row {
        padding-left: 0px;
    }
    .aboutWrapper .container {
        width: 100%;
        max-width: 100%;
    }
    .a_la_une_area {
        margin: 0;
        padding-top: 30px;
    }
    .actualiteArea {
        padding-left: 1%;
        padding-right: 1%;
    }
    .single_service {
        height: 250px;
    }
    .contentSlider {
        background: #FFFFFF;
        border: 0px solid #fff;
    }
    .slicknav_nav a {
        padding: 5px 10px;
        margin: 2px 5px;
        text-decoration: none;
        color: #fff;
        text-align: center;
    }
    .namePRD {
        font-family: 'Montserrat-Regular';
        line-height: 19px;
        color: #000000;
        font-size: 13px;
        text-align: center;
    }
    .btn_MenuService:after,
    .btn_MenuServiceAide:after {
        content: '';
        display: none;
    }
    .logoCenter {
        width: 25vw !important;
        height: auto !important;
        position: relative;
        margin: auto;
        display: block !important;
        margin-top: 2vh;
    }
    .content_TexteSlider {
        display: none;
    }
    .imageLogowhite {
        display: block;
        width: 67px;
        height: 50px;
        margin-top: -5px;
    }
    .imageLogo {
        display: none;
    }
    .mainTopHeader {
        padding: 15px 0 !important;
        background: #41a2aa !important;
        height: 73px;
    }
    .slicknav_icon-bar {
        background: #fff !important;
    }
    .slicknav_menu .slicknav_icon {
        margin-right: 12px;
        margin-top: 12px;
        position: relative;
        right: 5px;
        top: -7px;
        padding-bottom: 8px;
    }
    .slicknav_menu .slicknav_icon {
        margin-right: -1px;
        margin-top: 12px;
        position: relative;
        right: 5px;
        top: -12px;
        padding-bottom: 8px;
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #000;
        height: 3px;
        margin: 7px 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 40px;
        position: relative;
    }
    .slicknav_nav {
        background: #fff;
        float: right;
        margin-top: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #eee;
        border-radius: 15px
    }
    .back_Slider {
        max-width: 100%;
        position: relative;
        z-index: 0;
        background: linear-gradient(0.25turn, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider1.png) !important;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider1.png)!important;
        /* ligne a supprimer */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 450px;
    }
    .back_Slider2 {
        max-width: 100%;
        position: relative;
        z-index: 0;
        background: linear-gradient(0.25turn, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider2.png)!important;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider2.png)!important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 450px;
    }
    .contentSliderArea {
        height: 122%;
        max-width: 104% !important;
        padding-top: 0%;
    }
    .wrapperSlider {
        height: 118%;
        display: contents;
    }
    /* Menu   SmartPhone   */
    .mobile_menu {
        position: absolute;
        right: 0px;
        width: 100%;
        z-index: 9;
        top: 42px;
    }
    .slicknav_menu .slicknav_nav {
        background: #fff;
        float: right !important;
        margin-top: 0 !important;
        padding: 0 !important;
        width: 30%;
        padding: 0;
        border-radius: 0px;
        margin-top: 5px;
        position: absolute;
        left: 75%;
        right: 0px;
        margin-left: auto;
        top: -29px;
        height: 446px;
        margin: 0px;
    }
    .slicknav_btn {
        background-color: transparent;
        cursor: pointer;
        margin-bottom: 10px;
        position: relative;
        z-index: 99;
        border: none;
        border-radius: 3px;
        top: 5px;
        /* padding: 16px; */
        /* right: 0; */
        /* margin-top: -5px; */
        top: -88px;
    }
    .slicknav_arrow {
        display: none;
    }
    .slicknav_nav .slicknav_row {
        padding: 11px 14px;
        margin: 0px 0px;
    }
    .btnSejourLeft {
        padding: 0px 0;
    }
    .imgBtnSnSej {
        margin-bottom: 11px !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        width: 11% !important;
    }
    .btn_mainMenu {
        display: contents !important;
        /* position: relative !important; */
        /* margin: 9px 14px !important; */
        margin: 0 !important;
        text-align: center;
        /* width: 20% !important; */
    }
    .btn_MenuService {
        padding-top: 19px !important;
        border-right: 0px solid #41A2AA;
        max-width: 100% !important;
        margin: 0px 0px;
    }
    .btn_MenuService {
        padding-left: 26%;
        margin-right: 0% !important;
    }
    .btn_MenuServiceAide {
        padding-right: 0px !important;
        margin-right: 3px !important;
        padding-left: 26%;
        text-align: center;
    }
    .btn_Compte {
        padding-right: 0pc;
        padding-top: 22px;
        top: -8%;
        left: 3%;
        flex: 0 0 90.33% !important;
        max-width: 90.33% !important;
    }
    .owl-nav {
        display: none !important;
    }
    .Divanimation {
        display: none !important;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 0 !important;
    }
    .titleconf,
    .titlecond {
        margin-left: 0px !important;
    }
    .surmobile {
        display: contents !important
    }
    .alaune {
        display: block !important
    }
    .surweb {
        display: none !important;
    }
    .nosPrd_area {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .Historique_Wrapper {
        margin-top: 0;
        background: #F4F4F4;
        padding: 45px 0 46px !important;
    }
}

@media (max-width: 770px) {
    .menuBasMobileGene{
        display:flex !important;
    }
    .optionGroupe {
        display: block;
        margin-left: 0px;
        padding-bottom: 29px;
    }
    .imgproduit {
        height: 295px !important;
        width: 100%;
        max-height: 190px !important;
        cursor: pointer;
        margin: auto;
    }
    .single_service {
        height: auto;
        width: 95%;
        max-width: 95%;
        margin: 0;
    }
    .actualiteArea .col-xl-4.col-md-4.col-sm-12.col-xs-12 {
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 65%;
        max-width: 65%;
        margin-right: 2.6%;
        margin: auto;
    }
    .actualiteArea .col-xl-4.col-md-4.col-sm-12.col-xs-12:last-child {
        margin-right: auto;
    }
    .rowProd {
        margin: auto;
        margin-bottom: 15px;
    }
    .aboutWrapper {
        padding: 0px 0 39px 0 !important;
        background: #FFFFFF;
        position: relative;
        z-index: 1;
    }
    .wrapperSlider {
        height: 100%;
        display: contents;
    }
    .imgBtnPrd {
        padding-left: 0px;
        margin-bottom: 0px;
        width: 17%;
        margin-top: 0px;
    }
    .imgBtnSnSej {
        margin-bottom: 11px !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        width: 14% !important;
    }
    .btn_MenuService {
        padding-left: 7%;
        margin-right: 0% !important;
        max-width: 100% !important;
    }
    .btn_MenuServiceAide {
        padding-left: 6%;
        margin-right: 0% !important;
        max-width: 100% !important;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 0 !important;
    }
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 296px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa;
        border-radius: 0px;
        cursor: pointer;
        height: 555px !important;
        width: 100%;
        max-width: 100%;
    }
    .mb-50 {
        margin: 12px;
    }
}

@media only screen and (max-width: 660px) {
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 296px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .logmobile {
        text-align: center;
        max-width: 25%;
        cursor: pointer;
    }
    .DivFootermobile {
        display: flex;
        margin-top: 12px;
        height: 80px;
    }
    .DivFooter {
        margin-left: -1%;
        height: 281px;
        display: none;
    }
    .log {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 6% !important;
    }
    .actualiteArea .col-xl-4.col-md-4.col-sm-12.col-xs-12 {
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100%;
        max-width: 75%;
        margin-right: 2.6%;
        margin: auto;
    }
    .titleFooter {
        font-family: Montserrat-Regular !important;
        font-size: 10px !important;
        color: #707070 !important;
        padding-top: 030 !important;
        cursor: pointer !important;
        background-size: 34px !important;
        background-position: 0% center !important;
        background-repeat: no-repeat !important;
        padding-left: 74px;
        height: 47px !important;
    }
    .btnconnection-savoirplus {
        display: inline-block;
        /* padding: 0 0; */
        width: 120px;
        height: 30px;
        font-family: 'Montserrat-Semibold', sans-serif;
        font-size: 9px;
        /* font-weight: 400; */
        text-transform: uppercase;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 29px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        letter-spacing: 0px;
        background: #41a2aa;
        margin-right: 18px;
    }
    .imageAcc {
        position: relative;
        top: 13px;
        left: 7px;
        width: 65px;
        height: 50px;
    }
    .imagePartenaire {
        position: relative;
        top: -3px;
        left: -1px;
        width: 75px;
        height: 61px;
    }
    .titreProduit {
        border-top: 1px solid #ccc;
        padding-top: 13px;
        font-size: 11px;
        font-family: 'Montserrat-bold';
        padding-bottom: 12px;
    }
    .listeOption {
        text-align: center;
        font-size: 9px;
        font-family: 'Montserrat-regular';
        font-weight: 700;
    }
    .payement {
        width: 98px;
        margin-top: -15px;
    }
    .twitter,
    .facebook,
    .linked {
        width: 19px;
    }
    .nosPrd_area {
        padding-top: 43px;
        padding-bottom: 16px;
    }
    /** Footer **/
    .Historique_Wrapper {
        background: #F4F4F4;
        padding: 20px 0 45px !important;
    }
    .ContenuFooter {
        height: auto;
        display: contents;
        display: -ms-flexbox;
        display: inline-block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left;
    }
    .log1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10% !important;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .footerlogo {
        width: 28px;
        height: 24px;
        margin: auto;
    }
    .titleFooter2 {
        font-size: 10px;
    }
    /** Footer **/
    .btnconnection-Vignette {
        display: inline-block;
        /* padding: 0 0; */
        width: 168px;
        height: 35px;
        font-family: 'Montserrat-Medium', sans-serif;
        font-size: 14px;
        /* font-weight: 400; */
        border: 0;
        border: 1px solid #fff;
        -webkit-border-radius: 17.02px;
        -moz-border-radius: 17.02px;
        border-radius: 17.02px;
        text-align: center;
        line-height: 35px;
        color: #fff !important;
        /* text-transform: capitalize; */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        /* letter-spacing: 2px; */
        background: #F09E7A;
        margin-left: 0px;
    }
    .imageParent {
        position: relative;
        top: 13px;
        left: 0px;
        width: 51px;
        height: 50px;
    }
    .txtVignette {
        font-size: 12px !important;
        line-height: 16px !important;
        font-family: 'Montserrat-Regular' !important;
        color: #000000 !important;
        margin-left: 0 !important;
        margin-bottom: 23px !important;
    }
    .titreVignette {
        font-size: 14px !important;
        color: #000000 !important;
        font-family: 'Montserrat-Bold' !important;
        /* font-weight: 400; */
        margin-top: 31px !important;
        margin-left: 0px !important;
        letter-spacing: -0.02px !important;
        margin-bottom: 0px !important;
    }
    .contentSliderArea {
        height: 100%;
        max-width: 104% !important;
        padding-top: 0%;
    }
    .title_NosPRD {
        font-size: 20px;
        line-height: 20px;
        position: relative;
        color: #000000;
        position: relative;
        z-index: 0;
        font-family: 'Montserrat-bold';
        /* left: 33px; */
        margin-bottom: 61px;
    }
    .title_a_la_une {
        font-size: 30px;
        /* font-weight: 400; */
        line-height: 20px;
        position: relative;
        /* left: 33px; */
        position: relative;
        z-index: 0;
        padding-bottom: 15px;
        font-family: 'Montserrat-Regular';
    }
    .title_a_la_une {
        font-size: 30px;
        line-height: 20px;
        position: relative;
        left: 0px;
        position: relative;
        z-index: 0;
        padding-bottom: 15px;
        font-family: 'Montserrat-Regular';
    }
    .blog {
        font-family: 'Montserrat-Regular';
        font-size: 10.7px;
        margin-left: auto;
    }
    .back_Slider {
        max-width: 100%;
        position: relative;
        z-index: 0;
        background: linear-gradient(0.0turn, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider1.png);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 100%, #FFFFFF), url(../imagesAccueil/slider/bg-slider1.png)!important;
        /* ligne a supprimer */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 338px;
    }
    .back_Slider2 {
        max-width: 100%;
        position: relative;
        z-index: 0;
        background: linear-gradient(0.0turn, rgba(255, 255, 255, 0.001) 65%, #FFFFFF), url(../imagesAccueil/slider/bg-slider2.png);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 100%, #FFFFFF), url(../imagesAccueil/slider/bg-slider2.png)!important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 338px;
    }
    .title_NosPRD {
        font-size: 20px;
        line-height: 30px;
        position: relative;
        color: #000000;
        position: relative;
        z-index: 0;
        font-family: 'Montserrat-bold';
        /* left: 33px; */
        margin-bottom: 5px;
    }
    .content_TexteSlider {
        display: none;
    }
    .titreHistorique {
        color: #000000 !important;
        font-size: 25px !important;
        /* font-weight: 400; */
        line-height: 31px !important;
        font-family: 'Montserrat-Regular' !important;
        text-align: center !important;
        margin-bottom: 26px !important;
        left: 0px !important;
        position: relative !important;
    }
    .paragHistorique {
        font-size: 15px !important;
        color: #000000 !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        line-height: 20px !important;
        font-family: 'Montserrat-Regular' !important;
        width: 111%;
        text-align: left;
    }
    .paragHistorique_p2 {
        width: 103%;
        font-size: 14px !important;
        color: #000000 !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        line-height: 23px !important;
        font-family: 'Montserrat-Regular' !important;
    }
    .SeparateurLeftAccom {
        max-width: 12.6%;
        height: 100%;
    }
    .voirplus {
        display: block;
        cursor: pointer;
        color: #41A2AA !important;
        float: left;
        margin: 0px;
    }
    .slicknav_menu .slicknav_nav {
        background: #fff;
        float: right !important;
        margin-top: 0 !important;
        padding: 0 !important;
        width: 40%;
        padding: 0;
        border-radius: 0px;
        margin-top: 5px;
        position: absolute;
        left: 63%;
        right: 0px;
        margin-left: auto;
        top: -30px;
        height: 446px;
        margin: 0px;
    }
}

@media (max-width: 660px) {
    .single_service {
        height: auto;
        margin: 0px;
    }
    .imgproduit {
        height: 240px !important;
        width: 100%;
        cursor: pointer;
    }
    .btnparent,
    .btnconnection-VignetteAcc,
    .btnconnection-VignettePart {
        margin-left: 0 !important;
    }
    .logoCenter {
        width: 294px !important;
        height: 68.7% !important;
        position: relative;
        margin: auto;
        display: block !important;
        margin-bottom: 10px;
    }
    .actualiteArea {
        padding-top: 40px;
    }
}

@media (max-width:570px) {
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 247px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa;
        border-radius: 0px;
        cursor: pointer;
        height: 497px !important;
        width: 100%;
        max-width: 100%;
    }
    .elements_NosPRD {
        max-width: 100% !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .container.elements_NosPRD .row {
        margin: 0;
    }
    .container.elements_NosPRD .row>div {
        width: 100% !important;
        margin: 0 !important;
        padding: 0;
    }
    .single_service {
        height: auto;
        margin: auto;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .imgproduit {
        position: relative;
        height: 240px !important;
        width: 80%;
        cursor: pointer;
        margin: auto;
    }
    .imgproduit img {
        max-width: 100%;
        max-height: 100%;
        width: auto !important;
        height: auto !important;
        margin: auto !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .rowProd {
        margin: auto;
        margin-bottom: 15px;
        padding-left: 25%;
        padding-right: 25%;
    }
    .Produit , 
    .Groupe {
        text-align: center !important ;
        margin-bottom: 15px;
    }
    .slicknav_menu .slicknav_icon {
        margin-right: -1px;
        margin-top: 12px;
        position: relative;
        right: 19px;
        top: -2px;
        padding-bottom: 8px;
    }
}

@media (max-width: 500px) {
    .imgproduit {
        height: 310px !important;
        width: 100%;
        cursor: pointer;
    }
    .single_service {
        height: auto;
    }
    .titleaide {
        display: inline-grid;
        padding: 12px;
    }
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 214px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
}

@media (max-width: 450px) {
    .actualiteArea .col-xl-4.col-md-4.col-sm-12.col-xs-12 {
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100%;
        max-width: 95%;
        margin-right: 2.6%;
        margin: auto;
    }
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 257px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa;
        border-radius: 0px;
        cursor: pointer;
        height: 503px !important;
        width: 100%;
        max-width: 100%;
    }
    .mobile_menu {
        position: absolute;
        right: 0px;
        width: 100%;
        z-index: 9;
        top: 35px;
    }
    .single_service {
        height: auto;
    }
    .slicknav_menu .slicknav_nav {
        background: #fff;
        float: right !important;
        margin-top: 0;
        padding: 0;
        width: 48%;
        padding: 0;
        border-radius: 0px;
        margin-top: 5px;
        position: absolute;
        left: 58%;
        right: 0px;
        margin-left: auto;
        top: -22px;
        height: 440px;
        margin: 0px;
    }
    .imgproduit {
        height: 260px !important;
        width: 100%;
        max-height: 250px;
        cursor: pointer;
    }
    .namePRD {
        font-family: 'Montserrat-Regular';
        line-height: 8;
        color: #000000;
        font-size: 13px;
        text-align: center;
    }
    .imgBtnPrd {
        padding-left: 0px;
        margin-bottom: 0px;
        width: 29% !important;
        margin-top: 0px;
    }
    .imgBtnSnSej {
        margin-bottom: 11px !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        width: 25% !important;
    }
    .imageHeadRight {
        margin-top: -1px;
        margin-bottom: 5px;
        padding-right: 0;
        width: 21px !important;
        position: relative;
        left: 0px;
    }
    .image_btnAide {
        padding-right: 0px !important;
        padding-top: 0px !important;
        left: 0px !important;
        margin-bottom: 2px !important;
        margin-top: -3px !important;
    }
}

@media(max-width:400px) {
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 224px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:355px) {
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 198px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:330px) {
    .service_area .single_service .service_hover {
        text-align: center;
        /* padding: 93px 0 80px 0; */
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        padding: 0px;
        margin: 12px;
        margin-bottom: 10px;
        height: 188px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .service_area .single_service {
        position: relative;
        margin-bottom: 30px;
        /* background-position: center; */
        overflow: hidden;
        text-align: center;
        border: 1px solid #41a2aa;
        border-radius: 0px;
        cursor: pointer;
        height: 469px !important;
        width: 100%;
        max-width: 100%;
    }
}