/* Mise en boîte plus sûre */
* {
  box-sizing: border-box;
}

/* Texte */
h1 {
  color: red;
}

/* Page */
body {
  background-color: #ffffff;
  font-family: ui-sans-serif, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif;
  padding: 16px;
}

/* Conteneur centré et responsive */
#container {
  max-width: 1000px; /* garde la largeur souhaitée sur grand écran */
  width: 90%;       /* réduit automatiquement sur petits écrans */
  margin: 0 auto;   /* centre horizontalement */
  padding: 12px;
}

/* Images à l'intérieur du conteneur : ne dépassent jamais */
#container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 12px auto; /* centre l'image à l'intérieur du conteneur */
}