body {
      background-color: #2b2b2b; /* Fond sombre */
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      margin: 0;
      font-family: 'Roboto', sans-serif;
      color: #e0e0e0;
    }
    /* Conteneur central de la page de connexion */
    .login-container {
      background-color: #3a3a3a; /* Gris foncé pour le conteneur */
      width: 350px;
      padding: 30px;
      border-radius: 10px;
      /*box-shadow: 0 6px 24px rgba(24, 24, 24, 0.4);*/
      text-align: center;
    }
    .login-container h1 {
      margin-bottom: 20px;
      color: #4caf50; /* Vert, même que dans vos autres pages */
    }
    /* Formulaires et éléments de saisie */
    .login-container form {
      display: flex;
      flex-direction: column;
    }
    .login-container input {
      background-color: #2b2b2b;
      border: 1px solid #4caf50;
      border-radius: 4px;
      padding: 10px;
      margin: 10px 0;
      font-size: 16px;
      color: #e0e0e0;
      transition: border-color 0.3s;
    }
    .login-container input:focus {
      outline: none;
      border-color: #388e3c; /* Vert plus foncé au focus */
    }
    /* Bouton de soumission */
    .login-container button {
      background-color: #4caf50;
      border: none;
      border-radius: 4px;
      padding: 10px;
      margin-top: 20px;
      font-size: 16px;
      cursor: pointer;
      color: #fff;
      transition: background-color 0.3s;
    }
    .login-container button:hover {
      background-color: #388e3c;
    }
    /* Lien pour basculer entre Connexion et Inscription */
    .toggle-link {
      margin-top: 15px;
      font-size: 14px;
      color: #4caf50;
      cursor: pointer;
      text-decoration: underline;
      transition: color 0.3s;
    }
    .toggle-link:hover {
      color: #388e3c;
    }

    .register-button {
        margin-top: 800px;
      }

      #registerForm {
        display: none;
      }

      #loginForm, #registerForm {
        margin-bottom: 20px;
      }