.blue-header {
    background: skyblue; /* Un bleu ciel simple et épuré */
    height: 6vh;
}

.navbar .nav-link {
    color: black;
}

.navbar .nav-link:hover {
    color: #f4f4f4; /* Gris clair pour le survol */
}

.footer-link {
    color: black;
}

.footer-link:hover {
    color: #f4f4f4;
    text-decoration: underline;
}

.rounded-logo {
    border-radius: 50%;
    transition: transform 0.2s, box-shadow 0.2s;
}

.rounded-logo:hover {
    transform: scale(1.1) rotate(360deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.exponent-input {
    width: 60px;
    text-align: center;
}

.selected-input {
    border: 2px solid #007bff; /* Couleur bleue pour indiquer la sélection */
}

.centered-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10vh;
    flex-direction: column;
    margin-bottom: 3vh;
    margin-top: 3vh;
}

.center-container-registration {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh; /* Hauteur minimale pour le centrage vertical complet */
    text-align: center;
    background: #f4f4f4;
}

.login-form-registration {
    margin: auto; /* Assure que le formulaire est centré dans le flex container */
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Légère ombre pour mieux distinguer le formulaire */
    background: white; /* Fond blanc pour le formulaire */
    border-radius: 8px; /* Bords arrondis */
}