bouton recherche interface

index.css

@@ -49,8 +49,16 @@ header{
 
 #chercher{
     position: absolute;
-    margin-left: 50%;
-    margin-right: 50%;
+    margin-left: 40%;
+    margin-right: 40%;
+    padding-top: 10px;
+}
+
+#chercher2{
+    position: absolute;
+    margin-left: 40%;
+    margin-right: 40%;
+   
 }
 
 #search {
@@ -78,3 +86,12 @@ header{
     text-align: center;
 }
 
+#hautPage{
+    background-color: #f3f3f3ff;
+    height: 80px;
+}
+
+#ligneGrise{
+    background-color: #434343ff;
+    height: 20px;
+}
\ No newline at end of file

index.html

@@ -16,12 +16,7 @@
         <div class="header-right">    
             <img src="images/profil.png" alt="profil" id="profil_user">
         </div>
-        <div id="chercher">
-            <input type="text" placeholder="Cherchez un projet..." id="search">
-            <button type="submit" class="searchButton" id="submit" onclick="lancerRecherche()">
-                <i class= "fas fa-search" ></i>
-            </button>
-        </div>
+        
         <div class="header-left">
             <img src="images/logo.png" alt="logo" id="logo">
             <div id="logo_couleur">
@@ -31,6 +26,15 @@
         </div>
         
     </header>
+    <div id="hautPage">
+        <div id="chercher">
+            <input type="text" placeholder="Cherchez un projet..." id="search">
+            <button type="submit" class="searchButton" id="submit" onclick="lancerRecherche()">
+            <i class= "fas fa-search" ></i>
+        </div>
+        
+    </div>
+    <div id="ligneGrise"></div>
    
     Login temporaire :
     <br>
@@ -41,4 +45,6 @@
     </button>
 
 </body>
-</html>
\ No newline at end of file
+</html>
+
+

profil.html

@@ -18,7 +18,7 @@
         <div class="header-right">    
             <img src="images/profil.png" alt="profil" id="profil_user">
         </div>
-        <div id="chercher">
+        <div id="chercher2">
             <input type="text" placeholder="Cherchez un projet..." id="search">
             <button type="submit" class="searchButton" id="submit" onclick="lancerRecherche()">
                 <i class= "fas fa-search" ></i>

projet.html

@@ -17,7 +17,7 @@
         <div class="header-right">    
             <img src="images/profil.png" alt="profil" id="profil_user">
         </div>
-        <div id="chercher">
+        <div id="chercher2">
             <input type="text" placeholder="Cherchez un projet..." id="search">
             <button type="submit" class="searchButton" id="submit" onclick="lancerRecherche()">
                 <i class= "fas fa-search" ></i>

recherche.html

@@ -17,12 +17,7 @@
         <div class="header-right">    
             <img src="images/profil.png" alt="profil" id="profil_user">
         </div>
-        <div id="chercher">
-            <input type="text" placeholder="Cherchez un projet..." id="search">
-            <button type="submit" class="searchButton" id="submit" onclick="lancerRecherche()">
-                <i class= "fas fa-search" ></i>
-            </button>
-        </div>
+        
         <div class="header-left">
             <img src="images/logo.png" alt="logo" id="logo">
             <div id="logo_couleur">
@@ -32,6 +27,16 @@
         </div>
         
     </header>
+        <div id="hautPage">
+            <div id="chercher">
+                <input type="text" placeholder="Cherchez un projet..." id="search">
+                <button type="submit" class="searchButton" id="submit" onclick="lancerRecherche()">
+                <i class= "fas fa-search" ></i>
+            </div>
+            
+        </div>
+        <div id="ligneGrise"></div>
+        
 
     <script>rechercher(localStorage.recherche)</script>