@media (min-width : 1200px) {
    .bloc-formRecherche {
        /*margin: 0px 100px !important*/
        margin: 0px 60px !important;
    }
}

@media (max-width: 1255px) {
    .Page-TtMembres {
        width: 100% !important;
    }
    .Page-TtMembresMisAmis{
        width: 100% !important;
    }
}

@media (max-width: 1242px) and (min-width: 992px) {
    .media-user-item {
        height: 270px !important;
    }
    .item-Statistique {
        height: 300px !important;
        min-height: 300px !important;
    }
}
@media (max-width: 1200px) {

    .txt-theme {
        font-size: 17px;
    }

    p.parag-copyRight {
        text-align: center !important;
    }

    .txt-footerPolicy {
        text-align: center !important;
    }

    .bloc-policyFooter {
        text-align: center !important;
    }

    .bloc-copyrigthFooter {
        margin-bottom: 20px;
    }

    .bloc-copyrigthFooter>p, .parag-FooterPolicy>div {
        text-align: center;
        margin-bottom: 10px;
    }
    .bloc-copyrigthFooter {
        display: flex;
        justify-content: center;
    }
}

/* bloc responsive => Ipad */
@media (max-width : 1024px) and (min-width : 800px) {
    .bloc-VilleRecherche {
        margin-left: 0px !important;
    }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
        height: calc(100% - -35vh) !important;
       /* height: 32vh  !important;*/
        width: 32% !important;
    }
    .bloc-formRecherche {
        /*margin: 0px 100px !important*/
        /*margin: 0px 94px !important;*/
    }
    .headerPage-ModeConnect {
        padding-top: 6vh;
        padding-bottom: 0px;
    }
    .row.bloc-formRecherche {
      /*  margin-top: -15px !important;*/
    }
    .bloc-btn2 {
        padding: 15px 50px !important;
    }
    .bloc-invite2 {
        width: 75% !important;
        margin-left: calc(100% - 87%)!important;
    }
    p.parag-lancement {
        width: 100% !important;
    }
    .title-Header {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 37.5px;
        letter-spacing: 0;
        line-height: 37.5px;
        text-align: right;
    }
    .descr-Header {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 10.5px;
        letter-spacing: 0;
        line-height: 20.25px;
        text-align: end;
    }
    .bloc-HeaderDetail {
        width: 60%;
    }
    a.btn_rejoindre {
        padding: 10px 15px;
    }
    a#onglet_Suivis, a#onglet_Inscris, a#onglet_Inscris, a#onglet_Validee, a#onglet_Participe {
        margin-left: 0px !important;

    }
    .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
        /*padding: 0px  !important;*/
        padding: 10px 0px !important;
    }

    ul#tabs.navbar-nav>.active>a,  ul#tabs_Messagerie.navbar-nav li , #tabs-agenda.navbar-nav li{
        padding: 8px 16px !important;
    }

    .img-payemSecurise {
        width: 20%;
    }
    .chat_img {
        width: 15% !important;
    }
    .chat_ib {
        width: 85% !important;
        margin-left: 0px !important;
    }
    .rounded-circleEmeteur {
        width: 80px !important;
    }
    .page-RechercheMembre {
        min-height: 480px;
    }
    ul#tabs , #tabs-agenda/*,  ul#tabs_Messagerie*/{
        display: inline-block;
        width: 50%;
        text-align: center;
        /*margin-left: calc(100% - 75%);*/
    }
}
/* End bloc */

@media (max-width : 1024px) and (min-width : 760px) {
    .bloc-VilleRecherche {
        margin-left: 20px !important;
    }
}

@media (min-width: 992px) {
    .pricing .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
    .pricing .card:hover .btn {
        opacity: 1;
    }

    .abonnement .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
    .abonnement .card:hover .btn {
        opacity: 1;
    }
}

@media (max-width : 1024px) and (min-width : 768px){
    .bloc-TitleCenter {
        /*margin-top: 5vh !important;*/
        margin-top: 62px !important;
    }
    /*.content_modalVidio{
        width: 90%;
        max-width: 90%;
    }*/
}

/*bloc pixel 2 XL*/
@media (max-width: 823px) and (min-width: 812px) {
    .bloc-DetailSite {
        text-align: center !important;
        margin-bottom: 25px;
    }
    .bloc-VilleRecherche {
        margin-left: -7px !important;
    }
}
/* End bloc pixel 2 XL*/


