refactor: factoriser le code en plusieurs fichiers (#8)

- Déplace les styles inline vers css/form.css et css/cv.css
- Crée js/main.js comme point d'entrée ES Module (type="module")
- Extrait la logique identité dans js/sections/identite.js
- Ajoute les stubs js/sections/{competences,formation,experience,hobbies}.js
- Crée les dossiers sections/{identite,competences,formation,experience,hobbies}/
  avec .gitkeep et README décrivant le contenu prévu
- Met à jour index.html : liens CSS séparés, script type=module
- Met à jour README.md : avertissement ES Modules, structure des fichiers

sections/competences/README.md

@@ -0,0 +1,7 @@
+# Section : competences
+
+> 🚧 À implémenter — cette section sera ajoutée dans une prochaine itération.
+
+## Contenu prévu
+- Compétences techniques (langages, outils…)
+- Compétences transverses (langues, soft skills…)

sections/experience/README.md

@@ -0,0 +1,9 @@
+# Section : experience
+
+> 🚧 À implémenter — cette section sera ajoutée dans une prochaine itération.
+
+## Contenu prévu
+- Poste occupé
+- Entreprise
+- Période (début / fin)
+- Description des missions

sections/formation/README.md

@@ -0,0 +1,8 @@
+# Section : formation
+
+> 🚧 À implémenter — cette section sera ajoutée dans une prochaine itération.
+
+## Contenu prévu
+- Diplôme / intitulé
+- Établissement
+- Année d'obtention

sections/hobbies/README.md

@@ -0,0 +1,6 @@
+# Section : hobbies
+
+> 🚧 À implémenter — cette section sera ajoutée dans une prochaine itération.
+
+## Contenu prévu
+- Liste des centres d'intérêt / loisirs

sections/identite/identite.html

@@ -0,0 +1,55 @@
+<!-- Section Identité : champs nom, prénom, email, titre du poste -->
+<div class="form-group">
+  <label for="nom">Nom</label>
+  <input
+    type="text"
+    id="nom"
+    name="nom"
+    placeholder="Dupont"
+    autocomplete="family-name"
+    required
+    minlength="1"
+    aria-required="true"
+  >
+</div>
+
+<div class="form-group">
+  <label for="prenom">Prénom</label>
+  <input
+    type="text"
+    id="prenom"
+    name="prenom"
+    placeholder="Jean"
+    autocomplete="given-name"
+    required
+    minlength="1"
+    aria-required="true"
+  >
+</div>
+
+<div class="form-group">
+  <label for="email">Email</label>
+  <input
+    type="email"
+    id="email"
+    name="email"
+    placeholder="jean.dupont@email.com"
+    autocomplete="email"
+    required
+    aria-required="true"
+  >
+</div>
+
+<div class="form-group">
+  <label for="titre">Titre du poste</label>
+  <input
+    type="text"
+    id="titre"
+    name="titre"
+    placeholder="Développeur Full Stack"
+    autocomplete="organization-title"
+    required
+    minlength="1"
+    aria-required="true"
+  >
+</div>