#page_login {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 100px;
}
#page_login form {
    display: flex;
    flex-direction: column;
    width: 500px;
	justify-content: center;
	align-items: center;

}
#page_login form label {
	margin-top: 10px;
}

#page_login form input {
    height: 30px;
	border-radius: 5px;
	width: 300px;
}

#page_login form button.fancy-button {
	width: 300px;
}


.fancy-button {
	margin-top: 30px;
    background: linear-gradient(90deg, #00308d, #4A90E2);
    border: none; /* Pas de bordure */
    color: white; /* Texte blanc */
    padding: 9px 7px; /* Espacement interne */
    font-size: 12px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    border-radius: 25px; /* Coins arrondis */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre douce */
    cursor: pointer; /* Curseur pointeur */
    transition: all 0.3s ease-in-out; /* Animation fluide */
    text-transform: uppercase; /* Met le texte en majuscules */
    letter-spacing: 1px; /* Espacement entre les lettres */
}

.fancy-button:hover {
    background: linear-gradient(90deg, #4A90E2, #00308d); /* Inverse le dégradé */
    transform: scale(1.05); /* Agrandit légèrement le bouton */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Augmente l'ombre */
}

.fancy-button:active {
    transform: scale(0.98); /* Réduit légèrement pour un effet de clic */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Réduit l'ombre */
}