@media (max-width: 768px ){
    .bloc-TitreTemoin {
        text-align: center !important;
    }
    .bloc-MainFooter {
        text-align: center;
    }
    ul.navbar-nav.Navbar-ModeNnConnecte li.nav-item,  ul.navbar-nav.Navbar-ModeConnecte li.nav-item  {
        /* margin: 8px 0px !important; */
        text-align: left;
    }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav  .owl-next {
        background: transparent !important;
    }
    .bloc-socialMedia {
        margin-bottom: 10px;
    }
    .title-video {
        margin-bottom: 8vh !important;
    }
    #section_blocVip {
        flex-direction: column-reverse;
    }
    .btnNavbar-ModeConnecte {
        background-color: rgba(254,48,46,0.15) !important;
        border-radius: 50%!important;
        height: 45px;
        width: 50px;
        outline: none !important;
        float: right;
        right: 10px;
        position: fixed;
        border: 1.5px solid #FE302E;
        top: 30px;
    }

  /*  .btnNavbar-ModeConnecte{
        background-color: rgba(254,48,46,0.15) !important;
        border-radius: 50%!important;
        height: 45px;
        width: 50px;
        outline: none !important;
        float: right;
        right: 6px;
        position: absolute;
        border: 1.5px solid #FE302E;
    }*/
    div#myCarousel {
        display: inline-block !important;
    }
    ol.carousel-indicators {
        /*display: inline-block !important;*/
        /*top:  calc( 100% - 60%) !important;*/
        /*height: calc( 100% - 90%) !important;*/
        /*right: calc( 100% - 40%) !important;*/
        transform: rotate(0deg);
        right: calc(50vw - 47px);
    }
    ol.carousel-indicators::after {
        height: 330px !important;
        width: 1px !important;
        left: 10px !important;
        top: calc( 100% - 220px) !important;
    }
    #nav-Menu {
        display: none !important;
    }

    .section-Sortie .owl-theme {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blocSortie-MoreInfos {
        margin-top: 10px;
    }

    .carousel-indicators-container::after {
        content: " ";
        display: block;
        position: absolute;
        height: 1px;
        background: #D5D5D5;
        width: calc( 100% - -260px );
        left: 0px;
    }

    ol.carousel-indicators::after {
        display: none;
    }

    .carousel-indicators-container {
        margin-top: 25px !important;
    }

    .testimonials-img {
        width: 345px !important;
        margin: 0 auto !important;
    }

    .bloc-WriterTemoin {
        margin-top: 12px;
         margin-left: 0px;
        text-align: center;
    }

    .sortie-fond-adresse {
        min-width: inherit;
        max-width: inherit;
    }

    .end-Quote {
        bottom: 0px;
        right: 10px;
    }

    .parag-TemoinStyle {
        margin-right: 0px;
    }

    p.text-Temoignage {
        text-align: center;
    }

    .parag-Temoin {
        margin: 0 20px;
    }

    .testimonials .carousel-item {
        width: 100%;
        margin-left: 0px !important;
    }

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

    .chat_img {
        width: 100% !important;
        text-align: center;
        margin-top: 3%;
    }

    ul#tabs.navbar-nav li, ul#tabs_Messagerie.navbar-nav li/*, #tabs-agenda.navbar-nav li*/ {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn_inscription {
        height: 37.5px;
        width: 135.75px;
        font-size: 9px;
        margin-top: 0px;
        line-height: initial;
    }

    .section-theme-img .txt-theme {
        font-size: 11px;
        margin-top: 5px;
    }

    img.icon-theme {
        height: 23px;
        margin-top: 15px;
    }
    .bloc_headCom.row {
        width: 100%;
        top: 1vh;
        left: 4%;
    }
    .rounded-circleEmeteur {
        margin-top: 10px !important;
    }

    .parag-FooterPolicy {
        /*display: inline-block !important;*/
        flex-direction: column-reverse;
    }
    .separateur-footerPolicy::after {
        border-bottom: solid white 1px;
        border-right: none !important;
        height: 0px !important;
        margin: 3px auto;
        width: 18px;
    }
    .bloc-copyrigthFooter {
        display: block;
    }
    p.parag-copyRight {
        margin-left: 0px;
    }

    .item-round {
        margin-bottom: 10px;
    }
    .bloc-VilleRecherche {
        margin-left: 15px !important;
    }
    .Zoom-img:before{
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 8px;
        /* background-image: radial-gradient(55% 72%, rgba(0,0,0,0.06) 21%, rgba(0,0,0,0.29) 73%); */
        height: 130px;
        width: 130px;
        max-width: 100%;
    }

    .Zoom-img:after {
        content: "\f00e";
        position: absolute;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 33px;
        line-height: 1;
        color: #ffbd02;
        font-weight: 900;
        top: 7%;
        right: 4px;
    }
    .Zoom-imgProfile:before{
        content: "";
        display: block;
        position: absolute;
        left: 27%;
        top: 0;
        /* background-image: radial-gradient(55% 72%, rgba(0,0,0,0.06) 21%, rgba(0,0,0,0.29) 73%); */
        height: 120px;
        width: 120px;
        max-width: 100%;
        border-radius: 50%;
    }

    .Zoom-imgProfile:after {
        content: "\f00e";
        position: absolute;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 35px;
        line-height: 1;
        color: #ffbd02;
        font-weight: 900;
        top: 40% !important;
        left: 40% !important;
    }
    .Zoom-imgProfile:hover:after {
        font-size: 35px !important;
    }
}

