.header-mobile-list {
    display: none;
}
.images-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem; /* Espacement entre les blocs */
}

.image-box {
    width: calc(50% - 1rem); /* Deux images par ligne */
    text-align: center;
    padding: 1rem;
}

.image-box img {
    width: 100%; /* Adapter la taille de l'image au conteneur */
    max-width: 220px; /* Taille max */
}

/* FOOTER STRUCTURE */

.site-footer {
    padding: 1rem;
    background-color: #222;
    color: white;
}
#institution-footer{
    display: none !important;
}
/* Version Desktop */
.footer-desktop {
    display: flex !important;
}

/* Version Mobile */
.footer-mobile {
    display: none !important;
}

/* Media Queries */

/* === TABLETTE (800px - 1024px) === */
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .gpage-bandeau-image .bandeau-desktop { display: none; }
    .gpage-bandeau-image .bandeau-tablette { display: block; }

    .mode-public .gpage-container {
        max-width: 800px;
    }
    .public-layout .gauche_affiche {
        flex: 0 0 220px;
    }
    .organise_par {
        width: 210px;
    }
    .organise_par img {
        width: 150px !important;
    }
    #en_corps_public {
        padding: 1.5rem 2rem;
    }
}

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

    /* Bandeau image masqué, header ré-affiché en mobile */
    .gpage-bandeau-image { display: none; }
    .mode-public header { display: flex; }

    /* Layout public : colonne unique */
    #en_corps_public {
        padding: 1.5rem;
    }
    .public-layout {
        flex-direction: column;
    }
    .public-layout .gauche_affiche {
        order: 2;
        flex: none;
        width: 100%;
        margin-top: 2rem;
    }
    .public-layout .droite_texte {
        order: 1;
    }
    .organise_par {
        width: 100%;
    }

    /* header */
    #bandeau_ordi {
        display: none;
    }
    #bandeau_mobile{
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    header {
        background-image: none;
        padding: 1rem 1.5rem;
        width: 100%;
    }
    .header-mobile-icon{
        text-shadow: 1px 1px 2px black;
        font-size: 2.5rem;
        margin: 0;
        padding: 0;
    }
    .header-menu { display: none;    }
    .header-mobile {display: flex; }
    .header-mobile-list {
        display: block;
        z-index: 999;
        top: 57px;
        left: 0;
        width: 100%;
        color: var(--text-color);
        background-color: var(--gris-leger);
        box-shadow: var(--box-shadow);
        position: fixed;
        padding: 1rem 0;
        margin: 0;
    }

    .header-mobile-list > a {display: block;padding: 1rem;}
    .header-mobile-list > a:hover {background-color: white;}
    .header-mobile-list li {padding: 0.3rem 1rem;}
    .header-mobile-list li.menu_actif {color: white;font-weight: 700;}
    .header-menu li:hover {background-color: var(--primary-dark);}

    /* images  */
    .images-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem; /* Espacement entre les blocs */
    }
    .image-box {
        width: calc(50% - 1rem); /* Deux images par ligne */
        text-align: center;
        padding: 1rem;
    }
    .image-box img {
        width: 100%; /* Adapter la taille de l'image au conteneur */
        max-width: 120px; /* Taille max */
    }

    /* institutions */
    #bandeau_institutions,
    #se_connecter_en_grand,
    #nav_public {display: none !important;}
    .mon-container{width: 100%;}
    .image-box {width: 45%;}

    /* accueil */
    #grande-image-en-haut{width: fit-content;}

    /* content */
    .content {padding: 1rem;}
    .gpage-content {min-width: 100%;}
    .nom_etablissement {display: none;}
    .form-container {width: 100%;}
    .gpage-aside {display: none;}
    .fnt-debogage {display: none;}
    .gpage-container {padding: 1rem;}
    .gpage-bloc {padding: 0 1rem;}
    div.gpage-bloc-titre {display: none;}
    .gpage-bloc a {padding: 0;font-size: 1.6rem;}
    #blocContact a i {display: none;}

    /* carte interactive */
    #filter-map{
        display: none !important;
        /*font-size: 0.8rem;*/
    }

    .pleine-page p {
        text-align: left;
    }
    /* footer */
    .footer-desktop {
        display: none !important;
    }
    .footer-mobile {
        display: flex !important;
        justify-content: center;
        padding: 1rem 0;
    }

    h2 {
        font-size: 2rem;
    }
    h3{
        font-size: 1.8rem;
    }

    /* j-oriente-mon-patient.html */
    .j-oriente-mon-patient.cadre1>div,
    .j-oriente-mon-patient.cadre2>div,
    .j-oriente-mon-patient.cadre3>div,
    .j-oriente-mon-patient.cadre4>div
    {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .j-oriente-mon-patient.cadre1,
    .j-oriente-mon-patient.cadre2,
    .j-oriente-mon-patient.cadre3,
    .j-oriente-mon-patient.cadre4
    {
        display: flex;
        flex-direction: column;
    }
    .j-oriente-mon-patient.cadre1,
    .j-oriente-mon-patient.cadre3{
        display: flex;
        flex-direction: column-reverse;
    }
    .j-oriente-mon-patient.cadre3 img{
        margin: 2rem 0 1rem;
        width: 60% !important;
    }

    .j-oriente-mon-patient.cadre2 div:nth-child(2){
        display: flex;
        justify-content: center;
    }

    .j-oriente-mon-patient.cadre2 div:nth-child(2) img{
        width: 50% !important;
    }

    /* je-suis-professionnel-sportif */
    .je-suis-professionnel-sportif.cadre1>div,
    .je-suis-professionnel-sportif.cadre2>div,
    .je-suis-professionnel-sportif.cadre3>div,
    .je-suis-professionnel-sportif.cadre4>div
    {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .je-suis-professionnel-sportif.cadre1,
    .je-suis-professionnel-sportif.cadre2,
    .je-suis-professionnel-sportif.cadre3,
    .je-suis-professionnel-sportif.cadre4
    {
        display: flex;
        flex-direction: column;
    }

    .je-suis-professionnel-sportif.cadre1 {
        display: flex;
        flex-direction: column-reverse;
    }
    .je-suis-professionnel-sportif.cadre1 div:nth-child(2){
        margin-bottom: 2rem !important;

    }
    .je-suis-professionnel-sportif.cadre2 img{
        margin: 2rem 0 1rem;
        width: 50% !important;
    }
    .je-suis-professionnel-sportif.cadre3 img{
        display: none   ;
    }

    /* enregistrez-vous  */

    .enregistrez-vous{
        display: flex;
        flex-direction: column;
    }

    .enregistrez-vous div.cadre1,
    .enregistrez-vous div.cadre2{
        width: 100%;
        padding: 0;
    }


    .carte-fiche-etablissement{
        min-width: fit-content;
    }

    #institution-footer{
        display: block !important;
        text-align: center;
        margin:0 5rem 5rem !important;
    }
    .pleine-page ul#lois-sport-sante li  {
         width: 100% !important;
     }

}
.pleine-page ul#lois-sport-sante li  {
    width: 50%;
    margin-bottom: 4rem;
}