diff --git a/css/reset.css b/css/reset.css
index c1a2a1381521e1a18e454e0f65677ff92a531874..804149330c1c103480dc139c7c842b589952afd3 100644
--- a/css/reset.css
+++ b/css/reset.css
@@ -46,6 +46,7 @@ h1 a, h2 a, h3 a, h4 a, h5 a{
 #logo {
 	font-family: Revalia;
 	font-weight: 300;
+    color: #556d5f;
 }
 
 pr, code, .mono {
@@ -83,8 +84,8 @@ a {
  */
 .wrap {
 	min-width: 280px;
-	max-width: 850px;
-	width: 60%;
+	max-width: 1024px;
+	width: 80%;
 
 	margin: 0 auto;
 }
diff --git a/css/style.css b/css/style.css
index 169c6d9b4e055310aeded35b4e473592235fcf71..3ea548f94bc97fb13f295c2c6d6ed2d8c5d0bc99 100644
--- a/css/style.css
+++ b/css/style.css
@@ -18,8 +18,7 @@ h2{
 	}
 
 #top {
-    margin: 20px;
-    padding-bottom: 10%;
+    #margin: 20px;
 	background: #fff;
 	border-bottom: 1px solid rgba(22,54,36,.1);
 }
diff --git a/functions.php b/functions.php
index 1d5a78b4129345e376177263f74a95c85c715172..9167560ce69dbdcbfe472fad6906536faf5db856 100644
--- a/functions.php
+++ b/functions.php
@@ -122,8 +122,8 @@ function article_img($slug){
 }
 
 function print_item($item, $class){
-    echo '<li class="'.$class.'">';
-    echo '<a href="'.menu_url($item).'" title="'.menu_title($item).'">';
+    echo '<li class=" '.$class.'">';
+    echo '<a class="nav-link" href="'.menu_url($item).'" title="'.menu_title($item).'">';
     echo menu_name($item).' </a></li>';
 }
 
@@ -131,20 +131,21 @@ function build_menu($parent, $tree){
     foreach($tree[$parent] as $i => $item){
         $class=menu_active($item)&&$parent==0?'active':'';
         if(array_key_exists($item->id, $tree)){
-            echo '<li class="dropdown '.$class.'"><a class="dropdown-toggle" data-toggle="dropdown" href="#">'.menu_name($item).'<span class="caret"></span></a>';
+            echo '<li class=" dropdown '.$class.'">';
+            echo '<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">'.menu_name($item).'<span class="caret"></span></a>';
             echo '<ul class="dropdown-menu">';
             build_menu($item->id, $tree);
             echo '</ul>';
             echo '</li>';
         }else{
             if(menu_name($item) == "Blog"){
-                echo '<li class="dropdown '.$class.'"><a class="dropdown-toggle" data-toggle="dropdown" href="#">'.menu_name($item).'<span class="caret"></span></a>';
+                echo '<li class=" dropdown '.$class.'"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">'.menu_name($item).'<span class="caret"></span></a>';
                 echo '<ul class="dropdown-menu">';
-                echo '<li><a href="'.menu_url($item).'" title="Tous les articles">';
+                echo '<li><a class="nav-link" href="'.menu_url($item).'" title="Tous les articles">';
                 echo 'Tous les articles </a></li>';
                 while(categories()){
                     if(category_count() > 0 ){
-                        echo '<li><a href="'.category_url().'" title="'.category_title().'">';
+                        echo '<li><a class="nav-link" href="'.category_url().'" title="'.category_title().'">';
                         echo category_title().' </a></li>';
                     }
                 }
diff --git a/header.php b/header.php
index cc72512c3588f9d3e91e0d983b893a8d0adc8cd4..581ca43915fb1439ead7ed57b04adeea58ebd8cf 100644
--- a/header.php
+++ b/header.php
@@ -5,7 +5,7 @@
 		<title><?php echo page_title('Page non trouv&eacute;'); ?> - <?php echo site_name(); ?></title>
 
 		<meta name="description" content="<?php echo site_description(); ?>">
-		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
 
 		<link rel="stylesheet" href="<?php echo theme_url('/css/reset.css'); ?>">
 		<link rel="stylesheet" href="<?php echo theme_url('/css/style.css'); ?>">
@@ -21,8 +21,9 @@
 		<script>var base = '<?php echo theme_url(); ?>';</script>
 		<script src="<?php echo asset_url('/js/zepto.js'); ?>"></script>
 		<script src="<?php echo theme_url('/js/main.js'); ?>"></script>
-		    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
 
 	    <meta name="viewport" content="width=device-width">
 	    <meta name="generator" content="Anchor CMS">
@@ -39,44 +40,31 @@
 	<body class="<?php echo body_class(); ?>">
 
 			<header id="top">
-
-				<nav class="navbar navbar-default navigation col-md-12" id="main"  >
-				  <div class="container-fluid">
-				    <!-- Brand and toggle get grouped for better mobile display -->
-				    <div class="navbar-header">
-				     
-                        <a id="logo" Href="<?php echo base_url(); ?>">
-                            <img style="height:150px;min-width:130px;" src="<?php echo theme_url('img/logo.svg'); ?>" alt="<?php echo site_name(); ?>">
-                            <span><?php echo site_description(); ?></span>
-                        </a>
-				    </div>
-                    <div>
-                       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
-				        <span class="sr-only">Toggle navigation</span>
-				        <span class="icon-bar"></span>
-				        <span class="icon-bar"></span>
-				        <span class="icon-bar"></span>
-				      </button>
-                    </div>
-					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-				      <ul class="nav navbar-nav">
-
+                    <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-end">
+                            <a class="navbar-brand" href="<?php echo base_url();?>">
+                                <img style="height:150px;min-width:130px;" src="<?php echo theme_url('img/logo.svg'); ?>" alt="<?php echo site_name(); ?>">
+                            </a>
+                            <ul class="navbar-nav">
+                                <li class="">
+                                    <a class="nav-link" id="logo"><?php echo site_description(); ?></a>
+                                </li>
+                            </ul>
+                      <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                      </button>
+                    
+                      <div class="collapse navbar-collapse flex-grow-0 ml-auto" id="navbarsExample03">
+                        <ul class="navbar-nav mr-auto">
                             <?php echo menu_tree();?>
-
-                            <li>
-				                <form id="search" action="/search" method="post" class="navbar-form navbar-left">
-							    	<div class="form-group">
-						                <input type="search" id="term" name="term" class="form-control" placeholder="Rechercher&hellip;" value="">
-						                <input type="hidden" id="whatSearch" name="whatSearch" value="all" />
-							        </div>
-					            </form>
-                            </li>
-  	   					</ul>
-
-				    </div><!-- /.navbar-collapse -->
-				  </div><!-- /.container-fluid -->
-				</nav>
-
+                        <li class="">
+                        <form class="form-inline my-2 my-md-0">
+                            <input type="search" id="term" name="term" class="form-control" placeholder="Rechercher&hellip;" value="">
+                            <input type="hidden" id="whatSearch" name="whatSearch" value="all" />
+                        </form>
+                        </li>
+                        </ul>
+                      </div>
+                    </nav>
 
 
 			</header>
diff --git a/posts.php b/posts.php
index 9c318c54ed816a0e822b8f2eaa034c42cab9a4e1..fd2c68bbe706159aa252c2fd4e9802950ffa743a 100644
--- a/posts.php
+++ b/posts.php
@@ -5,15 +5,13 @@
         $title="";
         $text="";
         if (preg_match('/category.*/',current_url())){
-            echo "<p id='".current_url()."'></p>";
             while(categories()){
-                echo "<p id='".category_url()."'></p>";
                 if(category_url() == "/".current_url()){
                     $title.="".category_title();
                     $text=' <span style="font-size:large"> - '.category_description()."</span>";
                 }
             }
-            echo '<h1 >'.$title.$text."</h1>\n";
+            echo '<h1 style="margin-left:25%">'.$title.$text."</h1>\n";
         }
     ?>
 	<?php if(has_posts()): ?>