@media (max-width: 767px) {
    .section-TypeRechercheShown{
        margin-bottom: 1rem !important;
    }
    .bloc-etatSortie, .bloc-etatPartenaire {
        top: 1vh !important;
        right: 5px !important;
    }

    .sortie-agenda-margin.page-Agenda {
        padding: 0px !important;
    }
    a.btn_rejoindre{
       font-size: 12.8px !important;
    }
  /*  .dispos-First {
        order: 1;
    }
    .dispos-Second {
        order: 2;
    }
    .dispos-third {
        order: 3;
    }
    .dispos-last {
        order: 12;
    }*/
    .bloc-DistanceRecherche{
        margin-right: 0px !important;
    }
    .bloc-btn1 {
        padding: 0px !important;
        /* padding: 15px 21px !important;*/
    }
    .bloc-btn2 {
        /*padding: 15px calc(100% - 60%) !important;*/
        /*padding: 15px 30% !important;*/
        padding: 0px !important;
        margin-left: 2px !important;
    }

    /*.secion-btnsForm {
        margin-top: 25px;
        margin-left: 25%;
    }
    .bloc-TypeRecherche {
        margin-bottom: 25px;
        text-align: center !important;
        padding: 0px 25% !important;
    }
    .bloc-btnsForm {
        margin-top: 25px;
    }*/
    .bloc-sMenu1 {
        float: left;
        margin-left: 16px;
        margin-bottom: 16px;
    }
    .bloc-sMenu2 {
        float: right;
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .bloc-DetailSite {
        text-align: center;
    }
    .bloc-desripVip {
        margin-top: -2px !important;
    }
    .user-login-mobile{
        display: initial !important;
    }
    li.dropdown-users {
        /*display: none;*/
    }
    .user-login-mobile{
        display: initial !important;
    }
    /*.content_modalVidio{
        width: 90% !important;
        max-width: 90% !important;
        margin-top: 7vh;
    }*/
    .search-banner {
        z-index: 999;
    }
}

@media (min-width: 500px) {
    .bloc-VoirTous{
        display: none !important;
    }
    .bloc-Detailgrade {
        /*min-width: 14% !important;*/
        width: 14% !important;
        max-width: 14% !important;
    }
}

/* bloc responsive => Mobile version*/
@media (max-width : 500px) {
    .section-Visite {
        padding: 0px !important;
    }
    .Page-TtMembres {
        padding: 0px !important;
    }

    .Page-TtMembresMisAmis {
        padding: 0px !important;
    }
    .Page-MembresLignes , .page-mesVoisnins{
        padding: 0px !important;
    }
    .page_mesVoisins .row.bg-e2sblue.py-1.px-2 {
        width: 100% !important;
        padding: 0px !important;
    }
    .espace_connecte {
        /* padding-top: 50px; */
        margin-top: -140px;
    }
    .media-user-item {
        height: 290px !important;
    }
    .item-Statistique{
        min-height: 385px !important;
        height: 385px !important;
    }
    h1.title-InscrptionSelector {
        padding-top: 60px;
        font-size: 18px;
    }
    .bloc-DetailSortie {
        margin-left: 10px !important;
    }  
    .bloc-DistanceRecherche{
        margin-right: 0px !important;
    }
    .bloc-btn1 {
        padding: 0px !important;
       /* padding: 15px 21px !important;*/
    }
    .bloc-btn2 {
        /*padding: 15px calc(100% - 60%) !important;*/
        /*padding: 15px 30% !important;*/
        padding: 0px !important;
        margin-left: 2px !important;
    }
    .owl-item {
      /*  width: 166px !important;
        max-width: 170px !important;
        margin-left: 20px !important;
        max-height: 56vh;*/
    }
    ul.navbar-nav.Navbar-ModeNnConnecte, ul.navbar-nav.Navbar-ModeConnecte {
        /* margin-left: 0px !important; */
    }
    .titre-welcome {
        margin-top: 25px;
    }
    span.vip-title {
        font-size: 15px !important;
        letter-spacing: 0 !important;
        line-height: 12px !important;
    }
    .btnNavbar-ModeNnConnecte {
        right: 20px !important;
    }
    a.btn_rejoindre {
        padding: 10px 15px;
    }

    a.btn_inscription {
        margin-top: 20px;
        width: 45% !important;
        margin-left: calc(100% - 72%);
        height: 35px !important;
    }
    .input-form {
        padding-bottom: 10px;
        padding-left: 25%;
        padding-right: 25%;
    }
    .parag-DetailLancement {
        display: inline-grid !important;
        padding: 0px 0px !important;
       /* margin: 0px calc( 100% - 62%);*/
        margin-left: calc( 100% - 66%);
        padding-bottom: 35px !important;
    }
    .separateur::after {
        border-right: none !important;
        border-bottom: solid 1px white;
        /*margin-right: 25px !important;*/
        /*margin-right: 0px !important;*/
        margin-bottom: 30px;
        height: 30px !important;
    }
    .bloc-HeaderDetail {
        width: auto !important;
    }
    p.parag-lancement {
        text-align: center !important;
        padding: 0px 46px !important;  /*0px !important*/
        width: auto !important;
        margin: 50px 10px;
        font-family: Poppins;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 25px;
        text-align: center;
    }
    .title-video {
        margin-right: 0px !important;
        padding-bottom: 25px;
    }
    /*a.btn_inscriptionGratuite {*/
    /*    margin-left: calc(100% - 75%);*/
    /*}*/
    .bloc-imgPageHome {
        max-width: 100% !important;
    }
    span.img-input {
        left: 30%!important;
        top: 2px !important;
    }
    .bloc-MainFooter {
        text-align: center;
    }
    .bloc-DetailSite {
        padding-bottom: 20px;
    }
    .bloc-sMenu1 {
        float: left;
        margin-left: 16px;
        margin-bottom: 16px;
    }
    .bloc-sMenu2 {
        float: right;
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .parag-FooterPolicy {
        /*display: inline-block !important;*/
        flex-direction: column-reverse;
    }
    p.parag-copyRight {
        text-align: center !important;
    }
    .separateur-footerPolicy::after {
        border-bottom: solid white 1px;
        border-right: none !important;
        height: 0px !important;
        margin: 10px auto;
        width: 35%;
    }
    .txt-footerPolicy {
        text-align: center !important;
    }
    .bloc-policyFooter {
        text-align: center !important;
    }
    /* span.copyRight-style {
        left: calc(100% - 66%) !important;
    } */
    li.bloc-onglet {
        margin-bottom: 8px;
    }
    .bloc-activite {
        padding-bottom: 0px !important;
    }
    .bloc-grade {
        padding: 40px 0px !important;
    }
    .bloc-Detailgrade {
        padding-bottom: 16px;
    }
    .bloc-temoignage {
        margin: 50px 0px !important;
    }
    .bloc-txtTemoin {
        padding: 10px 35px !important;
    }
    .parag-TemoinStyle {
        padding: 0px 30px !important;
        margin-right: 0px !important;
    }
    .begin-Quote {
        /*top: 110px !important;*/
        /*left: 20px !important;*/
        left: -13px!important;
        float: left;
    }
    .end-Quote {
        /*right: calc(100% - 94%) !important;*/
        right: -13px !important;
        /*top: calc(100% - 60px ) !important;*/
        top: inherit;
    }
    h3.title-Header {
        font-size: 25px !important;
        line-height: 28px;
    }
    .descr-Header {
        font-size: 11px;
        line-height: 15px;
        text-align: right;
    }
    .bloc-HeaderPart2{
        margin-left: -34px !important;
    }
    .bloc-HeaderPart1 {
        z-index: 10;
    }
    .bloc-formRecherche {
        margin: 0px 3px !important;
        text-align: center;
       /* margin: 0px 15px !important;*/
    }
    .bloc-TitlePageConnecte {
        background-color: #FE302E;
        height: 180px  !important;
        margin-bottom: 10px;
        padding: 5px 0px; 
    }
    .dispos-First {
        order: 1;
    }
    .dispos-Second {
        order: 2;
    }
    .dispos-third {
        order: 3;
    }
    .dispos-forth {
        order: 4;
    }
    .dispos-last {
        order: 12;
    }
    .secion-btnsForm {
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
     }
    .bloc-TypeRecherche {
        margin-bottom: 25px;
        text-align: center !important;
    }
    .bloc-btnsForm {
        margin-top: 25px;
    }
   /* .titre-descrHeader {
        margin-bottom: 20px;
    }*/
    .bloc-Part1 {
        margin-bottom: 30px;
        margin-left: 0px !important;
        text-align: center;
    }
    .title-Part1 {
       /* position: absolute;*/
        /*left: calc(100% - 75%);*/
    }
    /* span.titreH-ModeConnecteStyle {
        font-size: 25px;
        text-align: center;
    } */
    .titre-HeaderModeConnecte {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 5%;
        margin-right: 5%;
        text-align: center;
    }
    .txt_Recherche, #sortie_recherche_page_date {
        margin-left: 2px !important;
    }
    input#sortie_recherche_page_date {
         margin-bottom: 7px;
     }
    .bloc-themeSortie {
        margin-left: 2px !important;
        /* padding-left: 3px !important; */
        margin-bottom: 5px !important;
    }
    span.txt-TitreSortie, span.txt-TitrePub {
        padding: 0px 3px !important;
        font-size: 14px;
        line-height: 1.4;
        color: black;
    }

    

    .parag-VoirPlus {
        text-align: center;
    }
    .bloc-VoirPlus {
        margin-left: 0px !important;
    }

    span.parag-Inscris {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 45px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 37.5px;
    }

    span.parag-Sorties {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 45px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 37.5px;
    }
    span.parag-nbInscris {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 25.5px;
    }
    span.parag-nbSorties {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 25.5px;
    }
    .data-Inscris {
        margin-right: 0px !important;
        /*margin-right: calc(100% - 75%)!important;*/
    }
    .data-Sorties {
        /*margin-right: calc(100% - 75%)!important;*/
    }
    .separateur {
        margin-right: 0px !important;
    }
    .bloc-invite-inscription {
        padding: 50px 25px !important;
    }
    .bloc-invite2 {
        width: 100% !important;
        margin-left: 0px !important;
    }
    input#usernameInput {
        color: #848383;
        font-family: Poppins;
        font-size: 10px !important;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 14px !important;
        height: 30px;
    }
    input#email {
        color: #848383;
        font-family: Poppins;
        font-size: 10px !important;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 14px !important;
        height: 30px;
    }
    input#password {
        color: #848383;
        font-family: Poppins;
        font-size: 10px !important;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 14px !important;
        height: 30px;
    }
    img.img-inputStyle {
        height: 12px;
    }
    .bloc-welcome {
        padding-top: 0px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 0px !important;
    }
    .titre-welcome {
        font-family: Poppins;
        font-size: 20px !important;
        letter-spacing: 0;
        line-height: 10px !important;
        font-weight: 400 !important;
    }
    a.lien-hover {
        font-family: Poppins;
        letter-spacing: 0;
        font-weight: 400 !important;
    }
    .bloc-theme {
        min-height: 100px !important;
        padding: 0px !important;
    }
    .bloc-theme {
        min-height: 100px !important;
        padding: 0px !important;
    }
    .img-theme {
        padding-top: 10px;
    }
    .bloc-TitreTemoin {
        padding: 0px 50px !important;
        margin-top: 70px;
    }
    span.titre-Temoin {
        font-family: Poppins;
        letter-spacing: 0;
        line-height: 35px !important;
        font-size: 24px;
    }
    span.text-Temoignage {
        font-family: Poppins;
        font-size: 12px !important;
        letter-spacing: 0;
        text-align: center !important;
    }
    span.writer-Temoin {
        letter-spacing: 0;
    }
    .bloc-WriterTemoin {
        text-align: center;
    }
    .title-activite {
        text-align: center !important;
        font-family: Poppins;
        font-size: 16px !important;
        letter-spacing: 0;
    }
    .parag_welcome {
        font-family: Poppins;
        font-size: 11px !important;
        letter-spacing: 0;
        line-height: 20px !important;
        /* text-align: center; */
        padding: 5px 5px 5px 5px;
    }
    .bloc-inputForm {
        padding-left: calc(100% - 90%);
        padding-right: calc(100% - 90%);
    }
    .block-tarifs {
        margin-bottom: 10px;
    }

    #HeaderPageTitle {
        margin: 90px 5px 5px 0px !important;
    }
    .page-register {
        margin: 20px 10px !important;
    }
    .page-register.edit {
        margin: 0px 0px !important;
    }

    .page-UpdateSortie {
        margin: 20px 10px !important;
    }
    .titre-InscriptionPro {
        font-size: 20px;
        line-height: 25px;
    }
    .titre-InscriptionParticulier {
        font-size: 20px;
        line-height: 25px;
    }
    .titre-Page {
        font-size: 18px;
        line-height: 25px;        
    }

    .form-container .titre-Page,
    .form-container h1.title-InscrptionSelector {
        padding-top: 5px;
    }
