.form {
	background-color: #cfe8ff; /* Fond bleu pâle */
	margin: auto;
	padding: 25px;
	width: 325px; /* Largeur du formulaire */
	text-align: center; /* Centrer le texte du formulaire */
	border: 1px solid black; /* Encadrement noir autour du formulaire */
	box-sizing: border-box; /* Permet de prendre en compte la bordure dans le calcul de la taille */
}

.form-field {
	display: flex;
	flex-direction: column;
	align-items: center; /* Centrer les champs horizontalement */
}

.form-field + .form-field {
	margin-top: 10px; /* Espacement entre les champs */
}

.form-field-invisible {
	display: none; /* Cacher le champ invisible */
}

.form-field-label {
	margin-bottom: 5px;
	font-size: 24px; /* Taille du texte du formulaire */
	color: black; /* Couleur du texte du formulaire */
}

.form-field-input {
	font-family: inherit;
	font-size: 20px; /* Taille des champs du formulaire */
	width: 90%;
}

.form-field-error-invalid {
	color: red;
	display: block; /* Affichage en bloc */
}

.form-field-error-valid {
	display: none; /* Cacher le message de validation */
}

.save {
	background-color: black; /* Fond noir */
	border-radius: 22.5px; /* Bord arrondi */
	color: white; /* Couleur du texte */
	cursor: pointer;
	font-family: Arial, sans-serif; /* Typographie du bouton */
	font-size: 20px; /* Taille du texte du bouton */
	height: 50px; /* Hauteur du bouton */
	margin-top: 20px; /* Marge supérieure */
	width: 180px; /* Largeur du bouton */
}

.save:hover {
	opacity: 0.7; /* Opacité réduite au survol */
}

/* Option pour ajuster la taille, la couleur et la typographie du bouton */
.save.large {
	font-size: 20px; /* Taille du texte du bouton en pixels */
	height: 60px; /* Hauteur du bouton en pixels */
	width: 200px; /* Largeur du bouton en pixels */
	color: yellow; /* Couleur du texte du bouton */
	font-family: Verdana, sans-serif; /* Typographie du bouton */
}

.form-title {
	margin-bottom: 30px;
	font-size: 2em;
}