diff --git a/components/navbar.html b/components/navbar.html
index 48be5b3..6974f1d 100644
--- a/components/navbar.html
+++ b/components/navbar.html
@@ -1,4 +1,4 @@
 <nav id="navbar_component">
-    <p>Saul Bon Monsieur</p>
+    <p>Saoul Bon Monsieur</p>
 </nav>
 <div id="navbar_padding"></div>
\ No newline at end of file
diff --git a/css/navbar.css b/css/navbar.css
index 52d0d54..bd2c7f0 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -7,6 +7,7 @@
     top: 0;
     width: 100%;
     background-color: #f5a122;
+    z-index:0;
 }
 
 #navbar_padding{
diff --git a/css/saoulbonmonsieur.css b/css/saoulbonmonsieur.css
index 3081f9a..8ad4486 100644
--- a/css/saoulbonmonsieur.css
+++ b/css/saoulbonmonsieur.css
@@ -5,7 +5,17 @@
   scroll-behavior: smooth;
 }
 
-.test {
-    width: 15%;
-    height: 15%;
+.presentation {
+  overflow: visible;
+  width: 100%;
+  height: 100%;
+}
+
+.photosaoul {
+    width: 30%;
+    height: 30%;
+    float: right;
+    z-index:10;
+    rotate: 0deg;
+    margin-right: -30rem;
   }
\ No newline at end of file
diff --git a/index.html b/index.html
index 5db3f7b..a781067 100644
--- a/index.html
+++ b/index.html
@@ -14,10 +14,12 @@
 </head>
 
 <body>
-    <div id="navbar"></div>
-    <h1>Saul Bonmonsieur</h1>
-    <img class="test" src="assets/saoul.png"></img>
-    <button onclick="superAnim()">Animate !</button>
+    <Navbar></Navbar>
+    <div class="presentation">
+        <h1>Saoul Bonmonsieur</h1>
+        <img class="photosaoul" src="assets/saoul.png"></img>
+        <button onclick="superAnim()">Animate !</button>
+    </div>
 </body>
 
 </html>
diff --git a/js/componentloader.js b/js/componentloader.js
index b18bf7e..ca384df 100644
--- a/js/componentloader.js
+++ b/js/componentloader.js
@@ -12,5 +12,5 @@ function load(url, element) {
 }
 
 window.addEventListener('load', function () {
-    load("../components/navbar.html", document.getElementById("navbar"));
+    load("../components/navbar.html", document.getElementsByTagName("Navbar")[0]);
 })
\ No newline at end of file
diff --git a/js/index.js b/js/index.js
index 6548860..2d151ca 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,10 +1,10 @@
-var carreAnim = anime({
-    targets: '.test',
+var saoulAnimation = anime({
+    targets: '.photosaoul',
     autoplay: false,
-    translateX: 250,
+    rotate: -30,
+    translateX: -380,
 });
 
 function superAnim() {
-    carreAnim.restart();
-    carreAnim.anime();
+    saoulAnimation.restart();
 }
\ No newline at end of file