/* 
    .form-container, 
    .section-form,
    .form-container-custom,
    .container {
        margin: 0px 0px !important;
        padding: 0px 0px !important;
    } */

    #emoji_img {
        width: 20px;
        height: 25px !important;
    }
    .section-Conservation {
        margin: 20px 0px !important;
    }
    .bloc-msg {
        padding: 5px;
    }
    .section-Profile {
        margin: 0px 0px !important;
    }
    .page-CreationSortie {
        margin: 100px 0px 0px 0px !important;
        padding: 0px !important;
    }
    /* .bloc_HeaderMenu {
        padding-top: 0px !important;
    } */
    ul#tabs  ul#tabs_Messagerie #tabs-agenda{
        text-align: center;
        padding: 2px !important;
    }
    #tabs-MembreEnLigne {
        text-align: center;
        padding: 2px !important;
    }
    .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
       /* padding: 0px !important;*/
        padding: 0px 10px !important;
    }
    ul#tabs.navbar-nav>.active>a ,  ul#tabs_Messagerie.navbar-nav li /*, #tabs-agenda.navbar-nav li*/{
        padding: 8px 16px !important;
    }
    div#Nav_agenda {
        text-align: center;
    }
    div#Nav_Messagerie {
        text-align: center;
    }
    /*nav#nav_Bloc {*/
    /*    width: 75%;*/
    /*    margin-left: calc(100% - 85% );*/
    /*}*/
    .img-payemSecurise {
        width: 50%;
    }
    .bloc-DetailProfil1 {
        text-align: left !important;
    }
    .Profil_Nom {
        text-align: left;
    }
    .Profil_Prenom {
        text-align: left;
    }
    .showProfil_Nom {
        text-align: left;
    }
    .showProfil_Prenom{
        text-align: left;
    }

    .showProfil_Birthdate {
        text-align: left;
    }
    .titre-ecrireComment {
        font-size: 18px !important;
    }
    .titre-ecrireDescr {
        font-size: 18px !important;
    }
    .titre-ComtProfil {
        font-size: 18px !important;
    }
    .titre-AllComtSortie {
        font-size: 18px !important;
    }
    .bloc-EditCompte {
        margin-left: 5px;
    }
    .chat_img {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin-top: 3%;
    }
    .chat_ib {
        width: 100% !important;
        /* padding: 0px 50px !important; */
        justify-content: center;
        /*text-align: center;*/
        /*padding: 0px 50px !important;*/
        margin-left: 0px !important;
    }
    .img_EmeteurCommentaire {
        width: 80px;
    }
    .pull-left {
        margin-left: 5px !important;
    }
    div#MediaBody_longParag {
        margin-left: 5px;
    }
    
    .page-ConsulterSortie {
     margin: 100px 0px 0px 0px !important; 
     padding: 0px 0px 0px 0px !important;
     }

    .page-Consulter {
        margin: 90px 0px 0px 0px !important;
        padding: 0px 1px !important;
    }

    .page-aide {
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px !important;
    }

    .page-DevevirPartenaire {
        margin: 0px 0px;
        /* margin: 20px 50px; */
    }
        
    .page-Messagerie .table-gray {
        margin: 20px 0px !important;
        padding: 0px 0px !important;
    }
    
    .col-lg-6.col-md-12.col-12.bloc-imgTemoin {
        text-align: center;
        margin-left: 0px;
    }
    .carousel-item {
        margin-left: 4% !important;
    }
    .carousel-inner {
        margin-top: 25px;
        /*margin-left: 0 !important;*/
    }

    .headerPage-ModeConnect {
         padding-bottom: 0px !important;
    }
    .owl-nav {
        top: -18vh !important;
    }
    img#StyleSortie {

        /* min-height: 103px;
        height: 2%; */

        /* max-height: 200px; */
    }

    span.txt-themeSortie,
    span.txt-gratuit,
    span.txt-tarif,
    span.txt-tarifEds,
    span.txt-codePromo,
    a.sortie_adress_city,
    .txt-NbInscription,
    span.txt-ReservationSortie,
    .btn-DetailsPlusStyle,
    a.sortie_adress_area,
    span.txt-organisateur,
    .organisateur_ToolTip,
    .item-sortie .iccon-clock,
    .item-sortie .iccon-location,
    a.sortie_adress_district,
    .bloc-organisateur .fa-user {
        font-size: 10px;
    }

    span.txt-TimeSortie {
        font-size: 14px !important;
    }

    .bloc-InscriptionSortie {
        margin-right: 15px;
        margin-top: 5px;
    }

    a.lien-ReservationSortie, a.btn-lienPub {
        padding: 4px 10px !important;
        font-size: 9px !important;
    }

    a.lien-ReservationPartenaire, a.lien-ReservationPartenaire, a.lien-plusInfo {
        /* padding: 3px 5px; */
        font-size: 11px;
    }

    .btn-DetailsPlusStyle {
        font-size: 7px !important;
    }

    .bloc-descItem, .bloc-descItemPub {
        padding: 2px 0px 0px 2px !important;
        min-height: 180px;
    }

    span.iccon-location {
        margin-left: 1px;
    }

    span.iccon-clock {
        margin-left: 0px;
    }

    .bloc-PlaceSortie {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #btn-EditSortie,
    #btn-valideOrganisateur,
    #btn-Annuler,
    #btn-Dupliquer,
    #btn-EditOrganisateur,
    #btn-SignalerSortie,
    #btn-activerSortie,
    #btn-sortie-inscription {
        font-size: 12px !important;
    }

   /* .bloc-organisateur {
        display: none;
    }*/
    a.txt-PlaceSortie {
        font-size: 8px !important;
    }
    /* .lien-ReservationSortie.txt-ReservationSortie {
        font-family: Poppins;
        font-size: 9px;
        padding: 3px 10px;
    } */

    .btn_inscription {
        font-size: 8.97px;
        margin: 10px auto;
    }

    .row-short-register {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .row-short-register .input-form {
        padding-left: initial;
        padding-right: initial;
    }

    span.img-input {
        left: 25px !important;
    }

    .section-Sortie img.slide-previous,
    .section-Sortie img.slide-next {
        width: 30px;
    }

    /* depassement seach barre */
    .red-header {
        background-color: #FE302E;
        padding-bottom: 38px;
    }

    .red {
        color: red;
    }

    .search-banner {
        position: relative;
        bottom: 39px;
    }

    .bloc-TitlePage.bloc-TitlePageConnecte {
        margin-bottom: 0px;
    }

    .bloc-TitlePageConnecte {
        /*height: auto !important;*/
        background: transparent;
    }
    .block_rechIconSortie {
       /* padding-top: 25vh;*/
        padding-top: 185px;
        margin-top: -38px;
    }

    .page-theme-sortie .bloc-sortieAgenda .item-sortie {
        margin-left: -10px;
        margin-right: -10px;
    }
    div#cookie-accept {
        margin-top: 10vh !important;
    }
    .bloc-DateSortie:first-child {
       /* padding-top: 34px;*/
    }

    .section-Sortie .owl-carousel .owl-nav .owl-prev,
    .section-Sortie .owl-carousel .owl-nav .owl-next {
        width: 30px;
    }

    .section-Sortie .owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }

    .section-Sortie .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }

    .section-Sortie .owl-carousel .owl-nav button.owl-next img, .section-Sortie .owl-carousel .owl-nav button.owl-prev img {
        position: static;
    }

    .form-login-container .input-form {
        padding-left: 0px;
        padding-right: 0px;
    }

    .form-login-container  span.img-input {
        left: inherit !important;
    }

    .form-login-container input#usernameInput,
    .form-login-container input#password {
        font-size: 15px !important;
    }

    .page-register .form-register.container {
        width: 100%;
        padding: 70px 3px 3px 5px !important;
    }

    .bloc-Part1{
        padding-top: 30px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .page_parrainage .page-register {
        width: 100%;
    }
    #sortie_recherche_page_type_v2_date, #sortie_recherche_page_type_v2_motsCle,
    #sortie_recherche_page_type_v2_where, #sortie_recherche_page_type_v2_theme,#sortie_recherche_page_type_v2_quand{
        /*margin-left: 0px !important; */
        margin: 0px !important;
    }
    .col-LessInputSearch {
        left: 40% !important;
        top: 94% !important;
    }
    .col-plusInputSearch {
        left: 40% !important;
        top: 85% !important;
    }
    input#sortie_recherche_page_type_v2_date {
      /*  margin-bottom: 1rem!important;*/
       /* margin-top: 1rem !important;*/
    }
    #tabs_Messagerie>.active>a, #tabs_Messagerie>.active>a:focus, #tabs_Messagerie>.active>a:hover {
        padding: 2px !important;
    }
    div#MediaBody_longParag {
        display: flex;
    }

    .pull-left {
        order: 1;
        width: 90%;
        text-align: start;
        margin: 0px !important;
    }

    .pull-right {
        order: 2;
        width: 10%;
        text-align: start;
    }

    .bloc-msg.media.not-read-msg {
        display: block;
    }
    .page-register.section-form {
        padding: 0 !important;
    }
    .error_inLoginRespo {
        order: 2;
        margin-bottom: 25px !important;
    }

    div#bloc_detailAuthentifier {
        order: 1;
    }

    .bloc-formConnection {
        order: 3;
    }

    p.txt-formConnection.centred-lg {
        width: 100% !important;
    }
    .error_inLoginDesktop{
        display: none;
    }
    .error_inLoginRespo{
        display: block !important;
    }
    .page_pointsVipInfo .bg-e2sblue {
        width: 100% !important;
    }
    .page_faq .bg-e2sblue {
        width: 100% !important;
        padding: 0px 1rem !important;
    }
    .page_rgpd .bg-e2sblue {
        width: 100% !important;
        padding: 0 1rem !important;
        margin: 0px !important;
    }
    .page_cgu .bg-e2sblue {
        width: 100% !important;
        padding: 0px 1rem !important;
    }
    .page_cgv .bg-e2sblue {
        width: 100% !important;
        padding: 0px 1rem !important;
    }
    .cgu {
        margin: 0px !important;
        padding: 0px !important;
    }
    /* bouton lien */  
    .page-ConsulterSortie .item-round {
        min-width: auto !important;
    }
    li.bloc-onglet .onglet-toporgani{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        max-width: 136px;
    }
    p.card-text.txt_commentProfile:after {
        left: 9% !important;
    }
    div#page-Journal {
        padding: 0 !important;
    }
}
/* End bloc*/

