diff --git a/fun.html b/fun.html
index 6646c72..123ff16 100644
--- a/fun.html
+++ b/fun.html
@@ -56,7 +56,7 @@
             <aside>
                 <h2>À propos...</h2>
                 <p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
-                    complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">
+                    complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
                         cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
                     Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
                     contraventionnalisation anticonstitutionnelle mis en avant les apports en
@@ -79,7 +79,8 @@
         </div>
     </main>
     <footer>
-        <a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par
+        <a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
+        par
         SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
     </footer>
 </body>
diff --git a/index.html b/index.html
index 0fb275e..97eb45e 100644
--- a/index.html
+++ b/index.html
@@ -132,7 +132,7 @@
 			<aside>
 				<h2>À propos...</h2>
 				<p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
-					complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">
+					complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
 						cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
 					Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
 					contraventionnalisation anticonstitutionnelle mis en avant les apports en
@@ -154,7 +154,8 @@
 		</div>
 	</main>
 	<footer>
-		<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par
+		<a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
+		par
 		SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
 	</footer>
 </body>
\ No newline at end of file
diff --git a/mentions-legales.html b/mentions-legales.html
index 18dd205..9f48e8c 100644
--- a/mentions-legales.html
+++ b/mentions-legales.html
@@ -7,20 +7,106 @@
     <title>Mentions Légales</title>
     <link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png">
     <link rel="stylesheet" href="style/style_main.css">
+    <link rel="stylesheet" href="style/style_index.css">
 </head>
 
 <body>
     <header>
-        <h1><a class="_title" href="index.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1>
+        <h1><a class="_title" href="home.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1>
         <ul>
-            <li><a href="#unlinked">Top</a></li>
-            <li><a href="#unlinked">Musiques</a></li>
-            <li><a href="#unlinked">Lectures</a></li>
+            <li><a href="fun.html">Fun</a></li>
+            <li><a href="index.html">Musiques</a></li>
+            <li><a href="reading.html">Lectures</a></li>
         </ul>
         <div>
             <a href="sign_in.php">Se connecter</a>
             <a href="sign_up.php">S'inscrire</a>
         </div>
     </header>
+    <section class="mentions-legales">
+        <h2>IDENTITÉ</h2>
+        <p>Nom du site web : serny-nsi <br>
+            Adresse : https://serny-nsi.alwaysdata.net<br>
+            Propriétaire : Alwaysdata<br><br>
+
+            Conception et réalisation : SERNY Sacha<br>
+            Hébergement : Alwaysdata
+        </p>
+        <h2>CONDITIONS D’UTILISATION</h2>
+        <p>L’utilisation du présent site implique l’acceptation pleine et entière des conditions générales d’utilisation
+            décrites ci-après. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées à tout
+            moment.</p>
+
+        <h2>INFORMATIONS</h2>
+        <p>Les informations et documents du site sont présentés à titre indicatif, n’ont pas de caractère exhaustif, et
+            ne peuvent engager la responsabilité du propriétaire du site. Le propriétaire du site ne peut être tenu
+            responsable des dommages directs et indirects consécutifs à
+            l’accès au site.</p>
+
+        <h2>INTERACTIVITÉ</h2>
+        <p>Les utilisateurs du site peuvent y déposer du contenu, apparaissant sur le site dans des espaces dédiés
+            (notamment via les commentaires). Le contenu déposé reste sous la responsabilité de leurs auteurs, qui en
+            assument pleinement l’entière responsabilité juridique.
+
+            Le propriétaire du site se réserve néanmoins le droit de retirer sans préavis et sans justification tout
+            contenu
+            déposé par les utilisateurs qui ne satisferait pas à la charte déontologique du site ou à la législation en
+            vigueur.</p>
+
+        <h2>PROPRIÉTÉ INTELLECTUELLE</h2>
+        <p>Sauf mention contraire, tous les éléments accessibles sur le site (textes, images, graphismes, logo, icônes,
+            sons, logiciels, etc.) restent la propriété exclusive de leurs auteurs, en ce qui concerne les droits de
+            propriété intellectuelle ou les droits d’usage.
+
+            Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du
+            site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable de
+            l’auteur.
+
+            Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il contient est considérée
+            comme
+            constitutive d’une contrefaçon et poursuivie.
+
+            Les marques et logos reproduits sur le site sont déposés par les sociétés qui en sont propriétaires.</p>
+
+        <h2>LIENS</h2>
+        <p>Liens sortants
+            Le propriétaire du site décline toute responsabilité et n’est pas engagé par le référencement via des liens
+            hypertextes, de ressources tierces présentes sur le réseau Internet, tant en ce qui concerne leur contenu
+            que
+            leur pertinence.
+
+            Liens entrants
+            Le propriétaire du site autorise les liens hypertextes vers l’une des pages de ce site, à condition que
+            ceux-ci
+            ouvrent une nouvelle fenêtre et soient présentés de manière non équivoque afin d’éviter :
+
+            tout risque de confusion entre le site citant et le propriétaire du site
+            ainsi que toute présentation tendancieuse, ou contraire aux lois en vigueur.
+            Le propriétaire du site se réserve le droit de demander la suppression d’un lien s’il estime que le site
+            source
+            ne respecte pas les règles ainsi définies.</p>
+
+        <h2>CONFIDENTIALITÉ</h2>
+        <p>Tout utilisateur dispose d’un droit d’accès, de rectification et d’opposition aux données personnelles le
+            concernant, en effectuant sa demande écrite et signée, accompagnée d’une preuve d’identité.
+            Le site ne recueille pas d’informations personnelles (en dehors des mail, pseudo, date de création du
+            compte, PEL, code bancaire, mot de passe, code de sécu, pass sanitaire, photo et taille), et n’est pas
+            assujetti à déclaration à la CNIL.</p>
+
+        <h2>CRÉDITS</h2>
+        <p>©Spotify <br>
+            ©Webtoons <br>
+            ©Fnac <br>
+            ©Amazon <br>
+            ©Wikipedia</p>
+        </main>
+        <footer>
+            <a href="mentions-legales.html" target="_blank">Mentions légales</a> <br> Mise
+            en
+            page
+            par
+            SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
+        </footer>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/reading.html b/reading.html
index b7d4b1b..94e45b4 100644
--- a/reading.html
+++ b/reading.html
@@ -191,7 +191,7 @@
             <aside>
                 <h2>À propos...</h2>
                 <p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
