/* style_formulaire.css */

/* Style des formulaires */
form {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	margin: 0 auto;
	background-color: #f9f9f9;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

form label {
	margin-bottom: 8px;
	font-weight: bold;
}

form input {
	padding: 10px;
	margin-bottom: 15px;
	width: 100%;
	max-width: 400px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

form button {
	padding: 10px 20px;
	background-color: #0056b3;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

form button:hover {
	background-color: #004494;
}

/* Centrer l'image du logo */
.logo-container {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	/* Aligne le texte au centre */
	margin-top: 50px;
	/* Si tu veux ajouter un peu d'espace en haut */
}

.logo-container img {
	width: 200px;
	/* Ajuste la taille du logo selon ton besoin */
	height: auto;
}

/* Style pour les boutons SumUp */
.sumup-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}

.sumup-button {
	background-color: #28a745;
	/* Couleur de fond verte */
	color: white;
	padding: 12px 20px;
	margin: 10px 0;
	text-decoration: none;
	border-radius: 4px;
	font-size: 16px;
	text-align: center;
	width: 200px;
	border: none;
	cursor: pointer;
	/* Changer le curseur pour un clic */
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.sumup-button:hover {
	background-color: #218838;
	/* Couleur plus foncée au survol */
	transform: scale(1.05);
	/* Agrandir légèrement au survol */
}

.sumup-button:active {
	background-color: #1e7e34;
	/* Couleur plus foncée au clic */
	transform: scale(1);
	/* Enlever l'effet d'agrandissement au clic */
}

.sumup-button:focus {
	outline: none;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
	/* Ajouter une ombre de focus */
}