/* Style global pour le body et le formulaire */
html,
body {
  height: 100%;
  background-color: white;  /* Fond blanc */
  color: black;  /* Texte en noir */
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
  margin: 0 auto;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"],
.form-signin input[type="password"] {
  background-color: #f8f9fa;  /* Couleur de fond légère pour les champs */
  color: black;  /* Texte noir pour les champs */
  border-color: #ddd;  /* Bordure grise */
}

.form-signin input[type="email"]::placeholder,
.form-signin input[type="password"]::placeholder {
  color: #6c757d;  /* Placeholder gris clair */
}

/* Style pour centrer le logo et ajuster sa taille */
.logo-container {
    text-align: center;  /* Centre le logo */
    margin-bottom: 20px;  /* Ajoute un espace en bas du logo */
}

.logo {
    width: 200px;  /* Ajuste la taille du logo */
    height: auto;  /* Garde les proportions */
}

/* Style personnalisé pour le bouton "Se connecter" */
.custom-btn {
    background-color: rgb(79, 166, 149);  /* Couleur du bouton vert : RVB (79, 166, 149) */
    border-color: rgb(79, 166, 149);      /* Bordure de la même couleur */
    color: white;                        /* Texte en blanc */
}

.custom-btn:hover {
    background-color: rgb(63, 132, 119);   /* Couleur légèrement plus foncée au survol */
    border-color: rgb(63, 132, 119);       /* Bordure également plus foncée */
}

/* Style des labels */
.form-label {
    color: black;  /* Texte des labels en noir */
}

/* Style du titre "Veuillez vous connecter" */
h1 {
    color: rgb(193, 0, 122);  /* Couleur du texte : RVB (193, 0, 122) */
}

/* Style pour la case "Se souvenir de moi" */
.form-check-label {
    color: black;  /* Texte de la case à cocher en noir */
}

/* Pied de page */
.text-body-secondary {
    color: #6c757d;  /* Texte du copyright en gris */
}