<html>
<head>
	<title>Formulaire d'inscription</title>
	<style>
		.inscription-form {
		  max-width: 500px;
		  margin: auto;
		  padding: 20px;
		  background-color: #f2f2f2;
		  border-radius: 5px;
		}

		.form-group {
		  margin-bottom: 10px;
		}

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

		input,
		select,
		textarea {
		  width: 100%;
		  padding: 10px;
		  border-radius: 5px;
		  border: none;
		  box-sizing: border-box;
		}

		textarea {
		  height: 100px;
		}

		button[type="submit"] {
		  display: block;
		  background-color: #4CAF50;
		  color: #fff;
		  padding: 10px;
		  border-radius: 5px;
		  border: none;
		  cursor: pointer;
		  font-weight: bold;
		  transition: background-color 0.2s ease;
		}

		button[type="submit"]:hover {
		  background-color: #3e8e41;
		}
	</style>
</head>
<body>
	<form class="inscription-form" action="#" method="post">
	  <h2>Inscription à notre formation</h2>
	  <div class="form-group">
	    <label for="name">Nom complet :</label>
	    <input type="text" id="name" name="name" required>
	  </div>
	  <div class="form-group">
	    <label for="email">Adresse e-mail :</label>
	    <input type="email" id="email" name="email" required>
	  </div>
	  <div class="form-group">
	    <label for="phone">Numéro de téléphone :</label>
	    <input type="tel" id="phone" name="phone" required>
	  </div>
	  <div class="form-group">
	    <label for="level">Niveau de compétence :</label>
	    <select id="level" name="level" required>
	      <option value="">--Choisir un niveau--</option>
	      <option value="débutant">Débutant</option>
	      <option value="intermédiaire">Intermédiaire</option>
	      <option value="avancé">Avancé</option>
	    </select>
	  </div>
	  <div class="form-group">
	    <label for="message">Message (facultatif) :</label>
	    <textarea id="message" name="message"></textarea>
	  </div>
	  <div class="form-group">
	    <button type="submit">Envoyer</button>
	  </div>
	</form>
</body>
</html>