/* style.css */
/* Met le logo en haut à gauche avec un petit padding */


/* Le body centre seulement le contenu */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  text-align: center; /* centre le contenu sauf le logo */
}

/* Logo fixe, indépendant, en haut à gauche */
#logo {
  position: fixed;   /* sort du flux normal */
  top: 10px;         /* 10px du haut */
  left: 10px;        /* 10px de la gauche */
  width: 150px;      /* taille du logo */
  display: block;    /* empêche le logo d’être traité comme texte */
  z-index: 1000;     /* toujours au-dessus */
  margin: 0;
}

/* Contenu centré */
#content {
  margin-top: 200px; /* pour que le texte ne chevauche pas le logo */
}