@media (min-width: 768px ){
    p.parag-copyRight.parag-siteNomCR {
        margin-left: 4px !important;
    }
    .bloc-copyrigthFooter {
        display: inline-flex;
    }

    p.centred-lg,
    .centred-lg,
    h4.centred-lg {
        text-align: left;
    }

    .bloc-formInscription input#email,
    .bloc-formInscription input#password,
    .bloc-formInscription input#usernameInput {
        max-width: 210px;
    }
}

/* bloc responsive => ipad version*/
@media (min-width : 600px) and (max-width : 768px) {
    .section-GratuiteRecherche {
        margin-right: 6px;
        padding: 0px;
    }
    a.btn_rejoindre{
        font-size: 12px !important;
    }
    .bloc-btn1 {
        /*padding: 15px 8px !important;*/
    }
    .bloc-DistanceRecherche{
        margin-right: 0px !important;
    }
    .bloc-GradeTop{
        margin-top: 25px;
    }
    .bloc-DescrGrade {
        padding: 0px 60px;
    }
    .bloc-decaledTablet {
        margin-left: calc(100% - 90%);
    }
    .bloc-Detailgrade {
        max-width: 25% !important;
    }
    .btnNavbar-ModeNnConnecte {
        right: 35px !important;
    }
    .bloc-invite-inscription {
        padding: 50px 40px;
    }

    a.btn_inscription {
        width: 100% !important;
        height: 40px !important;
    }
    input#usernameInput , input#email, input#password {
        font-size: 7.5px !important;
        height: 30px !important;
    }
    span.img-input {
        top: 1px;
        left: 25px;
    }
    .begin-Quote {
        /*top: 126px !important;*/
    }
    .bloc-temoignage {
        margin: 50px 0px !important;
    }
    .bloc-Part1 {
        margin-left: 20px !important;
    }
    .bloc-formRecherche {
       /* margin: 0px 30px !important;*/
    }
    .bloc-btn2 {
       /* padding: 15px 20px !important;*/
    }
    .bloc-TypeRecherche {
        padding: 0px 0px !important;
    }
    .bloc-InscriptionSortie {
        display: inline-flex;
        margin-right: 0px !important;
    }
    .bloc-ReservationSortie {
        margin-left: 10px !important;
        margin-top: -6px !important;
    }

    .bloc-ReservationPartenaire {
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-top: -6px !important;
        margin-bottom: 5px !important;
        display: inline-flex;
        align-items: center !important;
    }

    .bloc-invite2 {
        width: 100% !important;
        margin-left: 0px !important;
    }
    p.parag-lancement {
        width: 100% !important;
        font-size: 22.5px;
        letter-spacing: 0;
        margin: 0px !important;
        line-height: 29.25px;
        text-align: justify !important;
        padding: 60px 30px !important;
    }
    span.parag-nbInscris {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 25.5px;
    }
    span.parag-nbSorties {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 25.5px;
    }
    span.parag-Inscris {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 45px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 37.5px;
    }
    span.parag-Sorties {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 45px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 37.5px;
    }
    .title-Header {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 37.5px;
        letter-spacing: 0;
        line-height: 37.5px;
        text-align: right;
    }
    .descr-Header {
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 10.5px;
        letter-spacing: 0;
        line-height: 20.25px;
        text-align: end;
    }
    .bloc-HeaderDetail {
        width: 60%;
    }
    a.btn_rejoindre {
        padding: 10px 15px;
    }
    .separateur::after {
        height: 60px;
    }
    .block-tarifs {
        margin-bottom: 10px;
    }
    #emoji_img {
        width: 20px;
        heigth: 25px !important;
    }
    /*ul#tabs {*/
    /*    padding: 0px !important;*/
    /*}*/
    #tabs-MembreEnLigne {
        padding: 0px !important;
    }
    a#onglet_Suivis, a#onglet_Inscris, a#onglet_Inscris, a#onglet_Validee, a#onglet_Participe {
        margin-left: 0px !important;
    }
    .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
        /* padding: 0px !important;*/
        padding: 0px !important;
    }
    ul#tabs.navbar-nav>.active>a,  ul#tabs_Messagerie.navbar-nav li , #tabs-agenda.navbar-nav li{
        padding: 8px 16px !important;
    }
    div#Nav_agenda {
        text-align: center;
    }
    nav#nav_Bloc {
        width: auto;
        margin: auto;
        margin-bottom: 20px;
    }
    nav#nav_BlocAgenda {
        width: auto;
        margin: auto;
    }

    div#bloc-CommentDetailInProfil {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    .img-payemSecurise {
        width: 20%;
    }
    /*.chat_img {*/
    /*    width: 15% !important;*/
    /*}*/
    /*.chat_ib {*/
    /*    width: 85% !important;*/
    /*    margin-left: 0px !important;*/
    /*}*/
    .rounded-circleEmeteur {
        width: 80px !important;
    }
    .bloc-DetailSite {
        text-align: center;
    }
    .img-logoSite {
        margin-bottom: 25px;
    }
    .bloc-socialMedia {
        margin-bottom: 30px;
    }
    .owl-nav {
        top: -3vh !important;
        /*top: -18vh !important;*/
    }

    span.txt-PlaceSortie {
        /*display: block;*/
       /* overflow: hidden;*/
        /*white-space: nowrap;*/
        /*text-overflow: ellipsis;*/
    }

    #tabs , ul#tabs_Messagerie, #tabs-agenda{
        width: 70% !important;
        margin-left: calc(100% - 85%) !important;
    }
}
/* End bloc */

