@media screen and (min-width:1000px) {
    .avatar-account img {
        transform: translate(-8px, 1px);
    }

    /* .leaflet-control-container{
        display: none ;
    } */

    .content_photos {
        width: 71%;
    }

    .leaflet-control-zoom {
        display: block !important;
    }

    .recherche-modale .modal-content {
        width: 40vw;
        height: 10vh;
    }

    .responsif-none-mobile {
        display: none !important;
    }

    ul#navBarTribu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #fff;
    }

    /* ul.navBarTribu-t {
/* 
    ul.navBarTribu-t {
        border-radius: 15px !important;
    } */

    .bgPersonnalisee {
        border: none !important;
    }

    .bgPersonnalisee_tribut {
        background-image: linear-gradient(#888888 320px, #ffffff 0%);
        border: none !important;
        /* height: 350px !important; */
    }

    #profilTribu {
        height: 100px;
        border-radius: 10px;
    }

    .tribuT_form {
        margin-left: 10% !important;
    }

    .row_confidentiality {
        margin-left: 10% !important;
    }

    /* WORK TOMM */
    .responsif-none-pc {
        display: none !important;
    }

    .titre-invitation {
        margin-left: 10% !important;
    }

    .right_content.contentTribu {
        margin-left: 15% !important;
    }

    .change_photo_tribuG_js_jheo {
        font-size: 18pt;
        margin-top: 5px;
        cursor: pointer;
        background-position: 0px -130px;
        background-size: auto;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    #setting_tab .nav-item {
        font-size: 1rem;
    }
}

/* phone */

