diff --git a/cours/index.html b/cours/index.html
index cd1e24c..d97391d 100644
--- a/cours/index.html
+++ b/cours/index.html
@@ -1,16 +1,44 @@
-<meta charset="utf-8">
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
+	<link rel="stylesheet" href="../style.css">
+	<title>Cours — Adrien Decosse</title>
+</head>
+<body>
+	<header class="site-header">
+		<div class="container">
+			<a class="brand" href="../index.html">Decosse Adrien</a>
+			<nav class="nav" aria-label="Main navigation">
+				<a href="../index.html">Accueil</a>
+				<a href="../syllabus.html">Syllabus</a>
+				<a href="index.html">Cours</a>
+				<a href="../riichi/index.html">Riichi</a>
+				<a href="../croco.html">Crocoloop</a>
+			</nav>
+		</div>
+	</header>
 
-**Répertoire des développements**
+	<main class="container">
+		<section class="main-card markdown-content">
+			<h1>Répertoire des développements</h1>
 
-Développements
-=====
+			<p><a href="./MasterTheorem.html">Master Theorem</a></p>
+			<p><a href="./GlushkovDeterministe.html">Glushkov déterministe</a></p>
+			<p><a href="./CYK.html">Cocke-Younger-Kasami</a></p>
+			<p><a href="./6piles/index.html">File avec 6 piles</a></p>
 
-<a href='./MasterTheorem'>Master Theorem</a><br /><br />
-<a href='./GlushkovDeterministe'>Glushkov déterministe</a><br /><br />
-<a href='./CYK'>Coke-Younger-Kasami</a><br /><br />
-<a href='./6piles'>File avec 6 piles</a><br /><br />
+			<script src="https://morgan3d.github.io/markdeep/latest/markdeep.min.js?" charset="utf-8"></script>
+			<script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>
+		</section>
+	</main>
 
-
-<!-- Markdeep: -->
-<script src="https://morgan3d.github.io/markdeep/latest/markdeep.min.js?" charset="utf-8"></script>
-<script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>
+	<footer class="footer">
+		<div class="container">
+			<small class="muted">© Adrien Decosse — site personnel</small>
+		</div>
+	</footer>
+</body>
+</html>
