diff --git a/frontend/css/speech-bubble.css b/frontend/css/speech-bubble.css
index 0fa29e1..76af7b5 100644
--- a/frontend/css/speech-bubble.css
+++ b/frontend/css/speech-bubble.css
@@ -37,30 +37,4 @@
   flex: 1;
   white-space: nowrap;
   font-size: 1.5rem;
-}
-
-.dialog-buttons {
-  display: flex;
-  gap: 5px;
-  margin-left: 10px;
-}
-
-.dialog-btn {
-  padding: 4px 8px;
-  border: 1px solid #333;
-  background: #f0f0f0;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 0.8rem;
-  transition: all 0.2s;
-}
-
-.dialog-btn:hover:not(:disabled) {
-  background: #333;
-  color: white;
-}
-
-.dialog-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
+}
\ No newline at end of file
diff --git a/frontend/css/text.css b/frontend/css/text.css
new file mode 100644
index 0000000..008249c
--- /dev/null
+++ b/frontend/css/text.css
@@ -0,0 +1,14 @@
+h1 {
+    text-align: left;
+    margin-top: 40px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+    color: white;
+}
+
+h2 {
+    text-align: center;
+    margin-top: 40px;
+    margin-bottom: 20px;
+    color: white;
+}
\ No newline at end of file
diff --git a/frontend/pages/liste_yakus.html b/frontend/pages/liste_yakus.html
index 9d280b0..add96db 100644
--- a/frontend/pages/liste_yakus.html
+++ b/frontend/pages/liste_yakus.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Liste des Yakus - Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <style>
     #menu {
@@ -38,13 +39,6 @@
       display: flex;
     }
 
-    h1 {
-      text-align: center;
-      color: white;
-      margin: 40px 0 50px 0;
-      font-size: 2.5rem;
-    }
-
     .yakus-container {
       max-width: 1000px;
       margin: 0 auto;
@@ -131,7 +125,7 @@
   </div>
   <div id="mascotte"></div>
 
-  <h1>Yakus les plus courants</h1>
+  <h1 style="text-align: center;">Yakus les plus courants</h1>
 
   <div class="yakus-container" id="yakus-list"></div>
 
diff --git a/frontend/pages/ressources.html b/frontend/pages/ressources.html
index 82584aa..aceafaf 100644
--- a/frontend/pages/ressources.html
+++ b/frontend/pages/ressources.html
@@ -4,19 +4,13 @@
   <meta charset="UTF-8">
   <title>Ressources - Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <style>
     #menu {
       position: relative;
       z-index: 10;
     }
 
