/* Fichier : css/body.css */

/* Body centré entre header et footer */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  background-color: rgb(189, 189, 189);
  font-family: Arial, sans-serif;
}

/* Main qui prend tout l'espace restant entre header et footer */
main {
  flex: 1; /* prend tout l'espace disponible */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* on aligne les apps depuis le haut */
  align-items: center;         /* centré horizontalement */
  text-align: center;
  padding: 80px 20px 60px 20px; /* top = header, bottom = footer */
  box-sizing: border-box;
  width: 100%;
}

/* Container des apps */
#apps-container {
  display: flex;
  flex-direction: column;
  gap: 20px; /* espace entre les apps */
  width: 100%;
  max-width: 1200px; /* largeur maximale pour le layout */
}