styles.css

/* styles.css */
#buttonContainer button {
    background-color: #050e64;
    border: none;
    color: white;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    width: 150px;  /* Largeur fixe */
    height: 50px;  /* Hauteur fixe */
}

#buttonContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 0px;
    padding: 0px;
  }

#buttonContainer button:hover {
    background-color: #08147a;
}

body {
    background-color: black; /* Fond noir pour la page entière */
    color: white; /* Texte en blanc pour le contraste avec le fond noir */
    margin: 0; /* Supprime les marges par défaut du body */
    font-family: Arial, sans-serif; /* Définit une police de base */
  }

.InputConfigEntry {
  width: 250px;               /* Largeur de l'input */
  padding: 5px;              /* Padding interne */
  font-size: 12px;            /* Taille de la police */
  border: 2px solid #ccc;     /* Bordure par défaut */
  border-radius: 10px;         /* Coins arrondis */
  background-color: #f9f9f9;  /* Couleur de fond */
  color: #333;                /* Couleur du texte */
  outline: none;              /* Supprime l'outline par défaut */
  transition: border-color 0.3s ease; /* Transition pour l'effet hover/focus */
}

.configlabel {
  font-size: 14px;            /* Taille de la police */
  color: #ffffff;                /* Couleur du texte */
  margin-right: 10px;         /* Marge à droite */
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

/* Bandeau supérieur */
#bandeau-superieur {
  width: 100%;
  height: 50px;
  background-color: #000000;
  display: flex;
  justify-content: center; /* Centrer horizontalement */
  align-items: center; /* Centrer verticalement */
}

#bandeau-superieur button {
  background-color: #f9f9f9;
    border: none;
    color: #050e64;
    padding: 10px 20px;
    font-size: 12px;
    margin: 0 10px; /* Espacement entre les boutons */
    border-radius: 8px;
    cursor: pointer;
}

/* Contenu de la page */