@media (min-width : 767px) and (max-width : 768px){
    div#cookie-accept {
        margin-top: 8vh !important;
    }
    .input-group-addon {
        top: 51px !important;
    }
    .input-group-addonSec {
        top: 51px !important;
    }
    .Zoom-imgProfile:after {
        top: 40% !important;
        left: 45% !important;
    }
}

@media (min-width : 600px) and (max-width : 767px){
    .bloc-formRecherche {
        margin: -3vh 0px !important;
       /* margin: 0px !important;*/
        /*margin: -10vh 0px !important;*/
    }
    .bloc-VilleRecherche {
        margin-left: 10px !important;
    }
    .bloc-DistanceRecherche {
        margin-right: 0px !important;

    }
}

@media (min-width: 500px ) and (max-width: 767px){
    .item-Statistique {
        min-height: 288px !important;
        height: 280px !important;
    }
    .col-plusInputSearch {
        left: 44% !important;
        top: 84% !important;
    }
    .col-LessInputSearch {
        left: 44% !important;
        top: 95% !important;
    }
    input#sortie_recherche_page_type_v2_date {
        margin-left: 0px !important;
    }
    .section-GratuiteRecherche {
        padding: 0px;
        margin-right: 5px;
    }
    .bloc-TitlePageConnecte {
        height: 258.2px !important;
    }

    .txt_Recherche, #sortie_recherche_page_date {
        margin-left: 2px !important;
    }
    input#sortie_recherche_page_date {
        margin-bottom: 7px;
    }
    .bloc-Part1{
        padding-top: 30px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    /*p.parag-copyRight {
        text-align: center !important;
    }
    .bloc-policyFooter {
        text-align: center !important;
    }*/
    .owl-nav {
        top: 18vh !important;
    }
    div#cookie-accept {
        margin-top: 13vh !important;
    }
    .page_parrainage .page-register {
        width: 95%;
    }
    .error_inLoginRespo {
        order: 2;
        margin-bottom: 25px !important;
    }

    div#bloc_detailAuthentifier {
        order: 1;
    }

    .bloc-formConnection {
        order: 3;
    }

    p.txt-formConnection.centred-lg {
        width: 100% !important;
    }
    .error_inLoginDesktop{
        display: none;
    }
    .error_inLoginRespo{
        display: block !important;
    }
}
/*
@media (min-width: 320px ) and (max-width: 322px){
    .bloc-btn2 {
        margin-left: 4px !important;
        padding: 15px calc(100% - 60%) !important;
    }
}
*/

