html,body{ /* reset css + police sans serif */
  font-family: sans-serif; /* police sans serif utilisee */
  margin: 0; /* supprime les marges par défaut du navigateur */
  box-sizing: border-box; /* modèle de boite avec les bordures */
  scroll-behavior: smooth!important; /* scroll progressif pour les ancres */
  font-size: 16px;
  background-color: #594967;
}
header{
  background-image: url(img/Patterne.webp);
  padding-bottom: 2rem;
  padding-top: 4rem;
}
h1,
header img, 
svg{
  text-align: center; /* centre le texte */
  display: block; /* force le svg en block */
  margin-left: auto; /* centre les balises */
  margin-right: auto; /* centre les balises
  width: min(28rem,90%); /* taille min à 28rem ou 90% */
  max-width: 1050px;
}
h1{
  font-size: 1.3em; /* ajuste la taille du h1 */
  font-weight: normal; /* enlève le bold */
  margin-top: 3em; /* annule la marge */
  text-transform: uppercase; /* en majuscule */
}
main{
  margin-top: 4vw; /* marge en haut pour la partie principale */
  max-width: 1050px; /* largeur max */
  margin-left: auto; /* centre */
  margin-right: auto; /* centre */
  display: flex; /* positionnement flex pour les enfants */
  flex-wrap:wrap; /* passeront à la ligne si pas assez de place */
  gap: 1em; /* espacement entre les éléments */
}
figcaption a {
  color: #F2F0FA;
  text-decoration: none;
}
figcaption {
  padding-top: 1rem;
  padding-bottom: 3rem;
  margin-left: 1rem;
}
figure{ 
  margin: 0; /* pas de marges */
  flex-basis:calc(33.32% - .7em); /* largeur de l'enfant flex 33% - 7.em */
}
figure img{
  max-width:100%; /* image forcée à 100% */
}