/* ===== Section intro : texte + photo du médecin ===== */
.medecin-intro {
  display: flex;              /* aligne texte et photo côte à côte */
  align-items: flex-start;    /* aligne les deux blocs en haut (pas centré verticalement) */
  justify-content: space-between; /* texte à gauche, photo à droite, espace réparti entre les deux */
  gap: 2rem;                  /* espace entre le texte et la photo */
  padding: 2.5rem 2rem;       /* espace intérieur autour de toute la section */
  flex-wrap: wrap;            /* permet de passer en colonne sur petit écran (responsive) */
}

/* Bloc de texte (titre + paragraphe) */
.medecin-text {
  max-width: 480px;           /* empêche le texte de s'étirer trop large, garde des lignes lisibles */
}

.medecin-text h1 {
  color: #12233f;             /* bleu marine, couleur du titre comme sur la maquette */
  font-size: 1.4rem;
  margin-bottom: 1rem;        /* espace entre le titre et le paragraphe */
}

.medecin-text p {
  color: #333;                /* gris foncé pour le texte de présentation */
  font-size: 0.95rem;
  line-height: 1.6;           /* espace entre les lignes, pour une meilleure lisibilité */
}

/* Photo du médecin */
.medecin-photo img {
  width: 100%;                /* l'image s'adapte à son conteneur */
  max-width: 240px;           /* mais ne dépasse jamais 240px de large */
  border-radius: 6px;         /* coins légèrement arrondis */
  display: block;             /* évite un espace vide fantôme sous l'image */
}

/* ===== Section Parcours et diplômes ===== */
.parcours {
  padding: 1rem 2rem 3rem;    /* espace intérieur (haut, gauche/droite, bas) */
}

.parcours h2 {
  color: #12233f;             /* même bleu marine que le h1, pour la cohérence */
  font-size: 1.2rem;
  margin-bottom: 1.5rem;      /* espace entre le titre et le tableau */
}

.parcours table {
  border-collapse: collapse;  /* supprime les espaces entre les cellules du tableau */
  font-size: 0.95rem;
}

.parcours td {
  padding: 0.4rem 1.5rem 0.4rem 0; /* espace haut/bas + espace à droite pour séparer les colonnes */
  vertical-align: top;        /* aligne le texte en haut de la cellule (utile si le diplôme fait 2 lignes) */
}

/* Cible uniquement la 1ère colonne de chaque ligne = les années */
.parcours td:first-child {
  color: #2a5fa8;              /* bleu, pour faire ressortir l'année */
  font-weight: 600;            /* légèrement en gras */
  white-space: nowrap;         /* empêche l'année de se couper sur deux lignes */
}