-                    complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">
+                    complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
                         cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
                     Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
                     contraventionnalisation anticonstitutionnelle mis en avant les apports en
@@ -214,7 +214,8 @@
         </div>
     </main>
     <footer>
-        <a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par
+        <a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
+        par
         SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
     </footer>
 </body>
diff --git a/style/style_index.css b/style/style_index.css
index 1c7c732..3e4a1ea 100644
--- a/style/style_index.css
+++ b/style/style_index.css
@@ -34,6 +34,18 @@ body {
     opacity: 1;
   }
 }
+section.mentions-legales {
+  padding: 20px;
+  font-family: "Roboto", sans-serif;
+}
+section.mentions-legales h2 {
+  font-weight: 800;
+  font-size: 24px;
+}
+section.mentions-legales p {
+  font-size: 16px;
+}
+
 main {
   padding: 10px;
   background-color: white;
diff --git a/style/style_index.css.map b/style/style_index.css.map
new file mode 100644
index 0000000..2cceba2
--- /dev/null
+++ b/style/style_index.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["styles_index.scss"],"names":[],"mappings":"AAAQ;AACA;AACA;AACR;EACC;;;AAED;EACC;;;AAED;EACC;IACC;;;AAGA;EACD;IACC;IACA;;EAED;IACC;IACA;;;AAGF;EACC;IACC;IACA;;EAED;IACC;IACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;;AAED;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACD;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AAIA;EACC;;AAED;EACC;;AAED;EACC;;AAGF;EACC;EACA;;AAED;EASC;EACA;EACA;EACA;;AAXA;EACC;EACA;EACA;;AASD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EAqEA;EACA;EACA;EACA;EACA;;AAxEA;EACC;EACA;;AAED;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;EACA;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAaL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA","file":"style_index.css"}
\ No newline at end of file
diff --git a/style/styles_index.scss b/style/styles_index.scss
index bdb4ede..0912328 100644
--- a/style/styles_index.scss
+++ b/style/styles_index.scss
@@ -32,6 +32,17 @@ body {
 		opacity: 1;
 	}
 }
+section.mentions-legales {
+	padding: 20px;
+	font-family: "Roboto", sans-serif;
+	h2 {
+		font-weight: 800;
+		font-size: 24px;
+	}
+	p {
+		font-size: 16px;
+	}
+}
 main {
 	padding: 10px;
 	background-color: rgb(255, 255, 255);
