#container_after_mast{
    display: flex;
    justify-content: center!important;
    align-items: center;
}

/* ===============================
   SECTION GALERIE ACTIVITÉS
   =============================== */

/* Conteneur principal de la galerie
   - pleine largeur
   - hauteur relative au viewport
   - centré horizontalement et verticalement
   - hauteur minimale pour petits écrans */
#gal_acti{
    width: 100%;
    height:50vh;
    margin-top: 10vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 250px;
}

/* Conteneur interne de la galerie
   - largeur réduite pour créer des marges
   - flex pour organiser les colonnes
   - espace entre les blocs */
#container_gla{
    width: 90%;
    height:100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:1%;
}

/* Colonne gauche
   - prend 20% de la largeur
   - organisation verticale
   - espacement entre les blocs */
#left_gla{
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap:2%;
}

/* Colonne droite
   - prend la majorité de l’espace
   - occupe toute la hauteur */
#right_gla{
    width: 80%;
    height:100%;
}

/* Bloc supérieur de la colonne gauche */
#top_left{
    width: 100%;
    height: 50%;
}

/* Bloc inférieur de la colonne gauche
   - arrondi uniquement en bas à gauche
   - overflow caché pour couper le contenu */
#bottom_left{
    width: 100%;
    height: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
}