.bouton-lien-perso {
  display: inline-block !important;
  background-color: #35434D !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 5px !important;
  color: white !important;
  font-weight: bold !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease;
  margin: 10px 0;
}

.bouton-lien-perso:hover {
  background-color: #4C5E6A !important;
  color: white !important;
  text-decoration: none !important;
}

/* snippet pour .img-grid */
.img-grid .markdown-preview-section > div > .internal-embed {
    display: inline-block; /* Permet aux images d'être côte à côte */
    width: 200px; /* Définissez une largeur fixe pour chaque image */
    margin: 5px;      /* Ajoute un peu d'espace entre les images */
    vertical-align: top; /* Aligne les images par le haut */
}

/* Optionnel : pour que les images remplissent l'espace */
.img-grid .markdown-preview-section > div > .internal-embed img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Assure que l'image couvre la boîte sans se déformer */
    aspect-ratio: 1/1; /* Force un ratio carré, ajustez au besoin */
}