diff --git a/css/faq.css b/css/faq.css
index ad75fd6f49a081becb51e555a0ffcb54046d715b..803f528c2d2dd793232ef25926c9c3a7e49a87a3 100644
--- a/css/faq.css
+++ b/css/faq.css
@@ -7,12 +7,7 @@ html {
font-family: "Inter";
}
-nav {
- position: sticky;
- top: 0px;
- background-color: white;
- padding: 10px;
-}
+
h1{
font-size: 50px;
@@ -60,6 +55,41 @@ header{
height: 400px;
}
+header>div.nav-bar{
+ background-color: white;
+ width: 100%;
+ height: 5%;
+ font-family: 'Inter', sans-serif;
+ font-style: normal;
+ margin: 0;
+ padding: 0;
+}
+
+nav>a{
+ text-decoration: none;
+ color: #231543;
+}
+nav>div {
+ display: inline-flex;
+ justify-content: space-around;
+ margin-left: 40%;
+ width: 35%;
+}
+nav>div>a{
+ text-decoration: none;
+ color: #231543;
+ font-size: 30px;
+
+}
+nav>a.img {
+ color: white;
+ font-size: 80px;
+}
+nav>a>img {
+ width: 10%;
+ margin-left: 8%;
+}
+
.test {
display: flex;
diff --git a/faq.html b/faq.html
index c906ad63bb2d8fc33135407e54a9808c1a761ef7..0f3d7fa7be67c2385f2dd721abc3a0b1580a3f86 100644
--- a/faq.html
+++ b/faq.html
@@ -9,27 +9,27 @@
<body>
<header>
- <nav>
- <div class="boxNav">
- <!--<div><li><a href= "index.html">Acceuil</a></li></div>
- <div><li><a href= "conducteur.html">Conducteur</a></li></div>
- <div><li><a href= "passager.html">Passager</a></li></div> -->
- <div><a href= "index.html">Acceuil</a></div>
- <div><a href= "conducteur.html">Conducteur</a></div>
- <div><a href= "reserver.html">Reserver</a></div>
- </div>
- </nav>
- <div class="back"></div>
- <div class="textHeader">
- <div class="test">
- <h1>Comment pouvons nous vous aider ?</h1>
- <h2>Vous trouverez ici les questions les plus récurentes.</h2>
- <p>Si cette page ne vous aide pas a répondre a votre question dirigez vous vers la page de contact.</p>
- </div>
-
- </div>
-
- </header>
+ <div class="nav-bar">
+ <nav>
+ <a class="img" href="index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
+ <div>
+ <a href="index.html">ACCEUIL</a>
+ <a href="conducteur.html">CONDUCTEUR</a>
+ <a href="login.html" class="login-button">LOGIN</a>
+ </div>
+ </nav>
+ </div>
+ <div class="back"></div>
+ <div class="textHeader">
+ <div class="test">
+ <h1>Comment pouvons nous vous aider ?</h1>
+ <h2>Vous trouverez ici les questions les plus récurentes.</h2>
+ <p>Si cette page ne vous aide pas a répondre a votre question dirigez vous vers la page de contact.</p>
+ </div>
+
+ </div>
+
+ </header>
<main>
<section class="corp">
<div class="Container">