@charset "utf-8";
/* CSS Document */
<style>
        /* Styles généraux */
	html, body {
   		height: 100%;
    	margin: 0;
    	padding: 0;
	}

	body {
    	font-family: Arial, sans-serif;
    	color: white;
    	display: flex;
    	flex-direction: column;
    	align-items: center;

    	background-image: url('infographies/FondWebFonce.jpg');
    	background-size: cover;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-attachment: fixed; /* optionnel pour effet de défilement fixe */
	}
	body a {
  		color: #6fff6f; /* vert clair lisible sur fond sombre */
  		text-decoration: underline;
	}

	body a:hover {
 		 color: #44cc44; /* un peu plus foncé au survol */
	}

        h1 {
            color: #2b2b2b;
        }

        .container {
            max-width: 800px;
            width: 100%;
            padding: 20px;
            margin: 20px;
            background: rgba(0, 70, 0, 0.3); /* légèrement transparent */
            border-radius: 8px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        }
		.container label {
                color: #fff; /* ou #333 si tu veux du gris foncé */
}

        .menuBar {
            display: flex;
            justify-content: center;
            background-color: #4CAF50;
            padding: 10px;
        }

        .menuBar a {
            margin: 0 10px;
            color: #fff;
            text-decoration: none;
            padding: 10px 20px;
            border-radius: 5px;
        }

        .menuBar a:hover {
            background-color: #45a049;
        }

        .form-section {
            background-color: #00000;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }

        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }

        input[type="text"], input[type="email"], textarea {
            width: 100%;
            padding: 8px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 1em;
        }

        input[type="submit"] {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        input[type="submit"]:hover {
            background-color: #45a049;
        }

        .footer-image {
            margin-top: 20px;
            width: 100%;
            border-radius: 8px;
        }
		h2 {
  			font-size: 1rem; /* ou 16px */
  			margin-top: 20px;
		}
		.checkbox-label {
  			display: flex;
  			align-items: center;
  			gap: 8px; /* espace entre la case et le texte */
		}

.checkbox-label input[type="checkbox"] {
  margin: 0;
}

    </style>