diff --git a/assets/js/family-calendar.js b/assets/js/family-calendar.js
index 41d5498..5c8f5d3 100644
--- a/assets/js/family-calendar.js
+++ b/assets/js/family-calendar.js
@@ -4,7 +4,7 @@ const weeks = [
   {
     month: "September",
     code: "W36",
-    dates: "01/09 – 07/09",
+    dates: "01/09 - 07/09",
     caroleOffDays: 0,
     isSchoolHoliday: false,
     isBankHoliday: false,
@@ -14,7 +14,7 @@ const weeks = [
   {
     month: "September",
     code: "W38",
-    dates: "15/09 – 21/09",
+    dates: "15/09 - 21/09",
     caroleOffDays: 2,
     isSchoolHoliday: false,
     isBankHoliday: false,
@@ -24,7 +24,7 @@ const weeks = [
   {
     month: "October",
     code: "W40",
-    dates: "29/09 – 05/10",
+    dates: "29/09 - 05/10",
     caroleOffDays: 0,
     isSchoolHoliday: false,
     isBankHoliday: false,
@@ -34,7 +34,7 @@ const weeks = [
   {
     month: "August",
     code: "W32",
-    dates: "03/08 – 09/08",
+    dates: "03/08 - 09/08",
     caroleOffDays: 5,
     isSchoolHoliday: true,
     isBankHoliday: false,
diff --git a/family-calendar.php b/family-calendar.php
index e65ab02..f2dc792 100644
--- a/family-calendar.php
+++ b/family-calendar.php
@@ -1,11 +1,11 @@
 <?php
-$pageTitle = "PachaFamily – Family Calendar";
+$pageTitle = "PachaFamily - Family Calendar";
 $activePage = "family-calendar";
 require __DIR__ . '/partials/header.php';
 ?>
 
 <h1>Family Calendar</h1>
-<p>Planning annuel de septembre à août – Carole (assistante maternelle), Alex &amp; Laia (CP / RTT / JA).</p>
+<p>Planning annuel de septembre à août - Carole (assistante maternelle), Alex &amp; Laia (CP / RTT / JA).</p>
 
 <section class="pf-section pf-section--panel">
   <div class="pf-flex pf-flex--wrap pf-gap-lg">
@@ -67,12 +67,12 @@ require __DIR__ . '/partials/header.php';
         <tr>
           <th>Mois</th>
           <th>Semaine</th>
-          <th>Dates (lun–dim)</th>
+          <th>Dates (lun-dim)</th>
           <th># Off Carole</th>
           <th>Vacances scolaires</th>
           <th>Bank holiday</th>
-          <th colspan="3">Alex – jours posés (semaine)</th>
-          <th colspan="3">Laia – jours posés (semaine)</th>
+          <th colspan="3">Alex - jours posés (semaine)</th>
+          <th colspan="3">Laia - jours posés (semaine)</th>
         </tr>
         <tr>
           <th></th><th></th><th></th>
diff --git a/index.html b/index.html
index b3f5994..3546c92 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,43 @@
-<?php
-$pageTitle = "PachaFamily – Accueil";
-$activePage = "home";
-require __DIR__ . '/partials/header.php';
-?>
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>PachaFamily - Accueil</title>
+    <link rel="stylesheet" href="assets/css/style.css" />
+  </head>
+  <body>
+    <header class="pf-header">
+      <div class="pf-container pf-header-content">
+        <div class="pf-logo">PachaFamily</div>
+        <nav class="pf-nav">
+          <a href="index.php" class="pf-nav-link pf-nav-link--active"
+            >Accueil</a
+          >
+          <a href="family-calendar.php" class="pf-nav-link">Family calendar</a>
+        </nav>
+      </div>
+    </header>
 
-<h1>Bienvenue sur PachaFamily</h1>
-<p>Centre de contrôle de l’organisation familiale.</p>
+    <main class="pf-container pf-main">
+      <h1>Bienvenue sur PachaFamily</h1>
+      <p>Centre de controle de l'organisation familiale.</p>
 
-<section class="pf-section">
-  <h2>Modules</h2>
-  <ul>
-    <li><a href="/family-calendar.php">Family calendar (congés, vacances, garde)</a></li>
-    <!-- Tu pourras ajouter d'autres modules ici -->
-  </ul>
-</section>
+      <section class="pf-section">
+        <h2>Modules</h2>
+        <ul>
+          <li>
+            <a href="family-calendar.php"
+              >Family calendar (conges, vacances, garde)</a
+            >
+          </li>
+        </ul>
+      </section>
+    </main>
 
-<?php
-require __DIR__ . '/partials/footer.php';
+    <footer class="pf-footer">
+      <div class="pf-container">
+        <small>&copy; PachaFamily</small>
+      </div>
+    </footer>
+  </body>
+</html>
