/* style_galerie.css */

.ma-galerie-simple {
    display: grid;
    /* Crée des colonnes automatiques (min 150px, max 1fr) */
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px; /* Espace entre les images */
    padding: 10px;
    background-color: #f4f4f4;
}

.ma-galerie-simple a {
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden; /* Pour les coins arrondis */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}

.ma-galerie-simple a:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ma-galerie-simple img {
    width: 100%; /* L'image prend toute la largeur du lien */
    height: 100%;
    object-fit: cover; /* Recadre l'image pour remplir l'espace (évite la distorsion) */
    display: block;
}