body {
  background-color: ivory;
}

#profile-section {
  /* Positionnement en haut à droite */
  position: absolute;
  right: 0;
  top: 0;
  
  /* Mise en page interne (Flexbox) */
  display: flex;
  flex-direction: column; /* Force les éléments (img et p) à s'empiler verticalement */
  align-items: center;    /* Centre l'image et le texte horizontalement */
  
  /* Optionnel : pour que ce soit plus joli */
  text-align: center;     /* Centre le texte à l'intérieur du paragraphe */
  width: 250px;           /* Définit une largeur max pour éviter que le texte ne s'étale trop */
  padding: 10px;          /* Un peu d'espace autour */
  background-color: ivory; /* (Optionnel) si vous voulez voir la zone */
}

/* Petit nettoyage pour l'image et le paragraphe */
#profile-section img {
    max-width: 100%;      /* S'assure que l'image ne dépasse pas du conteneur */
    height: auto;         /* Garde les proportions */
}

#profile-section p {
    margin-top: 10px;     /* Espace entre l'image et le texte */
}

#id-top-links {
  /* Positionnement en haut à droite */
  position: absolute;
  right: 0;
  top: 0;
  
  /* Mise en page interne (Flexbox) */
  display: flex;
  flex-direction: column; /* Force les éléments (img et p) à s'empiler verticalement */
  align-items: center;    /* Centre l'image et le texte horizontalement */
}