@media screen and (max-width:1000px) {

    *,
    *::before,
    *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .input-group .btn {
        position: relative;
        z-index: 0 !important;
    }

    .ve_update {
        width: 18rem !important;
    }

    .hj-resto {
        margin-left: 0rem !important;
    }

    .close-resto-specific {
        margin-top: -25px;
        margin-left: 84vw;
    }

    .scroll-mobile {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .content_filter_dep {
        top: 170px !important;
        left: 119px !important;
    }

    .liste-depart-tomm {
        z-index: 401;
        position: absolute;
        top: 170px;
        left: 150px;
        height: 30px;
        border-radius: 15px;
        padding: 3px;
    }

    .content_right_actualite .exprime-pub {
        margin-top: 40px !important;
        border-radius: 10px;
    }

    .btn-spec {
        position: absolute;
        top: 170px;
        left: 140px;
        z-index: 401;
        font-size: 8pt;
        width: 150px;
    }

    .marge-top-mobile-logo {
        margin-top: 200px;
    }

    .modal-content-mobile {
        height: 98vh;
    }

    .modal-body-mobile {
        height: 75vh;
        overflow-y: scroll;
    }

    .content-type-mobile {
        width: 100%;
        height: 75vh !important;
        z-index: 10401;
        margin-top: 160px;
    }

    .navbar-brand-setting-inscript-mobile svg {
        position: absolute;
        top: 19px;
        left: 27px;
        z-index: 401;
    }

    .content_header_right_side {
        margin-top: 0 !important;
    }

    .content_legende {
        height: 80vh;
        margin-top: 151px;
        z-index: 10401;
    }

    /* .form-check{
        font-size: 6pt !important;
    } */
    .leaflet-control-layers-selector {
        top: 3px !important;
    }

    .title_right_side {
        font-size: 9pt !important;
    }

    .right_side_body .table thead {
        font-size: 9pt !important;
    }

    .content_start i {
        font-size: 9pt;
    }

    .font-point-6 {
        font-size: 6pt !important;
    }

    .content_profil_image .profil_image {
        width: 30px !important;
        height: 30px !important;
    }

    .right_side_body .table tbody {
        font-size: 6pt !important;
    }

    .select_action_golf {
        font-size: 7pt !important;
        width: 20% !important;
        margin-top: -31px;
        padding: 3px;
        margin-left: 243px;
    }

    .icon_golf_legend {
        width: 20px !important;
        height: 0 !important;
    }

    .text-point-7 {
        font-size: 7pt !important;
    }

    /* .span-btn-menu-tribut{
        width: 130px !important;
    } */

    /* .span-btn-menu-en-lign{
        width: 215px !important;
    } */

    .right_side_body {
        margin-top: 30px !important;
    }

    .right_side_body .form-check-input {
        margin-top: 8px;
    }

    .titre-tribu-t {
        font-size: 15pt;
        margin-top: 20px;
        color: #6D6DFE !important;
    }

    .descrp-tribu-t {
        /* margin-left: 131px !important; */
        font-size: 9pt;
    }

    .swal2-popup {
        margin-top: -160px;
    }

    .navleft-mobile {
        background-color: #fff;
        width: 100vw;
        border-radius: 5px;
        height: 100vh;
        margin-top: 155px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
        position: fixed;
        z-index: 10402;
    }

    #restoPastilleModal {
        z-index: 10401;
    }

    #staticBackdrop {
        z-index: 10405;
    }

    .scroll-mobile .navbar-nav .nav-item .nav-link {
        font-size: 9pt;
    }

    .logo-consomyzone-specific img {
        width: 45vw !important;
        margin-top: -30px;
        position: fixed;
        z-index: 20;
    }

    .cmz-left-container {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    /* .card-pub-actu img {
        width: 62vw;
    } */

    .content_box {
        height: 12%;
        width: 20%;
    }

    .content-nav-left {
        margin-top: -13px;
        z-index: 1031 !important;
    }

    #list-depart-mobile {
        position: absolute;
        transition: all 2s ease-in-out !important;
        background-color: #fff;
        z-index: 407;
    }

    #list-depart-resto-mobile {
        position: absolute;
        transition: all 2s ease-in-out !important;
        background-color: #fff;
    }

    #list-arrand-resto {
        position: absolute;
        transition: all 2s ease-in-out !important;
        background-color: #fff;
        /* z-index: 407 !important; */
    }

    .apropos-tribu-t {
        height: 100% !important;
        max-width: 26.5rem !important;
    }

    .responsif-none {
        display: none !important;
    }

    .content_cart_map-respons {
        width: 100vw !important;
        height: 100vh !important;
        /* margin-top: 50px !important; */
    }

    /* WORK TOMM */
    .leaflet-verticalcenter {
        position: absolute;
        z-index: 1000;
        pointer-events: none;
        top: 50%;
        /* possible because the placeholder's parent is the map */
        transform: translateY(-50%);
        /* using the CSS3 Transform technique */
        padding-top: 10px;
    }

    .leaflet-verticalcenter.leaflet-right .leaflet-control {
        margin-bottom: 10px;
        width: 13vw;
        height: 8vh;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 20px;
        box-shadow: 5px 15px 55px #6e6e6e;
    }

    .leaflet-verticalcenterl.leaflet-left {
        position: absolute;
        z-index: 1000;
        pointer-events: none;
        /* top: 50vh;
        /* possible because the placeholder's parent is the map */
        /* transform: translateY(-50%); */
        /* using the CSS3 Transform technique */
        /* padding-top: 10px; */
        background-color: #fff;
        width: 100vw;
        height: 100vh;
    }

    .leaflet-verticalcenterl.leaflet-left ul li {
        background-color: #ccc;
        border-radius: 25px;
        width: 90vw;
        height: 10vh;
        margin-top: 10px;
    }

    #map {
        width: 100vw;
        height: 100vh;
        /* margin-top: 50px !important; */
    }

    .horizontalmiddle-center {
        width: 50vw;
        height: 70vh;
    }

    .hide {
        display: none;
    }

    .leaflet-horizontalmiddle {
        height: 70vh;
        padding-left: 6vw;
        padding-top: 70vh;
    }

    .leaflet-horizontalmiddle .options-container {
        width: 88vw;
        height: 20vh;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 40px;
        box-shadow: 5px 15px 55px #6e6e6e;
    }

    .leaflet-horizontalmiddle ul {
        display: flex;
    }

    .leaflet-horizontalmiddle ul li {
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        color: #fff;
    }

    .leaflet-horizontalmiddle li a {
        width: 50px;
        height: 50px;
        border: 2px solid #fff !important;
        border-radius: 50%;
    }

    .leaflet-horizontalmiddle .recherche:hover {
        width: 50px;
        height: 50px;
        border: 2px solid #C13B3B !important;
        background-color: #C13B3B;
        border-radius: 50%;
    }

    .leaflet-horizontalmiddle .ferme:hover {
        width: 50px;
        height: 50px;
        border: 2px solid #2343ac !important;
        background-color: #2343ac;
        border-radius: 50%;
    }

    .leaflet-horizontalmiddle .resto:hover {
        width: 50px;
        height: 50px;
        border: 2px solid #af37af !important;
        background-color: #af37af;
        border-radius: 50%;
    }

    .leaflet-horizontalmiddle .station:hover {
        width: 50px;
        height: 50px;
        border: 2px solid #40c456 !important;
        background-color: #40c456;
        border-radius: 50%;
    }

    .leaflet-horizontalmiddle .home {
        margin-left: 40vw;
        margin-top: 3vh;
    }

    .leaflet-horizontalmiddle .home-mobile {
        fill: #fff;
    }

    .leaflet-horizontalmiddle .home-mobile svg {
        margin-top: 5px;
    }

    .leaflet-horizontalmiddle .ferme svg {
        margin-top: -5px;
    }

    .leaflet-horizontalmiddle .home .retoure {
        background-color: transparent;
    }

    .swipe-me {
        transform: translateX(0vh);
    }

    .close {
        margin-left: 95vw;
        margin-top: 10px;
    }

    .close-ferme {
        margin-top: -40px;
        margin-left: 90vw;
    }

    .text-point-9 {
        font-size: 9pt !important;
    }

    .text-point-10 {
        font-size: 10pt !important;
    }

    .text-point-12 {
        font-size: 12pt !important;
    }

    .swipe-me-reverse {
        transform: translateX(-50vh);
        opacity: 0;
    }

    .content-mobil-resto {
        position: relative;
        z-index: 1400 !important;
        background-color: #fff;
        width: 100vw;
        height: 80vh;
        margin-top: 155px;
        padding-top: 25px;
        /* overflow-y: scroll !important; */
    }

    .list-depart-all-mobile {
        position: relative;
        height: 47vh;
        overflow-y: scroll !important;
    }

    .list-depart-all-mobile {
        height: 60vh;
    }

    .list-depart-all-mobile ul li {
        list-style: none;
        background-color: #e7e7e7;
        width: 90vw;
        height: 10vh;
        margin-left: 0px;
        margin-bottom: 20px;
        border-radius: 30px;
        box-shadow: -5px 10px 15px rgba(49, 49, 49, 0.3);
        font-size: 11pt;
    }

    .list-depart-all-mobile ul li h5 {
        font-size: 12pt;
    }

    .list-depart-all-mobile ul li .container-depart {
        margin: auto auto auto auto;
    }

    .list-depart-all-mobile ul li .container-depart svg {
        fill: #28BE21;
        width: 5vw;
        height: 5vh;
    }

    .list-depart-all-mobile ul li .container-depart svg:active {
        fill: #000;
        transform: scale(0.8);
    }

    .list-depart-all-mobile ul li .container-depart svg:hover {
        fill: #000;
        transform: scale(1.2);
    }

    .form-select-detail.select_action_golf_nanta_js {
        font-size: 12pt !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding: 3px;
        margin-left: 0 !important;
        border: #000 1px solid;
        border-radius: 3px;
    }

    .open-navleft-mobile i {
        position: absolute;
        left: 15px;
        top: 160px;
        z-index: 401;
        background-color: #2343ac;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        padding-top: 12px;
        font-size: 18pt;
        animation: 1s linear 1s infinite alternate slidein;
    }

    @keyframes slidein {
        from {
            transform: scale(100%);
        }

        to {
            transform: scale(80%);
        }
    }

    .open-search-mobil i {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 401;
        background-color: #2343ac;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        padding-top: 12px;
        font-size: 18pt;
    }

    .search-resto-mobil {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 80% !important;
        z-index: 401;
    }

    .content-search-mob {
        width: 100%;
    }

    #modalAvisRestaurant {
        z-index: 10404;
    }

    #restoPastilleModal {
        z-index: 10405;
    }

    .modal-backdrop {
        z-index: 1000;
    }

    .navleft-detail-mobile {
        transform: translate(1vw, 1vh) !important;
        width: 355px;
        z-index: 1001 !important;
    }

    .swal-overlay--show-modal {
        z-index: 10405 !important;
    }

    .content_description {
        height: 95vh !important;
    }

    .search-resto-mobil-none {
        display: none;
    }

    .navbar-brand img {
        width: 6rem !important;
        margin-top: 0.7rem !important;
    }

    .navbar-brand-mobile svg {
        position: absolute;
        top: 20vh;
        left: 85vw;
        z-index: 401;
    }

    .logo-consomyzone {
        width: 50vw;
    }

    .logo-consomyzone img {
        width: 50vw !important;
    }

    .list-depart-all-specific {
        height: 78vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .list-depart-golf-specific {
        height: 60vh;
    }

    .list-depart-all-specific ul .card-list {
        list-style: none;
        background-color: #e7e7e7;
        width: 84vw;
        height: auto !important;
        margin-left: 0px;
        margin-bottom: 20px;
        border-radius: 12px;
        box-shadow: -5px 10px 15px rgba(49, 49, 49, 0.3);
        font-size: 11pt;
    }

    .list-depart-all-specific-station ul .card-list {
        height: 40vh !important;
    }

    .list-depart-all-specific ul li h5 {
        font-size: 12pt;
    }

    .list-depart-all-specific ul li .container-depart {
        margin: auto auto auto auto;
    }

    .list-depart-all-specific ul li .container-depart svg {
        fill: #28BE21;
        width: 5vw;
        height: 5vh;
        margin-left: -15px;
        margin-top: 15px;
    }

    .list-depart-all-specific ul li .container-depart svg:hover {
        fill: #000;
        width: 5.5vw;
        height: 5.5vh;
        margin-left: -15px;
        margin-top: 15px;
    }

    .ferme-specific-mobile h4 {
        font-size: 12pt;
        font-weight: 700;
    }

    .ferme-specific-mobile p {
        font-size: 10pt;
    }

    #list-specific-depart {
        position: absolute;
        transition: all 2s ease-in-out !important;
        background-color: #fff;
        z-index: 407;
    }

    #list-spesific-resto {
        position: absolute;
        transition: all 2s ease-in-out !important;
        background-color: #fff;
        z-index: 1407;
    }

    .content_detail_mobile {
        width: 95vw !important;
        height: 100vh !important;
    }

    .content_detail_mobile hr {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .content_detail_mobile p {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }

    .content_detail_mobile .horaires li span {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }

    .content-mobil-ferme-detail {
        position: relative;
        z-index: 1400 !important;
        background-color: #fff;
        width: 100vw;
        height: 213vh;
        /* overflow-y: scroll !important; */
    }

    .titre-ferme h4 a {
        font-size: 10pt !important;
    }

    .list-depart-all {
        position: relative;
        height: 55vh;
        overflow-y: scroll !important;
        padding-left: 50px !important;
        overflow-x: hidden;
    }

    .list-depart-arrand {
        height: 60vh;
    }

    .list-depart-all ul li {
        list-style: none;
        background-color: #e7e7e7;
        width: 90vw;
        height: 10vh;
        margin-left: -40px;
        margin-bottom: 20px;
        border-radius: 30px;
        box-shadow: -5px 10px 15px rgba(49, 49, 49, 0.3);
        font-size: 11pt;
    }

    .list-depart-all ul li h5 {
        font-size: 12pt;
    }

    .list-depart-all ul li .container-depart {
        margin: auto auto auto auto;
    }

    .list-depart-all ul li .container-depart svg {
        fill: #28BE21;
        width: 5vw;
        height: 5vh;
    }

    .list-depart-all ul li .container-depart svg:active {
        fill: #000;
        transform: scale(0.8);
    }

    .list-depart-all ul li .container-depart svg:hover {
        fill: #000;
        transform: scale(1.2);
    }

    .content-detaile-resto {
        background-color: #fff;
    }

    .content-detaile-resto h4 span {
        font-size: 10pt;
    }

    .content-mobil-ferme {
        position: relative;
        z-index: 10401 !important;
        background-color: #fff;
        width: 100vw;
        height: 80vh;
        margin-top: 155px;
        padding-top: 10px;
    }

    .account-profils {
        width: 60px !important;
    }

    .account-profils .rounded-circle {
        width: 40px !important;
        height: 40px !important;
        margin-left: 6px;
        margin-bottom: 13px;
        overflow-y: scroll !important;
    }

    .content_global,
    .right_content {
        width: 100vw;
        margin-right: 5px;
    }

    .tribut_t_reponsive {
        width: 100vw !important;
        margin-left: 18px !important;
    }

    .container-custom {
        padding: 2px !important;
        margin-left: 2px !important;
    }

    .logo {
        width: 140px !important;
    }

    .profilTribu {
        width: 50vw !important;
        max-width: 200px !important;
        left: 0px !important;
    }

    .img_account,
    .nav-icon {
        width: 30px !important;
        margin-top: 0px !important;
    }

    .img_menu {
        margin-top: 0 !important;
    }

    .navbar-mobile {
        width: 100vw !important;
        height: 66px !important;
    }

    .badge_message,
    .badge_notification {
        top: -5px !important;
        left: 15px !important;
    }

    /* .fw-bolder {
        width: 95vw !important;
    } */

    .navbar-brand {
        font-size: large !important;
        margin-right: 0 !important;
    }

    .container-invitation {
        margin-left: 70px !important;
        margin-top: 165px !important;
    }

    .container-invitation-menu {
        margin-left: 90px !important;
    }

    #panneau {
        margin: -50px !important;
        width: 100vw !important;
    }

    #onglets {
        margin-left: 0px;
        margin-top: 75px !important;
    }

    .demande,
    .invitation-conf,
    #contenus {
        /* width: 90vw !important; */
        margin: 20px;
    }

    .content_left_menu_account_mobile {
        width: 15vw !important;
    }

    .account-profils img {
        min-height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }

    .left_menu {
        padding-left: 0 !important;
        padding-top: 15px;
        margin-top: -40px;
    }

    .notification_popup,
    .message_popup {
        right: 2px !important;
        width: 100vw !important;
        /* left: 2px !important; */
    }

    ul.dropdown-menu[data-bs-popper] {
        width: 60px !important;
        right: 2px !important;
        float: right !important;
        left: 56vw !important;
    }

    .na-ul-right {
        margin-left: -10px !important;
    }

    .content_right_profil {
        position: relative !important;
        margin-left: -43px !important;
        top: 10px !important;
        width: 109vw !important;
    }

    .mobile-responsive {
        margin-top: -10%;
    }

    label[for="fileInputTribu"] {
        margin-left: 80px;
    }

    .tribuNameContent-mobile,
    #navBarTribu {
        font-size: small;
        color: black;
    }

    .bgPersonnalisee {
        background-image: linear-gradient(#888888 320px, #ffffff 0%);
        border: none !important;
        width: 100vw;
        margin-left: 0;
    }

    .bgPersonnalisee_menu {
        width: 90vw !important;
    }

    .content_right_actualite-g {
        width: 100% !important;
    }

    .content_right_actualite-g_menu {
        width: 88% !important;
    }

    .card-pub-g {
        width: 137% !important;
        margin-left: 2px !important;
    }

    .bgPersonnalisee_tribut {
        background-image: linear-gradient(#888888 320px, #ffffff 0%);
        border: none !important;
    }

    ul#navBarTribu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: white;
    }

    /* #navBarTribu > li:nth-child(3){
             margin-top: 15px; 
          } */

    .apropos-tribu-t {
        right: 18px !important;
        height: 80vh !important;
        width: 90% !important;
    }

    .btn-navright-tribut {
        position: absolute;
        top: 115px;
        left: 0px;
    }

    .btn-ferme-tribut {
        font-size: 16pt;
    }

    .dropDownMenu {
        background-color: blue;
        text-align: justify !important;
    }

    .colorWhite {
        color: white !important;
    }

    .content_right_actualite {
      overflow-y: auto;
        position: relative !important;
        right: 0;
        top: 0 !important;
        padding: 0px !important;
        margin-left: 0px !important;
    }

    .contentImage-mobile {
        width: 80px !important;
    }

    #btnShowModalAddPub {
        width: 80%;
        font-size: medium;
    }

    .content_title_tribuG {
        transform: translate(27px, 4%) !important;
        width: 140px;
    }

    .user_button {
        width: 80% !important;
        margin-left: 25px !important;
        font-size: small;
    }

    .rangee {
        top: 10px !important;
    }

    .content_bloc_js_jheo {
        margin-top: 15px !important;
        background-color: transparent;
        margin-bottom: 3px !important;
        border-radius: 5px !important;
    }

    .publication_js_jheo {
        margin-left: -15px !important;
        margin-right: -15px !important;
        margin-bottom: 5px !important;
    }

    .mobile-responsive {
        margin-bottom: 50px !important;
    }

    .div_mobile {
        padding: 0rem !important;
    }

    .nom_mobile {
        margin-top: 100px !important;
        width: 60%;
    }

    .profil_mobile {
        margin-top: -10px !important;
    }

    .right_content {
        margin-left: 0px !important;
        margin-right: 15px !important;
        width: 95vw !important;
    }

    .listpub_mobile {
        margin-left: 0px !important;
    }

    .publication_mobile {
        margin-left: 20px !important;
    }

    .listTribu_t_mobile {
        margin-left: 0px !important;
    }

    .table-list-membre {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .tribuT_mobile {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100vw !important;
    }

    .tribuT_form {
        /* margin-left: 30px !important; */
        padding-right: 0px !important;
      width: 95% !important;
    }

    .setting_mobile {
        margin-left: 10px !important;
    }

    .security_mobile {
        margin-left: 5px !important;
    }

    .col_confidentialite {
        margin-left: 10px !important;
    }

    #profilTribu {
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
        height: 60px;
        border-radius: 10px;
    }

    .monTribu_mobile {
        width: 100% !important;
    }

    .contentTribu {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .paper_mobile {
        margin-bottom: 15px !important;
    }

    .membre-tribut {
        margin-top: 20px !important;
    }

    .detail_agenda_mobile_cont {
        margin-left: 0px !important;
    }

    .detail_agenda_mobile {
        margin-right: 0px !important;
    }

    .card-couverture-pub-tribu-t {
        height: 25vh !important;
        margin-top: 0px !important;
    }

    .card-couverture-pub-tribu-t .content-couverture {
        height: auto !important;
    }

    .card-couverture-pub-tribu-t .content-couverture h1 {
        /* margin-left: 150px !important; */
    }

    .card-couverture-pub-tribu-t .content-couverture .p-mobile {
        margin-left: 150px !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .nome-fontateur-tribu-t {
        margin-top: 55px !important;
    }

    .champ-pub {
        width: 100vw !important;
        margin-top: 250px !important;
    }


    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 50px !important;
    }


    .content-tribu-t {
        width: 100vw;
    }

    .content_right_actualite_menu {
        width: 83vw !important;
        margin-left: 60px !important;
    }

    .bgPersonnalisee {
        background-image: none !important;
    }

    .change_photo_tribuG_js_jheo {
        font-size: 12pt !important;
        margin-left: -30px;
    }

    .card-my-tribu-t .avatar-tribu {
        width: 35px !important;
        height: 35px;
        border-radius: 15px;
    }

    .content_list_menu_tribut_mob {
        background-color: #fff;
        padding: 20px;
        width: 304px !important;
        height: 100vh;
        margin-left: -85vw;
        transition: margin-left 1.5s;
    }

    .content_list_menu_tribut_mob .card-my-tribu-t a {
        color: #000;
        text-decoration: none;
    }

    .transition-mob {
        margin-left: 0;
        transition: margin-left 1.5s;
    }

    /* .left_menu {
        background-color: transparent;
    } */

    .navbar-mobile-all {
        position: absolute;
        width: 100% !important;
        z-index: 401;
    }

    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        margin-top: 70px !important;
    }

    .btn_group_vertical {
        margin-top: 10px !important;
    }

    .modal-avie-resto-mobile-tomm-js {
        z-index: 10405 !important;
    }

    .active-mobile {
        background-color: #1111fe;
        color: #fff !important;
        border-radius: 5px;
        width: 75px;
        height: 55px;
    }

    .active-mobile svg {
        fill: #fff !important;
        border: 2px solid #fff !important;
    }

    .spec-dep {
        margin-top: 20px;
    }

    .specific-detail {
        width: 100%;
        position: absolute;
        bottom: 10px;
        z-index: 1000 !important;
    }

    .swal-overlay {
        z-index: 10403;
    }

    .containt-specific {
        background-color: #fff;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
        border-radius: 15px;
        width: 85vw;
        height: 28vh;
        z-index: 401;
        padding: 5px;
    }

    .containt-specific p {
        /* margin-bottom: -5px; */
        line-height: 1.4;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .containt-specific-detail {
        background-color: #fff;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
        border-radius: 15px;
        width: 85vw;
        height: 28vh;
        z-index: 402;
        padding: 5px;
    }

    /* #form {
        height: 60vh !important;
        margin-top: 10px !important;
    } */

    .swal2-popup {
        z-index: 10402 !important;
    }

    .all-z-index {
        z-index: 1401 !important;
    }

    #modalAvisRestaurant {
        margin-top: 0 !important;
    }

    .content_home_detail_mobile {
        margin-top: 10rem !important;
    }

    .list-depart-resto-mobile-tomm-js {
        position: absolute;
        z-index: 10000;
    }

    .ferme-genre {
        font-size: 8pt !important;
        background-color: #b1b1b1;
        padding: 2px;
    }

    .containt-specific-arrandismant {
        background-color: #fff;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
        border-radius: 15px;
        width: 60vw;
        height: 12vh;
        z-index: 401;
        padding: 5px;
    }

    .apropos-tribu-g {
        position: fixed !important;
      top: 43px !important;
        right: 18px !important;
        width: 92vw !important;
    }

    .list-amie-message-perso {
        width: 100% !important;
    }

    .nav-message .nav-tabs {
        font-size: 9pt;
    }

    .content-pub {
        margin-top: -13px !important;
    }

    .content_list_p_tG {
        width: 100% !important;
    }

    .content_photos {
        width: 100% !important;
    }

    .img_nantenaina img {
        width: 25px;
        clip-path: circle();
    }

    .loading-tomm-js {
        position: absolute;
        top: 35%;
        right: 0;
    }

    .en-lign-mobile {
        position: absolute;
        background: #fff;
        width: 100%;
        height: 85vh;
        z-index: 1;
    }

    .margin-top-280 {
        margin-top: 280px !important;
    }

    .modal_visio {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    .modal-pastille-golf {
        width: 340px !important;
    }

    .toggel-recherche i {
        position: absolute;
        left: 15px;
        top: 160px;
        z-index: 401;
        background-color: #2343ac;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        padding-top: 12px;
        font-size: 18pt;
        animation: 1s linear 1s infinite alternate slidein;
    }

    .fc-dayGridMonth-view table thead tr th {
        width: 0 !important;
        padding-left: 10px;
        /* padding-right: 5px; */
    }

    .container-agenda {
        margin-top: 50px !important;
    }

    #calendar {
        max-width: 100vw !important;
        margin: 0 !important;
    }

    #calendar .fc-view-container {
        padding: 0 !important;
    }

    #createAgenda .form-check-label {
        font-size: 12pt;
    }

    #createAgenda .form-check-inline {
        margin-top: 5px;
        margin-right: 5px !important;
        width: 100%;
    }

    #createAgenda .form-check-input {
        width: 12px;
        height: 12px;
        margin-right: 2px;
    }

    .card-couverture-pub-tribu-t .text-light {
        font-size: 10pt;
    }

    .dataTables_wrapper {
        overflow-x: scroll !important;
    }

    .list_resto_or_golf_partage .bg-white.w-75 {
        width: 100% !important;
    }

    .partage_agenda .btn-partage-agenda {
        margin-left: 19vw !important;
    }

    #blockHistInvitation {
        overflow-x: scroll;
    }

    .content_emojy_picker {
        margin-left: -155px !important;
        margin-top: 280px !important;
    }

    .right_content {
        background: #fff !important;
    }

    .btn_submit {
        background: rgb(0, 111, 255) !important;
        width: 76vw !important;
        color: #fff;
    }

    .possition-password {
        margin-top: 0 !important;
    }

    .title-link-inscription {
        text-align: center;
    }

    .content_form {
        background: #cdcdcd !important;
    }

    .custom-flash-inscription {
        position: absolute !important;
        top: 100% !important;
        right: 3% !important;
        width: 350px !important;
    }

    .image_tommy_home_js_css {
        width: 40px !important;
        height: 40px !important;
        max-width: none !important;
    }

    .cta_actu_navbar {
    }

    /* .content-actualite-connected {
        padding-top: 7.5rem !important;
    } */

    #calendar {
        padding-top: 15px;
    }

    #calendar .fc-today-button {
        font-size: 9pt;
    }

    #calendar .fc-button-group {
        font-size: 9pt;
    }

    #calendar .fc-header-toolbar h2 {
        font-size: 14pt;
    }

    .name-tribu-g .p-title {
        color: #000;
        font-weight: 500;
        font-size: 14pt;
    }

    .head-pub .name-content {
        justify-content: start !important;
        align-items: start !important;
    }

    .nav-message .nav-tabs .nav-item {
        padding-left: 0rem !important;
    }

    .search_input_message {
        width: 90% !important;
    }

    .lookup_fan_result {
        width: 90% !important;
        right: 5% !important;
        z-index: 2 !important;
    }

    .piece-join-tomm-js {
        width: 100%;
    }

    .content_entete_msg_jheo_js {
        margin-left: 15px;
    }

    .publiate_on .p-title {
        font-size: 15pt;
        color: #000;
        font-weight: 600;
    }

    /* .content-actualite-connected-t {
        padding-top: 4.5rem !important;
    } */

    .setting-nav-tribu-t {
        position: absolute !important;
        top: 165px;
        right: 15px;
    }

    .user_profile_list_elie h3 {
        margin-left: 25px;
    }

    .nav-tribu-g {
        margin-left: 0px;
    }

    .setting-nav-tribu-g {
        margin-left: 20px;
        margin-top: 15px;
    }

    .onglet-msg-all {
        right: 17% !important;
    }

    .onglet-msg {
        width: 80vw !important;
        max-width: 325px !important;
    }

    .position-msg-onglet {
        right: 55% !important;
    }

    .icon-deconnect {
        margin-left: -10px !important;
    }

    .icon-deconnect i {
        font-size: 12pt !important;
    }

    .content-nav-bar .avatar-account-connected img {
        width: 35px !important;
    }

    .head-content img {
        height: 80px !important;
    }

    .tributG_profile_name {
        /* font-size: 12pt; */
    }

    .description-tribuG {
        font-size: 7pt !important;
    }

    .content-entete-g {
        margin-left: 55px;
        margin-top: -25px;
    }

    .bi-camera-fill-tribut {
        margin-top: 10px !important;
        margin-left: 65px !important;
    }

    .label-bi-cam-t {
        margin-left: 0 !important;
      margin-top: 0 !important;
    }

    .account-setting-connected h3 {
        font-size: 12pt !important;
    }

    .account-setting-connected p {
        font-size: 7pt !important;
        font-weight: 700;
    }

    .account-setting-connected label, input,button, select, option {
        /* font-size: 7pt !important; */
    }

    .account-setting-connected i {
        font-size: 8pt !important;
    }

    .content_list_enligne_tomm_js li {
        font-size: 10pt !important;
        width: 100% !important;
    }

    .list-group-flush li h5 {
        font-size: 10pt !important;
    }

    .content_entete_msg_jheo_js p, h5 {
        font-size: 10pt !important;
    }

    .content_entete_msg_jheo_js h5 {
        font-size: 12pt !important;
    }

    .content_discussion_jheo_js p {
        font-size: 10pt !important;
    }

    .what-means-partenaire-Nantenaina_css th {
        font-size: 10pt !important;
    }

    .what-means-partenaire-Nantenaina_css tr, td {
      font-size: 10pt !important;
    }

    .guide-title {
        font-size: 14pt !important;
    }

    .list-dw {
        margin-bottom: 20px !important;
    }

    li.list-dw > a.pdf {
        display: block;
        width: 100% !important;
        font-size: 7pt !important;
    }

    .content-super-admin {
        top: 0 !important;
    }

    #setting_tab .nav-item {
        font-size: 0.8rem !important;
    }

}

