html {
  height: 100vh;           /* Occupe toute la hauteur de l'écran */
  display: grid;
  place-content: center;   /* Centre le body horizontalement et verticalement */
  
}

body {
  width: 90vw;             /* Largeur fluide : prend 90% de la largeur de l'écran */
  max-width: 1200px;       /* Empêche le bloc de devenir trop large sur grand écran */
  margin: 0;               /* Supprime les marges par défaut du navigateur */
  padding: 20px;           /* Espace intérieur pour que le texte ne colle pas aux bords */
  background-color: #fff;  /* Couleur de fond de votre bloc de page */
   border-radius: 8px;      /* Optionnel : arrondit légèrement les angles */
}


.contenant-image {
    display: flex;
    justify-content: center; /* Centre l'image horizontalement */
    align-items: center;     /* Centre l'image verticalement (si le contenant a une hauteur) */
}

/* Optionnel : pour s'assurer que l'image reste fluide et ne dépasse pas */
.contenant-image img {
    max-width: 100%;
    height: auto;
}