@media (max-width: 360px) {
    .testimonials-img {
        transform: scale(0.9);
        position: relative;
        right: 9px;
    }
}

@media (max-width: 320px) {
    .testimonials-img {
        transform: scale(0.8);
        position: relative;
        right: 28px;
    }
    #section_membre {
        padding: 0px;
    }
    .item-Statistique {
        min-height: 434px !important;
        height: 434px !important;
    }
}

@media (max-width: 295px) {
    .testimonials-img {
        transform: scale(0.7);
        position: relative;
        right: 49px;
    }
}

@media (min-width: 501px) and (max-width: 767px) {
    .bloc-formRecherche {
        width: 400px;
        margin: auto !important;
    }

    /* .bloc-TitlePageConnecte {
        height: auto !important;
    } */

    .secion-btnsForm {
        margin-top: 10px;
        margin-left: 10%;
        margin-right: 10%;
    }
    .dispos-First {
        order: 1;
    }
    .dispos-Second {
        order: 2;
    }
    .dispos-third {
        order: 3;
    }
    .dispos-forth {
        order: 4;
    }
    .dispos-last {
        order: 12;
    }

    .bloc-TypeRecherche {
        margin-bottom: 25px;
        text-align: center !important;
        padding: 0px 25% !important;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .search-banner {
        top: 39px;
    }
}
@media (min-width: 501px) and (max-width: 768px) {
    input#usernameInput, input#email, input#password {
        font-size: 11px !important;
    }
}
.dropdown-users-container {
    display: none;
}

.dropdown-users-container >.navbar-brand {
    display: none;
}

@media (max-width: 768px) and (min-width: 500px){
    .visible-tablet {
        display: block;
        width: 400px;
    }

    .visible-tablet>div  {
        display: inline-block;
        width: 49%;
        padding-left: 10px;
    }

    .hidden-tablet {
        display: none;
    }
}

@media (max-width: 830px) and (min-width: 800px) {

    .section-GratuiteRecherche {
        padding: 0px;
        margin-right: 5px;
    }
}

@media (max-width: 568px) and (min-width: 564px) {
    .item-Statistique {
        min-height: 312px !important;
        height: 312px !important;
    }
    .sortie-fond-descriptif {
        width: 100%;
    }
}

@media (max-width: 568px) {
    .sortie-fond-descriptif {
        width: 100%;
    }
}

@media (max-width: 950px) and (min-width: 768px) {
    .item-Statistique {
        min-height: 380px;
        height: 380px;
    }
}

@media (max-width: 957px) and (min-width: 900px) {

    .input-group-addon {
        top: 30px !important;
    }
    .input-group-addonSec {
        top: 30px !important;
    }
}