@media screen and (max-width:400px) and (min-width:300px) {
    .content_right_actualite .card-couverture-pub-tribu-t .nome-fontateur-tribu-t p {
        margin-top: -25px !important;
    }

    .account-profil-conected .pdp img {
        width: 110px !important;
    }
}

@media screen and (max-width:500px) and (min-width:400px) {
    .content_right_actualite .card-couverture-pub-tribu-t .nome-fontateur-tribu-t p {
        margin-top: 0 !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture {
        height: 18vh !important;
    }

    .account-profil-conected .pdp img {
        width: 110px !important;
    }
}

/* pc */

  @media screen and (min-width:1020px) and (max-width:1136px) {
    .width-content-t {
        width: 74%;
    }
    
    .ve_update {
        width: 50rem !important;
    }

    .navleft-chat {
        right: -205px !important;
    }

    .apropos-tribu-t {
        width: 220px !important;
    }

    .apropos-tribu-g {
        width: 220px !important;
        top: 140px !important;
    }

    .ep {
        margin-left: -64px;
    }

    .navbar-brand img {
        width: 7rem !important;
    }

    .nav-item a {
        /* font-size: 5pt !important; */
      /* font-size: 0.3587em !important; */
    }

    .nav-item li {
        margin-left: 15px !important;
    }

    .xn {
        padding-left: 4rem !important;
    }

    /* .uf {
        max-width: 44.75rem !important;
    } */

    /* .card-pub-actu img {
            width: 52vw;
        } */
    .content_list {
        margin-left: -15px;
    }

    .form__input_time {
        width: 145px;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    /* .spec-dep {
        margin-top: 115px;
    } */

    .result_container_ferme_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 1rem !important;
    }

    .nav-menu {
        margin-left: 390px !important;
        width: 42vw;
    }

    .nav-menu-connexion {
        margin-left: 950px !important;
        margin-top: -2px;
        width: 0vw;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 65px !important;
    }

    .form__input_time {
        margin-top: 15px !important;
        width: 140px !important;
        height: 20px !important;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    #setting_tab .nav-item {
        font-size: 0.6rem !important;
    }
}

  @media screen and (min-width:1137px) and (max-width:1259px) {

    .width-content-t {
        width: 74%;
    }

    .navleft-chat {
        right: -205px !important;
    }

    .apropos-tribu-t {
        width: 220px !important;
    }

    .apropos-tribu-g {
        width: 220px !important;
      top: 43px !important;
    }

    .ep {
        margin-left: -64px;
    }

    .navbar-brand img {
        width: 7rem !important;
    }

    .nav-item li {
        margin-left: 15px !important;
    }

    .xn {
        padding-left: 4rem !important;
    }

    /* .uf {
        max-width: 44.75rem !important;
    } */

    /* .card-pub-actu img {
            width: 52vw;
        } */
    .content_list {
        margin-left: -15px;
    }

    .form__input_time {
        width: 145px;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    /* .spec-dep {
        margin-top: 115px;
    } */

    .result_container_ferme_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 1rem !important;
    }

    .nav-menu {
        margin-left: 390px !important;
        width: 42vw;
    }

    .nav-menu-connexion {
        margin-left: 950px !important;
        margin-top: -2px;
        width: 0vw;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 65px !important;
    }

    .form__input_time {
        margin-top: 15px !important;
        width: 140px !important;
        height: 20px !important;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    #setting_tab .nav-item {
        font-size: 0.7rem !important;
    }
}

  @media screen and (min-width:1260px) and (max-width:1315px) {
    header > div > div.vd.sd.qo.f.ho.oo.wf.yf > nav > ul {
        font-size: 6pt !important;
    }

    .width-content-t {
        width: 74%;
    }

    .apropos-tribu-t {
        width: 16.5rem !important;
    }

    .navleft-chat {
        right: -300px !important;
    }

    .apropos-tribu-g {
        width: 220px !important;
      top: 43px !important;
    }

    .xn {
        padding-left: 4rem !important;
    }

    /* .uf {
        max-width: 44.75rem !important;
    } */
    /* .card-pub-actu img {
            width: 52vw;
        } */
    .form__input_time {
        width: 145px;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    /* .spec-dep {
        margin-top: 115px;
    } */

    .result_container_ferme_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 1rem !important;
    }

    .nav-menu {
        margin-left: 570px !important;
        width: 35vw !important;
    }

    .nav-menu-connexion {
        margin-left: 1140px !important;
        margin-top: -2px;
        width: 0vw;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 75px !important;
    }

    .form__input_time {
        margin-top: 15px !important;
        width: 140px !important;
        height: 20px !important;
    }

    .listTribu_t_mobile {
        margin-top: 20px !important;
    }

    .content_list {
        margin-left: -15px;
    }

    .account-profils img {
        min-height: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
    }

    #setting_tab .nav-item {
        font-size: 0.8rem !important;
    }
}

  @media screen and (min-width:1316px) and (max-width:1439px) {
    .width-content-t {
        width: 73%;
    }

    header > div > div.vd.sd.qo.f.ho.oo.wf.yf > nav > ul {
        font-size: 9pt !important;
    }

    .apropos-tribu-g {
        width: 290px !important;
      top: 43px !important;
    }

    .apropos-tribu-t {
        width: 18.5rem !important;
    }

    .xn {
        padding-left: 4rem !important;
    }

    .head-pub .param-content-g i {
        margin-left: 140px !important;
    }

    /* .uf {
        max-width: 44.75rem !important;
    } */
    .card-pub {
        margin-left: 0px !important;
    }

    .form__input_time {
        width: 145px;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    /* .spec-dep {
        margin-top: 115px;
    } */

    .result_container_ferme_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 1rem !important;
    }

    .nav-menu {
        margin-left: 620px !important;
        width: 33vw !important;
    }

    .nav-menu-connexion {
        margin-left: 1180px !important;
        margin-top: -2px;
        width: 0vw;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 75px !important;
    }

    .form__input_time {
        margin-top: 15px !important;
        width: 140px !important;
        height: 20px !important;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    .account-profils img {
        min-height: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
    }
}

  @media screen and (min-width:1440px) and (max-width:1550px) {
    .width-content-t {
        width: 74%;
    }

    .apropos-tribu-g {
        width: 290px !important;
      top: 43px !important;
    }

    .apropos-tribu-t {
        width: 315px !important;
    }

    /* .card-pub-actu img {
        width: 52vw;
    } */

    .result_container_resto_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .account-profils img {
        min-height: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
        max-height: 70px !important;
    }

    /* .spec-dep {
        margin-top: 115px;
    } */

    .result_container_ferme_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 1rem !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 1rem !important;
    }

    .container-invitation {
        margin-left: 290px !important;
    }

    .content_right_actualite .exprime-pub {
        margin-top: 45px !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 85px !important;
    }

    .flow-content .i-x {
        margin-left: 22vw !important;
    }

    .i-apropos {
        top: 147px !important;
        right: 39vw !important;
    }

    .head-left {
        padding-top: 10px !important;
    }

    .result_container_resto_spec .head-left {
        padding-top: 0 !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 50px !important;
    }

    /* .result_container_resto_spec_arrond .head-left {
        padding-top: 20px !important;
    } */

    .result_container_station_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* .result_container_station_spec .head-left {
        padding-top: 70px !important;
    } */

    /* .navbar-light-left .fa-x {
        margin-left: 175px !important;
    } */

    .navbar-light-bar .navbar-brand img {
        margin-top: 5px !important;
    }

    .nav__toggler {
        margin-left: 930px !important;
    }

    .card-pub {
        width: 83vw;
        margin-left: 0;
    }

    .card-setting {
        width: 73vw;
        margin-left: -23px;
    }

    .card-setting-password {
        width: 73vw;
        margin-left: -59px;
    }

    .card-setting-confid {
        width: 73vw;
        margin-left: -116px;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    .nav-menu {
        margin-left: 600px !important;
        width: 30vw !important;
    }

    .nav-menu-connexion {
        /* margin-left: 1720px !important; */
        width: 0vw;
    }

    .form__input_time {
        width: 145px !important;
    }

    .content_list {
        margin-left: -15px;
    }
}

  @media screen and (min-width:1551px) and (max-width:1679px) {
    .width-content-t {
        width: 72%;
    }

    .apropos-tribu-g {
        width: 315px !important;
    }

    .apropos-tribu-t {
        width: 385px !important;
    }

    .navleft-chat {
        right: -370px !important;
    }

    /* .card-pub-actu img {
        width: 52vw;
    } */

    #map {
        /* margin-left: -5rem !important; */
    }

    .to\/4\/2 {
        margin-left: -6.5rem !important;
    }

    .head-pub .param-content i {
        margin-left: 460px !important;
    }

    .container-invitation {
        margin-left: 355px !important;
    }


    .content_right_actualite .exprime-pub {
        margin-top: 10 !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 85px !important;
    }

    .flow-content .i-x {
        margin-left: 22vw !important;
    }

    .i-apropos {
        top: 147px !important;
        right: 39vw !important;
    }

    .left_menu {
        height: 899px;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 15px !important;
    }

    .result_container_resto_spec .head-left {
        padding-top: 20px !important;
    }

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 35px !important;
    }

    .result_container_resto_spec_arrond .head-left {
        padding-top: 70px !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* .result_container_station_spec .head-left {
        padding-top: 70px !important;
    } */

    /* .navbar-light-left .fa-x {
        margin-left: 185px !important;
    } */

    .navbar-light-bar .navbar-brand img {
        margin-top: 5px !important;
    }

    .nav__toggler {
        margin-left: 970px !important;
    }

    .card-pub {
        width: 80vw;
        margin-left: 0;
    }

    .card-setting {
        width: 73vw;
        margin-left: -23px;
    }

    .card-setting-password {
        width: 73vw;
        margin-left: -59px;
    }

    .card-setting-confid {
        width: 73vw;
        margin-left: -116px;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    .content_list {
        margin-left: -15px;
    }

    .nav-menu {
        margin-left: 650px !important;
        width: 30vw !important;
    }

    .nav-menu-connexion {
        margin-left: 1430px !important;
        width: 0vw;
    }

    .form__input_time {
        width: 145px !important;
    }
}

  @media screen and (min-width:1680px) and (max-width:1799px) {
    .width-content-t {
        width: 74%;
    }

    .navleft-chat {
        right: -400px !important;
    }

    .apropos-tribu-g {
        width: 300px !important;
    }

    .apropos-tribu-t {
        width: 385px !important;
    }

    /* .card-pub-actu img {
        width: 52vw;
    } */

    .\32xl\:ud-max-w-230 {
        max-width: 63.5rem !important;
    }

    #map {
        /* margin-left: -8rem !important; */
    }

    .to\/4\/2 {
        margin-left: -9.3rem !important;
    }

    .head-pub .param-content i {
        margin-left: 470px !important;
    }

    .container-invitation {
        margin-left: 355px !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 90px !important;
    }

    .flow-content .i-x {
        margin-left: 22vw !important;
    }

    .i-apropos {
        top: 147px !important;
        right: 39vw !important;
    }

    .head-left {
        padding-top: 35px !important;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* .result_container_resto_spec .head-left {
        padding-top: 70px !important;
    } */

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 35px !important;
    }

    .result_container_resto_spec_arrond .head-left {
        padding-top: 70px !important;
    }

    .left_menu {
        height: 899px;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* .result_container_station_spec .head-left {
        padding-top: 70px !important;
    } */

    /* .navbar-light-left .fa-x {
        margin-left: 195px !important;
    } */

    .navbar-light-bar .navbar-brand img {
        margin-top: 5px !important;
    }

    .nav__toggler {
        margin-left: 1230px !important;
    }

    .card-pub {
        width: 82.7vw;
        margin-left: -2vw;
    }

    .card-setting {
        width: 73vw;
        margin-left: -23px;
    }

    .card-setting-password {
        width: 73vw;
        margin-left: -59px;
    }

    .card-setting-confid {
        width: 73vw;
        margin-left: -116px;
    }

    .listTribu_t_mobile {
        /* margin-top: 80px !important; */
    }

    .content_list {
        margin-left: -15px;
    }

    .nav-menu {
        margin-left: 760px !important;
        width: 30vw !important;
    }

    .nav-menu-connexion {
        margin-left: 1530px !important;
        width: 0vw;
    }

    .form__input_time {
        width: 145px !important;
    }
}

  @media screen and (min-width:1800px) and (max-width:1899px) {
    .width-content-t {
        width: 77%;
    }

    .navleft-chat {
        right: -430px !important;
    }

    /* .card-pub-actu img {
        width: 65vw;
    } */
    .apropos-tribu-g {
        width: 260px !important;
    }

    .apropos-tribu-t {
        width: 385px !important;
    }

    .\32xl\:ud-max-w-230-tribu-t {
        max-width: 70.5rem !important;
    }

    #map {
        /* margin-left: -12rem !important; */
    }

    .ep {
        margin-left: -90px;
    }

    .to\/4\/2 {
        width: 56% !important;
    }

    .head-pub .param-content i {
        margin-left: 830px;
    }

    .container-invitation {
        margin-left: 355px !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 100px !important;
    }

    .flow-content .i-x {
        margin-left: 22vw !important;
    }

    .i-apropos {
        top: 147px !important;
        right: 39vw !important;
    }

    .head-left {
        padding-top: 35px !important;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* .result_container_resto_spec .head-left {
        padding-top: 70px !important;
    } */

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 35px !important;
    }

    .result_container_resto_spec_arrond .head-left {
        padding-top: 70px !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* .result_container_station_spec .head-left {
        padding-top: 70px !important;
    } */

    /* .navbar-light-left .fa-x {
        margin-left: 220px !important;
    } */

    .navbar-light-bar .navbar-brand img {
        margin-top: 5px !important;
    }

    .nav__toggler {
        margin-left: 1230px !important;
    }

    .card-pub {
        width: 82.7vw;
        margin-left: -6vw;
    }

    .card-setting {
        width: 73vw;
        margin-left: -23px;
    }

    .card-setting-password {
        width: 73vw;
        margin-left: -59px;
    }

    .card-setting-confid {
        width: 73vw;
        margin-left: -116px;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    .content_list {
        margin-left: -15px;
    }

    .nav-menu {
        margin-left: 760px !important;
        width: 30vw !important;
    }

    .nav-menu-connexion {
        margin-left: 1530px !important;
        width: 0vw;
    }

    .form__input_time {
        width: 145px !important;
    }

    .content_right_actualite {
        top: 79px !important;
    }

    .left_menu {
        height: 929px;
    }
}

  @media screen and (min-width:1900px) {

    .right_full {
        right: -445px !important;
    }

    .width-content-t {
        width: 77%;
    }

    .navleft-chat {
        right: -460px !important;
    }

    .apropos-tribu-g {
        width: 270px !important;
    }

    .apropos-tribu-t {
        width: 385px !important;
    }

    #navBarTribu .listNavBarTribu a {
        padding: 5px 5px !important;
    }

    /* .card-pub-actu img {
        width: inherit ;
    } */

    #map {
        /* margin-left: -16rem !important; */
    }

    .head-pub .param-content i {
        margin-left: 840px !important;
    }

    .\32xl\:ud-max-w-230 {
        max-width: 80.5rem !important;
    }

    .content_right_actualite .exprime-pub {
        margin-top: 0px !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t {
        margin-top: 0px !important;
    }

    .content_right_actualite .champ-pub {
        width: 76.4vw !important;
    }

    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture img {
        height: 100px !important;
    }

    .content_right_actualite {
        top: 78px !important;
        /* width: 86% !important; */
    }

    .content_right_actualite-g {
        width: 86vw !important;
    }

    .card-tribu-g {
        width: 80.9vw !important;
    }

    .container-invitation {
        margin-left: 419px !important;
    }

    .content_list {
        margin-top: 0 !important;
        margin-left: -25px;
    }

    .flow-content .i-x {
        margin-left: 21vw !important;
    }

    .i-apropos {
        top: 147px !important;
        right: 39vw !important;
    }

    .navbar-light-bar .navbar-brand img {
        margin-top: 3px !important;
    }

    .head-left {
        padding-top: 35px !important;
    }

    .result_container_resto_spec .navbar-light-left {
        margin-top: 0px !important;
    }

    /* .result_container_resto_spec .head-left{
	    padding-top: 70px !important;
    } */

    .result_container_resto_spec_arrond .navbar-light-left {
        margin-top: 35px !important;
    }

    .result_container_resto_spec_arrond .head-left {
        padding-top: 70px !important;
    }

    /* .result_container_resto_spec .navbar-light-left{
	    margin-top: 35px !important;
    } */

    /* .result_container_resto_spec .head-left{
	 padding-top: 70px !important;
    } */

    .result_container_ferme_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    .result_container_ferme_spec .head-left {
        padding-top: 70px !important;
    }

    .result_container_station_spec .navbar-light-left {
        margin-top: 35px !important;
    }

    /* 
    .result_container_station_spec .head-left{
	    padding-top: 70px !important;
    } */

    /* .navbar-light-left i.fa-x {
        margin-left: 230px !important;
    } */


    .nav__toggler {
        margin-left: 1280px !important;
    }

    .card-pub {
        width: 82.7vw;
        margin-left: -100px;
    }

    .card-setting {
        width: 73vw;
        margin-left: -23px;
    }

    .card-setting-password {
        width: 73vw;
        margin-left: -59px;
    }

    .card-setting-confid {
        width: 73vw;
        margin-left: -116px;
    }

    .listTribu_t_mobile {
        margin-top: 0px !important;
    }

    .nav-menu {
        margin-left: 951px !important;
        width: 23vw;
    }

    .nav-menu-connexion {
        margin-left: 1720px !important;
        width: 0vw;
    }

    .left_menu {
        height: 930px;
    }

    .navbar-light-left .fa-x {
        margin-left: 8px !important;
    }
}


/*Creat edit by @marc 03/03/25*/
    /*responsif tribuT*/

    .menu-container {
        position: relative;
    }
    
    /* Cache le menu toggle par défaut */
    #menu-toggle {
        display: none;
    }
    
    /* Style pour l'icône du menu */
    .menu-icon {
        display: none;
        position: fixed;
        top: 20px;
        right: 0;
        font-size: 24px;
        cursor: pointer;
        z-index: 1000;
        background: #fff;
        padding: 10px 15px;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        transform: translateY(152px);
    }
    
    /* Style pour le bouton de fermeture */
    .close-button {
        display: none;
        position: fixed;
        top: 20px;
        right: 0;
        font-size: 24px;
        cursor: pointer;
        z-index: 1000;
        background: #fff;
        padding: 10px 15px;
        border-radius: 5px;
        transform: translateY(152px);
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

  @media screen and (min-width:640px) and (max-width:767px) {
    .photo-couverture-resp {
        height: 10rem !important;
    }
}

  @media screen and (max-width:768px){
    
    
    .containt{
        transform: translateY(50px) !important;
    }


    .carbonads_no_image {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      border-width: 1px !important;
      border-color:  rgb(231 231 231 );
    }
    
    .apropos-tribu-t {
        display: block !important;
      }

    .apropos-tribu-t {
        position: fixed !important;
        right: -100% !important;
        top: 0 !important;
        width: 80% !important;
        height: 100vh !important;
        background: white !important;
        transition: 0.3s !important;
        overflow-y: auto   !important;
        padding: 60px 20px 20px 20px !important;
        transform: translateY(221px) !important; 
        overflow-y: auto;
    }

    .menu-icon {
        display: block;
    }

    #menu-toggle:checked ~ .apropos-tribu-t {
        right: 0 !important;
    }

    #menu-toggle:checked ~ .menu-icon {
        display: none;
    }

    #menu-toggle:checked ~ .close-button {
        display: block;
    }

    .nav-tribu-t{
        display: flex;
        flex-direction: column;
        align-items: center; 
        justify-content: flex-start; 
        height: 100px; 
    }

    .btn-primary.ms-3{
        margin-top: auto; 
      }

    .profile-card {
      width: 85px !important; 
      height: 100px;
      margin-bottom: 10px;
      
    }
    
    .card-couverture-pub-tribu-t {
      background: white;
      width: 100% !important;
      border-radius: 15px  !important;
      padding: 20px !important;
      margin-bottom: 25px !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      padding-top: 10px !important;
      border-width: 1px !important; 
      border-color:  rgb(231 231 231 );
      visibility: visible !important;
    }
    .pub-t {
        background: white;
        width: 100% !important;
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        margin-top: -70px !important;
        transform: translateY(40px) !important; /* Déplace vers le bas */
    
    }

    .content-publication {
        background: white;
        width: 100% !important; 
        border-radius: 15px;
        padding: 20px;
        margin-bottom: 5px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
        transform: translateY(50px) !important; /* Déplace vers le bas */

    }

    .head-publication{
        display: flex;
        align-items: center !important;
        gap: 15px;
        font-size: 14px; 
        padding: 8px 15px; 
        
    }
    
    .recherche {
      margin: 0 auto !important; 
      width: 100% !important; 
      max-width: 100vw !important;  
      margin: 0 !important; 
      display: flex !important;
      flex-wrap: wrap !important; 
      margin-top: 20px !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      border-radius: 8px !important; 
      transform: translateY(-5px) !important; 
    }
    

    .modal-backdrop {
        z-index: 999 !important;
    }

    /*invitation*/
    .rounded-3 {
        width: 95vw !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-width: 1px !important;
        border-color:  rgb(231 231 231 );
        transform: translateY(-15px);

    }

    .content_news_letter {
        width: 100% !important;
        transform: translateY(10px);
    }

    /*communication*/
    .drop-zone-prompt-tomm-js {
        font-size: 10px;
        line-height: normal;
    }

    .navbar_collapse_respons_ma .navbar_collapse_ma {
    flex-direction: row !important;
    flex-wrap: wrap; /* Pour que les éléments aillent à la ligne si manque de place */
    justify-content: start; /* Ou center, ou space-between selon besoin */
    }
    
    .intro {
        display: none;
    }

    .account-profil-conected-respons{
        padding: 0 !important;
    }

    .key-sondage-tomm-js{
        transform: translateY(40px) !important;
    }

    .fin-ma{
        transform: translateY(40px) !important; 
    }

}

    @media screen and (max-width:640px) {
        .account-profil-conected-respons{
            flex-direction: row !important;
            flex-wrap: wrap;
        }
    }

    
    

  @media screen and (max-width:425px) {

    .listTribu_t_mobile {
        
        margin-left: -25px !important;
        width: 94vw !important;
    }

    .input-group {
        width: 100% !important; 
    }

    .head-publication {
        width: 100% !important;
        display: flex;
        font-size: 14px !important; /* Réduit la taille du texte */
        padding: 8px 15px !important; /* Réduit l'espace interne */

    } 
    
    .profile-card {
      min-width: 100px !important;
        width: 40px !important; 
        height: 100px;
    }
    
      /*liste navtribu tsy atao hita*/
      ul#navBarTribu li.postulantListe,
      ul#navBarTribu li.partisantT,
      ul#navBarTribu li.show_adhesion_list,
      ul#navBarTribu li.Boutiques,
      ul#navBarTribu li.setting,
      ul#navBarTribu li.rôles,
      ul#navBarTribu li.invitation,
      ul#navBarTribu li.golfNotHide,
      ul#navBarTribu li.restoNotHide,
      ul#navBarTribu li.communiquer,
      ul#navBarTribu li.tribu,
    ul#navBarTribu li.rattachement {
        /* display: none; */
    }

    div.modal-body ul.content_list_navBarTribuT_jheo_js li.postulantListe,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.partisantT,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.show_adhesion_list,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.Boutiques,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.setting,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.communiquer,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.invitation,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.rôles,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.tribu,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.golfNotHide,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.restoNotHide,
    div.modal-body ul.content_list_navBarTribuT_jheo_js li.rattachement {
        /* display: none; */
    }

    .intro {
        display: none;
    }
   

}

