.main {
    width:80%;
}

.contenu-equipe {
    display: flex;
    flex-direction: column;
    gap: 1.625rem;
}

.ligne-equipe {
    display: flex;
    align-items: stretch;
    gap: 1.625rem;
}
.column-portrait {
    flex: 0 0 16rem;
    position: relative; 
}

.column-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
  }
.column-bio {
    flex:1;
    max-width:40rem;
}
article a {
    text-decoration: underline;
}


/* Conteneur principal de la liste */
.liste-articles {
  display: flex;
  flex-direction: column; /* Aligne les lignes verticalement */
  gap: 24px; /* Espace entre chaque ligne */
}

/* Structure de chaque ligne */
.ligne-couplee {
  display: flex;
  align-items: stretch; /* Force l'image et le texte à avoir la même hauteur */
  gap: 16px; /* Espace entre l'image et le texte */
}

/* Encapsulation de l'image (garantit la stabilité de la hauteur) */
.image-wrapper {
  flex: 0 0 200px; /* Largeur fixe pour l'image (ex: 200px), ne se déforme pas */
  position: relative;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Recadre l'image proprement pour remplir l'espace */
  display: block;
}

/* Le bloc de texte */
.texte-bloc {
  flex: 1; /* Occupe tout l'espace restant en largeur */
}