@media (max-width: 989px) and (min-width: 770px) {
    .input-group-addon {
        top: 50px !important;
    }
    .input-group-addonSec {
        top: 50px !important;
    }
}

@media (max-width: 989px) and (min-width: 885px) {

    .input-group-addon {
        top: 30px !important;
    }
}

@media (max-width: 989px) and (min-width: 900px) {

    .input-group-addonSec {
        top: 30px !important;
    }
}

/* bloc responsive MOBILE  => Desktop */
@media (min-width : 992px) {
    #sortie_recherche_page_type_v2_where, #sortie_recherche_page_type_v2_theme {
        margin-left: -15px;
    }
    .chat_ib {
        padding-left: 30px;
    }
    #nav-MenuResponsive {
        display: none !important;
    }
    #nav-Menu {
        display: flex !important;
    }
    .bloc-imgPageHome {
        width: 74% !important;
        max-width: 23% !important;
    }
    .bloc-DateSortie {
        margin: 0px 100px !important;
        
    }
    .bloc-DateVisite {
        margin: 0px 100px !important;
    }
    .section-Sortie.section-Sortie-container {
        padding-left: 12.5%;
    }
    .section-Sortie .owl-carousel .owl-nav .owl-prev, .section-Sortie .owl-carousel .owl-nav .owl-next {
        width: 68px;
    }
}
/* FIN  bloc responsive MOBILE  => Desktop */

/* bloc responsive Desktop => MOBILE */
@media (max-width: 991px) {

    .box-promo-VIP {   
        width: 95% !important;
    }
    
    #toggleResponsive.on .menu-line {
        opacity: 0!important;
    }

    #toggleResponsive:hover
    {
        cursor: pointer!important;
    }

    #toggleResponsive:before, #toggleResponsive:after
    {
        content: '' !important;
        height: 4px !important;
        width: 26px !important;
        background: #5B5B5B !important;
        position: absolute !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-transition: -webkit-transform 0.25s !important;
        transition: transform 0.25s !important;
        top: 45px;
    }

    #toggleResponsive:before
    {
        -webkit-transform: translate3d(0, -8px, 0) !important;
        transform: translate3d(0, -8px, 0) !important;
    }

    #toggleResponsive.on:before
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg) !important;
        transform: rotate3d(0, 0, 1, 45deg) !important;
    }

    #toggleResponsive.on:after
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg)!important;
        transform: rotate3d(0, 0, 1, -45deg) !important;
    }

    #toggleResponsive:after
    {
        -webkit-transform: translate3d(0, 8px, 0)!important;
        transform: translate3d(0, 8px, 0) !important;
    }
    #toggleResponsive .menu-line {
        width: 26px;
        height: 4px;
        background: #5B5B5B;
        position: absolute;
        -webkit-transition: opacity 0.25s;
        -moz-transition: opacity 0.25s;
        -ms-transition: opacity 0.25s;
        -o-transition: opacity 0.25s;
        transition: opacity 0.25s;
        top: 45px;
    }
    div#toggleResponsive {
        height: 50px;
        width: 25px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .sidebar.open {
        top: 83px !important;
    }
    .toggle-holder {
        padding-right: 5px !important;
    }
}

@media (max-width : 991px) {

    .navbar#nav-MenuResponsive {
        display: flex !important;
        align-items: center !important;
        padding-right: 3px !important;
        padding-left: 3px !important;
        /* margin: 0px 3px !important; */
        /* background-color: var(--bg-eds-claire); */
    }
    #nav-Menu {
        display: none !important;
    }
    .btnNavbar-ModeConnecte {
        background-color: rgba(254,48,46,0.15) !important;
        border-radius: 50%!important;
        height: 50px;
        width: 50px;
        outline: none !important;
        float: right;
        right: 10px;
        position: fixed;
        border: 1.5px solid #FE302E;
        top: 27px;
    }
    .btnNavbar-ModeNnConnecte{
        background-color: rgba(255,189,2,0.14)!important;
        border-radius: 50%!important;
        height: 50px;
        width: 50px;
        outline: none !important;
        float: right;
        right: 6px;
        position: absolute;
        border: 0px solid #FFBD02;
    }
    ul.navbar-nav.Navbar-ModeNnConnecte, ul.navbar-nav.Navbar-ModeConnecte  {
        float: left;
        /* margin-left: 15px; */
    }

    li.nav-item.createSortie a {
        border-right: none !important;
    }
    ul.navbar-nav.Navbar-ModeNnConnecte li.nav-item,  ul.navbar-nav.Navbar-ModeConnecte li.nav-item  {
        /* margin: 8px 0px !important; */
        text-align: left;
    }
}

@media (max-width: 991px) { 
.navbar-brand {    
        /* display: inline-flex !important; */
        align-items: center !important;
    }

    .logo_nnConnecteResponsive img.logo_Site {
        width: 90%;
        padding-left: .23rem;
    }
    
    .logoConnecte img.logo_Site {
        width: 3rem;
    }

    li.dropdown-users {
        margin-left: 0px;
        margin-right: 0px;
        /* margin-top: px !important; */
    }

    .dropdown-users-container {
        display: inline-block;
        width: 10px;
        position: absolute;
        right: 140px;
        top: 0px;
    }

    .dropdown-users-container .dropdown-menu.dropdown-menu-right {
        left: auto;
        position: fixed;
        top: 80px;
        right: 0px;
        width: 260px;
    }

    #bs-example-navbar-collapse-1  .dropdown-users:last-child {
        display: none;
    }

    /* .form-container, 
    .section-form,
    .form-container-custom,
    .container {
        width: 100% !important;
        margin: 0px 0px !important;
        padding: 0px 0px !important;
    } */    
}

/* FIN bloc responsive Desktop => MOBILE */

/* @media (max-width: 1023px) and (min-width: 769px)  {
    .sidebar.open {
        top: 83px !important;
    }
} */

div#navbarNav {
    flex-direction: row-reverse;
    display: inline-flex;
    float: right !important;
}

#Menu .navbar-nav {
    display: inline-flex;
    /* align-items : center; */
    align-items: baseline;
    flex-direction: row !important;
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

.bloc_HeaderMenu {
    flex-direction: row-reverse;
    display: inline-flex;
    float: right !important;
    align-items: center;
}