/* **************respensif height************ */

  @media screen and (min-height:600px) and (max-height :799px) {
    .content_right_actualite .card-couverture-pub-tribu-t .content-couverture {
        height: 15vh !important;
    }
}

/*100% Image Width on Smaller Screens*/
  @media only screen and (max-width:991px) {
    .content_icon_draggable {
        display: none;
    }

    /*tribut T*/

    .listTribu_t_mobile {
      /* margin-top: 60px !important;*/
      margin-left: -15px;
      width: 95vw;
    }
    
    .containt {
        transform: translateY(50px) !important;
    }

    .carbonads {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-width: 1px !important;
        border-color: rgb(231 231 231);
    }

    .carbonads_no_image {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      border-width: 1px !important;
      border-color: rgb(231 231 231 );
    }
    
    .apropos-tribu-t {
        display: block !important;
      }

    .apropos-tribu-t {
        position: fixed !important;
        right: -100% !important;
        top: 0 !important;
        width: 80% !important;
        height: 100vh !important;
        background: white !important;
        transition: 0.3s !important;
        overflow-y: auto   !important;
        padding: 60px 20px 20px 20px !important;
        transform: translateY(221px) !important; 
        overflow-y: auto;
    }

    .menu-icon {
        display: block;
    }

    #menu-toggle:checked ~ .apropos-tribu-t {
        right: 0 !important;
    }

    #menu-toggle:checked ~ .menu-icon {
        display: none;
    }

    #menu-toggle:checked ~ .close-button {
        display: block;
    }
}

  @media screen and (max-width :325px) {
    #elie-btn-visio {
        margin-left: -50px !important;
    }
} 




