diff --git a/index.html b/index.html
index 4988142..f5e8b53 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,9 @@
             </ul>
         </nav>
     </section>
+    <h1 id = "bienvenue">bienvenue</h1>
+    <p id = "presentation">Bienvenue sur la Star Wars database, 
+                        utilisez le menu pour vous déplacer</p>
     
 </body>
 </html>
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
index f21d97a..7cf4bf5 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -75,14 +75,21 @@ body{
     /* border-radius: 10%; */
 }
 
-/* div.image-films {
+#bienvenue{
+    text-align: center;
     background-color: transparent;
-    margin-top: -170px;
-    margin-left: auto;
-    width: 30%;
-    content: url("../assets/imgs/mando.png");
+    font-size: 100px;
+    color :var(--jaune) ;
+    text-decoration: underline;
+    text-decoration-color: var(--jaune) ;
+}
+#presentation {
+    text-align: center;
+    background-color: transparent;
+    font-size: 40px;
+    color :var(--jaune)
+}
 
-} */
 div.image-films {
     background-color: transparent;
     width: 30%;