diff --git a/index.html b/index.html
index 8e8cece..a522f6e 100644
--- a/index.html
+++ b/index.html
@@ -22,53 +22,37 @@
 
 	<body>
 <div id="wrapper">
-<nav class="navbar navbar-default">
-  <div class="container">
-    <!-- Brand and toggle get grouped for better mobile display -->
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-	<ul class="nav navbar-nav">
-	<li class="dropdown">
-		<a class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#"><i class="fa fa-sun-o"></i>
-		</a>
-		<ul class="dropdown-menu" role="menu">
-			<li><a href="#">Accueil</a></li>
-			<li class="divider"></li>
-			<li><a href="#">A Propos</a></li>
-			<li><a href="#">Contrat Social</a></li>
-			<li class="divider"></li>
-			<li><a href="#">Pourquoi "Beerware" ?</a></li>
-			<li><a href="#">F.A.Q. ?</a></li>
-		</ul>
-	</li>
-	</ul>
-    </div>
 
-    <!-- Collect the nav links, forms, and other content for toggling -->
-    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-      <form class="navbar-form navbar-left" role="search">
-        <div class="form-group">
-          <input type="text" class="form-control" placeholder="Search">
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+  <a class="navbar-brand" href="#">kazhnuz.space</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="#">Accueil</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Ma philosophie</a>
+      </li>
+      <li class="nav-item dropdown">
+        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Galleries
+        </a>
+        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+          <a class="dropdown-item" href="#">Truc 1</a>
+          <a class="dropdown-item" href="#">Truc 2</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="#">Voir gallerie entière</a>
         </div>
-      </form>
-      <ul class="nav navbar-nav navbar-right">
-        <li><a href="#">Forum</a></li>
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Se connecter <span class="caret"></span></a>
-          <ul class="dropdown-menu" role="menu">
-            <li><a href="#">Ceci est une page statique :3</a></li>
-          </ul>
-        </li>
-      </ul>
-    </div><!-- /.navbar-collapse -->
-  </div><!-- /.container-fluid -->
+      </li>
+    </ul>
+  </div>
 </nav>
 
+
 	<header class="container">
 		<div class="row">
 		<h1>Blue Sky</h1>