-    h2 {
-      text-align: center;
-      color: white;
-      margin: 40px 0 50px 0;
-      font-size: 2.5rem;
-    }
-
     .resources-list {
       max-width: 700px;
       margin: 40px auto;
@@ -55,7 +49,7 @@
 </head>
 <body>
   <div id="menu"></div>
-  <h2>Ressources complémentaires</h2>
+  <h2 style="text-align: center;">Ressources complémentaires</h2>
   <ul class="resources-list">
     <li class="resource-item">
       <div class="resource-title">Guide PDF du Riichi Mahjong</div>
diff --git a/frontend/pages/riichi/chap1.html b/frontend/pages/riichi/chap1.html
index 2394c5a..701cc3a 100644
--- a/frontend/pages/riichi/chap1.html
+++ b/frontend/pages/riichi/chap1.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <style>
     #menu {
@@ -139,6 +140,7 @@
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 1</h1>
   <div id="tile-container"></div>
   <div id="tiles-display">
     <div class="tiles-numbers">
diff --git a/frontend/pages/riichi/chap10.html b/frontend/pages/riichi/chap10.html
index 20ec3d8..6d5bce3 100644
--- a/frontend/pages/riichi/chap10.html
+++ b/frontend/pages/riichi/chap10.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -38,17 +39,11 @@
     .speech-bubble.visible {
       display: flex;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 10</h1>
   <div class="speech-bubble">
     <div class="speech-text" id="speech-text"></div>
   </div>
diff --git a/frontend/pages/riichi/chap11.html b/frontend/pages/riichi/chap11.html
index ce7da92..33df940 100644
--- a/frontend/pages/riichi/chap11.html
+++ b/frontend/pages/riichi/chap11.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -38,17 +39,11 @@
     .speech-bubble.visible {
       display: flex;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 11</h1>
   <div class="speech-bubble">
     <div class="speech-text" id="speech-text"></div>
   </div>
diff --git a/frontend/pages/riichi/chap2.html b/frontend/pages/riichi/chap2.html
index e9c453f..a4d6b57 100644
--- a/frontend/pages/riichi/chap2.html
+++ b/frontend/pages/riichi/chap2.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -124,6 +125,7 @@
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 2</h1>
   <div id="tile-container"></div>
   <div id="tiles-display"></div>
   <div class="speech-bubble">
diff --git a/frontend/pages/riichi/chap3.html b/frontend/pages/riichi/chap3.html
index 2efc37f..af6a541 100644
--- a/frontend/pages/riichi/chap3.html
+++ b/frontend/pages/riichi/chap3.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -54,17 +55,11 @@
       gap: 60px;
       padding: 20px;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 3</h1>
   <h2>Combinaisons valides</h2>
   <div id="tiles-container">
     <div id="tiles-display"></div>
diff --git a/frontend/pages/riichi/chap4.html b/frontend/pages/riichi/chap4.html
index a6920aa..72d4971 100644
--- a/frontend/pages/riichi/chap4.html
+++ b/frontend/pages/riichi/chap4.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -54,17 +55,11 @@
       gap: 10px;
       padding: 20px;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 4</h1>
   <h2>Mains bien formées</h2>
   <div id="tiles-container">
     <div id="tiles-display"></div>
diff --git a/frontend/pages/riichi/chap5.html b/frontend/pages/riichi/chap5.html
index 91c4b41..142c26a 100644
--- a/frontend/pages/riichi/chap5.html
+++ b/frontend/pages/riichi/chap5.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -38,17 +39,11 @@
     .speech-bubble.visible {
       display: flex;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 5</h1>
   <div class="speech-bubble">
     <div class="speech-text" id="speech-text"></div>
   </div>
diff --git a/frontend/pages/riichi/chap6.html b/frontend/pages/riichi/chap6.html
index 69aa2eb..0074148 100644
--- a/frontend/pages/riichi/chap6.html
+++ b/frontend/pages/riichi/chap6.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -38,17 +39,11 @@
     .speech-bubble.visible {
       display: flex;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 6</h1>
   <div class="speech-bubble">
     <div class="speech-text" id="speech-text"></div>
   </div>
diff --git a/frontend/pages/riichi/chap7.html b/frontend/pages/riichi/chap7.html
index bf80b86..afe9518 100644
--- a/frontend/pages/riichi/chap7.html
+++ b/frontend/pages/riichi/chap7.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -39,15 +40,6 @@
       display: flex;
     }
 
-    h2 {
-      position: absolute;
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-      pointer-events: none;
-    }
-
     #winds-box {
       position: absolute;
       pointer-events: none;
@@ -114,6 +106,7 @@
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 7</h1>
   <div class="speech-bubble">
     <div class="speech-text" id="speech-text"></div>
   </div>
diff --git a/frontend/pages/riichi/chap8.html b/frontend/pages/riichi/chap8.html
index 6fa2c1b..f830ffb 100644
--- a/frontend/pages/riichi/chap8.html
+++ b/frontend/pages/riichi/chap8.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -54,17 +55,11 @@
       gap: 10px;
       padding: 20px;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 8</h1>
 
   <h2>Brelan de valeur (dragons, Est ou vent du joueur)</h2>
   <div id="tiles-display"></div>
diff --git a/frontend/pages/riichi/chap9.html b/frontend/pages/riichi/chap9.html
index 636f2f7..6844a25 100644
--- a/frontend/pages/riichi/chap9.html
+++ b/frontend/pages/riichi/chap9.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Tuto Riichi</title>
   <link rel="stylesheet" href="/frontend/css/style.css">
+  <link rel="stylesheet" href="/frontend/css/text.css">
   <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
   <link rel="stylesheet" href="/frontend/css/hand.css">
   <style>
@@ -38,17 +39,11 @@
     .speech-bubble.visible {
       display: flex;
     }
-
-    h2 {
-      text-align: center;
-      margin-top: 40px;
-      margin-bottom: 20px;
-      color: white;
-    }
   </style>
 </head>
 <body>
   <div id="menu"></div>
+  <h1>Chapitre 9</h1>
   <div class="speech-bubble">
     <div class="speech-text" id="speech-text"></div>
   </div>
