diff --git a/admin/index.php b/admin/index.php
index ba6f273..6a55e28 100644
--- a/admin/index.php
+++ b/admin/index.php
@@ -19,9 +19,9 @@ if (isset($_COOKIE['userData'])) {
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="styles/main.css" />
-    <link rel="stylesheet" href="styles/header.css" />
-    <link rel="stylesheet" href="styles/footer.css" />
+    <link rel="stylesheet" href="/styles/main.css" />
+    <link rel="stylesheet" href="/styles/header.css" />
+    <link rel="stylesheet" href="/styles/footer.css" />
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
 
     <link rel="icon" type="image/png" sizes="32x32"
diff --git a/assets/scripts/tonTruc.js b/assets/scripts/tonTruc.js
new file mode 100644
index 0000000..9dcce76
--- /dev/null
+++ b/assets/scripts/tonTruc.js
@@ -0,0 +1,14 @@
+// JavaScript code
+function rechercher_evenement() {
+  let input = document.getElementById("searchbar").value;
+  input = input.toLowerCase();
+  let x = document.getElementsByClassName("animals");
+
+  for (i = 0; i < x.length; i++) {
+    if (!x[i].innerHTML.toLowerCase().includes(input)) {
+      x[i].style.display = "none";
+    } else {
+      x[i].style.display = "list-item";
+    }
+  }
+}
diff --git a/base.html b/base.html
index 3dc7192..3b31f49 100644
--- a/base.html
+++ b/base.html
@@ -17,9 +17,9 @@ if (isset($_COOKIE['userData'])) {
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="styles/main.css" />
-    <link rel="stylesheet" href="styles/header.css" />
-    <link rel="stylesheet" href="styles/footer.css" />
+    <link rel="stylesheet" href="/styles/main.css" />
+    <link rel="stylesheet" href="/styles/header.css" />
+    <link rel="stylesheet" href="/styles/footer.css" />
     <link
       href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
       rel="stylesheet"
diff --git a/styles/header.css b/styles/header.css
index 1df66e7..9f80699 100644
--- a/styles/header.css
+++ b/styles/header.css
@@ -3,7 +3,9 @@
   src: url(../assets/fonts/RobotoFlex.ttf);
   font-display: swap;
 }
-
+body {
+  overflow-x: hidden;
+}
 .menu-container {
   opacity: 0.97;
   position: relative;
diff --git a/styles/main.css b/styles/main.css
index 44298a6..0edd1cc 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -11,7 +11,7 @@
   box-sizing: border-box;
 }
 body {
-  background-image: url("../assets/images/background.jpg");
+  background-image: url("/assets/images/background.jpg");
   /* backdrop-filter: blur(5px); */
   background-size: cover;
   overflow-x: hidden;
