Refonte du design : moderne + responsive, thème clair/sombre, maj compétences

- Vraie structure HTML5 (doctype, head, meta viewport) via le header commun
- CSS réécrit avec variables, police Inter, header sticky, menu burger mobile
- Thème clair/sombre avec bouton dans la navbar (mémorisé en localStorage)
- Hero sur l'accueil, page compétences en cartes alignée sur le CV (+ Ansible)
- Correction des balises body/main dupliquées sur contact, login et cgu

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

pages/xp.php

@@ -1,20 +1,25 @@
-<?php 
+<?php
 
 // Page affichant les différentes expériences pro (stages etc...)
 
+// Titre de l'onglet
+$pageTitle = 'Expériences';
 
 // On ajoute le header
 require_once('../elements/header.php');
 
 // Ajout d'un message indiquant si l'utilisateur est admin qu'il peut modifier ces expériences
 if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin') {
-    echo "<p style='color: white; text-align: center;'>Vous êtes administrateur, vous pouvez modifier les experiences <a href='../pages/admin.php'>ici</a>.</p>";
+    echo "<p class='admin-notice'>Vous êtes administrateur, vous pouvez modifier les experiences <a href='../pages/admin.php'>ici</a>.</p>";
 }
 
 // Affichages des xp pro
 ?>
 
-<p class="projects-title">Liste des expériences professionnelles</p>
+<div class="page-header">
+    <h1>Expériences professionnelles</h1>
+    <p>Mes stages et missions réalisées en entreprise.</p>
+</div>
 
 <?php
 require_once('../functions/listXP.php');
@@ -24,4 +29,4 @@ require_once('../functions/listXP.php');
 afficherXP();
 
 // Ajout du footer
-require_once('../elements/footer.php'); ?>
+require_once('../elements/footer.php'); ?>