<style type="text/css">
	:root {
		--primary-color: #94c11f ; /* Rouge alerte */
		--bg-color: #f5f5f5;
		--card-bg: #ffffff;
		--text-color: #94c11f ;
		--border-color: #94c11f ;
	}

	body {
		font-family: Arial, sans-serif;
		background-color: var(--bg-color);
		color: var(--text-color);
		margin: 0;
		padding: 20px;
		display: flex;
		justify-content: center;
	}

	.form-container {
		background-color: var(--card-bg);
		padding: 30px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		max-width: 600px;
		width: 100%;
		border-top: 8px solid var(--primary-color);
	}

	h2 {
		color: var(--primary-color);
		margin-top: 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 1.5rem;
	}

	.section-title {
		font-weight: bold;
		border-bottom: 2px solid var(--primary-color);
		padding-bottom: 5px;
		margin-top: 25px;
		margin-bottom: 15px;
		color: var(--primary-color);
	}

	.form-group {
		margin-bottom: 15px;
	}

	.form-row {
		display: flex;
		gap: 15px;
	}

	.form-row .form-group {
		flex: 1;
	}

	label {
		display: block;
		margin-bottom: 5px;
		font-weight: bold;
	}

	input[type="text"],
	input[type="date"],
	input[type="time"],
	textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid var(--border-color);
		border-radius: 4px;
		box-sizing: border-box;
		font-size: 1rem;
	}

	textarea {
		resize: vertical;
		height: 100px;
	}

	.checkbox-group {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 10px;
		margin-top: 10px;
	}

	.checkbox-item {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.checkbox-item input {
		width: 18px;
		height: 18px;
		cursor: pointer;
	}

	.radio-group {
		display: flex;
		gap: 20px;
		margin-top: 5px;
	}

	.radio-item {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	/* Style pour le bouton Photo */
	.photo-upload {
		border: 2px dashed var(--border-color);
		padding: 15px;
		text-align: center;
		border-radius: 4px;
		background-color: #fafafa;
		cursor: pointer;
		transition: border-color 0.2s;
	}

	.photo-upload:hover {
		border-color: var(--primary-color);
	}

	.photo-upload input[type="file"] {
		display: none;
	}

	.photo-label {
		cursor: pointer;
		display: block;
		font-weight: normal;
		color: #555;
	}

	.photo-icon {
		font-size: 1.5rem;
		margin-bottom: 5px;
		display: block;
	}

	.preview-img {
		max-width: 100%;
		max-height: 200px;
		margin-top: 10px;
		border-radius: 4px;
		display: none;
	}

	.btn-submit {
		background-color: var(--primary-color);
		color: white;
		border: none;
		padding: 12px 20px;
		font-size: 1.1rem;
		font-weight: bold;
		border-radius: 4px;
		cursor: pointer;
		width: 100%;
		margin-top: 25px;
		transition: background 0.2s;
	}

	.btn-submit:hover {
		background-color: #9a1915;
	}

	@media (max-width: 480px) {
		.form-row {
			flex-direction: column;
			gap: 0;
		}
	}
</style>