/*tribu G et T*/
  @media screen and (min-width:2000px) and (max-width:3839px) {

    .main_user_id {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
    }

    .content-actualite-connected {
        width: 80% !important;
        margin: 0 auto;
        padding: 20px;
    }

    .photo-nom-tribu-g {
        justify-content: center;
    }

    .stats {
        margin: 20px auto;
        max-width: 60%;
    }

    .content-pubb {
        max-width: 100.75rem !important;
        background: white;
        margin: 20px auto;
        width: 85% !important;
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .titre_actu {
        font-size: 2.75rem;
        position: relative;
        margin-left: 100px;
    }

    .actu_ma {
        transform: translateX(80px);
    }

    .rechercheG {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 71% !important;
        max-width: 75.75rem !important;
        /* padding: 10px; */
        margin: 80px;
        transform: translateX(25px);
        top: 10px;
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        max-width: 75.75rem !important;
    }
 /* 
    .recherche{
      transform: translateX(-90px);
    }*/

    .carbonads,
    .carbonads_no_image {
        margin-bottom: 10px;
        max-width: 73.75rem;
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .pub-3 {
        max-width: 97.75rem !important;
    }

    .content-publication {
        max-width: 97.75rem !important;
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .nav-tribu-g {
        justify-content: center;
        padding: 20px 0;
    }

    .card-pub-ma {
        transform: translateX(20px);
        width: 85% !important;
        max-width: 100.75rem !important;
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .btn-navright-tribut {
        right: calc(50% - 1280px);
    }

    /* Centrage des publications */
    .content-pubbb {
        margin: 0 auto;
        max-width: 85%;
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* Ajustement des tailles de police */
    h2.tributG_profile_name {
        font-size: 2.5rem;
    }

    .description-tribuG {
        font-size: 1.2rem;
    }

    /* Centrage des éléments du menu */
    .menu-container {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* Centrage des éléments de formulaire */
    .form-control {
        width: 80%;
        margin: 0 auto;
    }

    .card-couverture-pub-tribu-t {
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-radius: 15px  !important;
        padding: 20px !important;
        padding-top: 10px !important;
        border-width: 1px !important; 
      border-color: rgb(231 231 231 );
    }

    .pub-t {
        border-radius: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .content_photos_js_jheo {
        width: 94%;
        max-width: 88%;
    }

    .content_list_p_tG {
        width: 94%;
        max-width: 88%;
    }

    .intro {
        padding: 20px;
    }
  
    .fetch_postulant {
        width: 94% !important;
        max-width: 88%;
}

    .key-sondage-tomm-js {
    width: 86% !important;
    transform: translateX(12px);
}
}
/*
  @media screen and (min-width:2652px) and (max-width:3839px){
    .content_photos_js_jheo{
        width: 100%, !important;
        max-width: 100%;

    }

    .content_list_p_tG {
        width: 100% !important;
        max-width: 100%;
    }

    .fetch_postulant{
        width: 100%, !important;
        max-width: 100%;
    
    }
}*/

  @media (max-width:490px) {
    .responsive-navbar {
        justify-content: center;
        /* flex-wrap: wrap; */    
        transform: translateX(35px);
    }

    .navbar-collapse-respons {
        transform: translateY(115px);
    }

    .responsive-navbar .nav-item label,
    .responsive-navbar .nav-item div {
        padding: 8px !important;
    }

    .responsive-navbar .nav-item i {
        font-size: 14px !important;
    }

    .responsive-navbar .nav-item svg {
        width: 14px;
        height: 14px;
    }

    .responsive-navbar .nav-item img {
        width: 14px;
        height: 14px;
    }

    .navbar .nav-item {
         padding: 0 !important; 
    }
    }

  @media screen and (max-width:320px) {
}

.responsive-navbar {
    transform: translateX(55px);
}

  @media screen and (min-width:577px) and (max-width:768px) {

    .qo.-ud-translate-x-full {
        top: 80px !important;
    }
}
  
  .fc-dayGrid-view .fc-body .fc-row { 
    min-height: 4em;
    height: 120px !important;
  }
  /* ≥ 320px — petits téléphones */
  @media (min-width:320px) {
  }
  
  /* ≥ 375px — iPhone 6/7/8 */
  @media (min-width:375px) {
  }
  
  /* ≥ 414px — iPhone 11 Pro Max / XR */
  @media (min-width:414px) {
  }
  
  /* ≥ 576px — petits appareils (ex: téléphones en paysage) */
  @media (min-width:576px) {
    /* styles pour petits appareils */
  }
  
  /* ≥ 768px — tablettes */
  @media (min-width:768px) {
  }
  
  /* ≥ 992px — ordinateurs portables */
  @media (min-width:992px) {
    /* styles pour laptops */
  }
  
  /* ≥ 1200px — ordinateurs de bureau */
  @media (min-width:1200px) {
    /* styles pour grands écrans */
  }
  
  /* ≥ 1400px — très grands écrans */
  @media (min-width:1400px) {
    /* styles pour écrans très larges */
  }