diff --git a/static/css/style.css b/static/css/style.css
index a1b2b52..b7f7c5a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -175,6 +175,12 @@ nav .right {
       -ms-flex-align: center;
           align-items: center;
 }
+nav .right .opennavmobile {
+  display: none;
+  cursor: pointer;
+  font-size: 60px;
+  color: #efefef;
+}
 nav .right img {
   width: 50px;
   cursor: pointer;
@@ -197,6 +203,65 @@ nav .right .search:hover {
   color: #00E8C2;
 }
 
+.navbar-mobile {
+  display: none;
+  -webkit-transform: translateX(100%);
+          transform: translateX(100%);
+  position: fixed;
+  width: 100%;
+  -webkit-transition: all ease-in-out 0.3s;
+  transition: all ease-in-out 0.3s;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 100vh;
+  background: #303030;
+  top: 0;
+  left: 0;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  z-index: 9998;
+}
+.navbar-mobile.open {
+  -webkit-transform: translateX(0) !important;
+          transform: translateX(0) !important;
+}
+.navbar-mobile .closenavmobile {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  color: #efefef;
+  font-size: 70px;
+  cursor: pointer;
+}
+.navbar-mobile a {
+  font-size: 35px;
+  padding: 30px 0;
+}
+.navbar-mobile i {
+  font-size: 50px;
+}
+
+@media all and (max-width: 800px) {
+  .navbar-mobile {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+
+  nav .left .submenu, nav .right a {
+    display: none;
+  }
+
+  nav .opennavmobile {
+    display: block !important;
+  }
+}
 .flex-card {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -268,6 +333,7 @@ nav .right .search:hover {
   position: fixed;
   display: none;
   padding: 30px;
+  overflow: auto;
   padding-top: 100px;
   height: 100vh;
   z-index: 9999;
@@ -351,6 +417,8 @@ nav .right .search:hover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   -webkit-box-pack: space-evenly;
       -ms-flex-pack: space-evenly;
           justify-content: space-evenly;
@@ -402,6 +470,20 @@ nav .right .search:hover {
   margin-left: 15px;
 }
 
+@media all and (max-width: 1060px) {
+  .search-col, .flex-card .card {
+    -webkit-box-flex: 0 !important;
+        -ms-flex: 0 1 45% !important;
+            flex: 0 1 45% !important;
+  }
+}
+@media all and (max-width: 750px) {
+  .search-col, .flex-card .card {
+    -webkit-box-flex: 0 !important;
+        -ms-flex: 0 1 90% !important;
+            flex: 0 1 90% !important;
+  }
+}
 .personnal-info {
   display: -webkit-box;
   display: -ms-flexbox;
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 6ac297d..7943818 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/base/font.scss","../scss/layouts/global.scss","../scss/base/colors.scss","style.css","../scss/base/mixins.scss","../scss/layouts/nav.scss","../scss/layouts/cards.scss","../scss/layouts/quicksearch.scss","../scss/layouts/personnes.scss","../scss/layouts/regilog.scss","../scss/layouts/article-detail.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["../scss/base/font.scss","../scss/layouts/global.scss","../scss/base/colors.scss","style.css","../scss/base/mixins.scss","../scss/layouts/nav.scss","../scss/layouts/cards.scss","../scss/layouts/quicksearch.scss","../scss/layouts/personnes.scss","../scss/layouts/regilog.scss","../scss/layouts/article-detail.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/static/scss/layouts/nav.scss b/static/scss/layouts/nav.scss
index c1d8995..b48fe8f 100644
--- a/static/scss/layouts/nav.scss
+++ b/static/scss/layouts/nav.scss
@@ -34,6 +34,12 @@ nav{
     display: flex;
     justify-content: right;
     align-items: center;
+    .opennavmobile{
+      display: none;
+      cursor: pointer;
+      font-size: 60px;
+      color: $light;
+    }
     img{
       width: 50px;
       cursor: pointer;
@@ -54,4 +60,51 @@ nav{
       }
     }
   }
+}
+
+.navbar-mobile{
+  &.open{
+    transform: translateX(0) !important;
+  }
+  display: none;
+  transform: translateX(100%);
+  .closenavmobile{
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    color: $light;
+    font-size: 70px;
+    cursor: pointer;
+  }
+  position: fixed;
+  width: 100%;
+  transition: all ease-in-out 0.3s;
+  align-items: center;
+  height: 100vh;
+  background: $background2;
+  top: 0;
+  left: 0;
+  justify-content: center;
+  flex-direction: column;
+  z-index: 9998;
+  a{
+    font-size: 35px;
+    padding: 30px 0;
+  }
+  i{
+    font-size: 50px;
+  }
+}
+
+@media all and (max-width: 800px){
+  .navbar-mobile{
+    display: flex !important;
+  }
+  nav .left .submenu, nav .right a{
+    display: none;
+  }
+
+  nav .opennavmobile{
+    display: block !important;
+  }
 }
\ No newline at end of file
diff --git a/static/scss/layouts/quicksearch.scss b/static/scss/layouts/quicksearch.scss
index 4381328..d780fff 100644
--- a/static/scss/layouts/quicksearch.scss
+++ b/static/scss/layouts/quicksearch.scss
@@ -2,6 +2,7 @@
   position: fixed;
   display: none;
   padding: 30px;
+  overflow: auto;
   padding-top: 100px;
   height: 100vh;
   z-index: 9999;
@@ -57,6 +58,7 @@
     }
     .flex-search{
       display: flex;
+      flex-wrap: wrap;
       justify-content: space-evenly;
       align-items: center;
       .search-col{
@@ -91,4 +93,16 @@
       }
     }
   }
+}
+
+@media all and (max-width: 1060px){
+  .search-col, .flex-card .card{
+        flex: 0 1 45% !important;
+  }
+}
+
+@media all and (max-width: 750px){
+  .search-col, .flex-card .card{
+        flex: 0 1 90% !important;
+  }
 }
\ No newline at end of file
diff --git a/templates/article/edit.html b/templates/article/edit.html
index 3685882..2d84309 100644
--- a/templates/article/edit.html
+++ b/templates/article/edit.html
@@ -1,10 +1,34 @@
+{% load static %}
+
 <head>
+    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <script src="{% static 'js/script.js' %}"></script>
     {{ form.media }}
 </head>
+
 <body>
-    <form action="/a/edit/{{ edit_id }}/" method="post">
+{% include 'quicksearch.html' %}
+    <nav>
+        <div class="left">
+            <a href="/" class="logo">LSDD</a>
+            <div class="submenu">
+                <a href="/a/">Sauvetages</a>
+                <a href="/p/">Personnes</a>
+                <a href="/b/">Bateaux</a>
+            </div>
+        </div>
+        <div class="right">
+            <a href="#quicksearch"><i class="material-icons search">search</i></a>
+            <img src="{% static 'images/pesquet.jpg' %}">
+        </div>
+    </nav>
+    <div class="container">
+        <h1>Ajouter un article</h1>
+    <form class="article-form" action="/a/edit/{{ edit_id }}/" method="post">
         {% csrf_token %}
         {{ form }}
         <input type="submit" value="Submit">
     </form>
+    </div>
 </body>
diff --git a/templates/article/submit.html b/templates/article/submit.html
index 1beb990..d0317a6 100644
--- a/templates/article/submit.html
+++ b/templates/article/submit.html
@@ -15,7 +15,7 @@
             <div class="submenu">
                 <a href="/a/">Sauvetages</a>
                 <a href="/p/">Personnes</a>
-                <a href="">Equipages</a>
+                <a href="/b/">Bateaux</a>
             </div>
         </div>
         <div class="right">
diff --git a/templates/base.html b/templates/base.html
index c7a66a4..c5ceca8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,11 +25,36 @@
                 {% else %}
                     <a href="{% url 'login' %}">Login</a>
                 {% endif %}
+                <i class="material-icons opennavmobile">menu</i>
             </div>
     </nav>
-
+    <div class="navbar-mobile">
+        <i class="material-icons closenavmobile">close</i>
+        <a href="/a/">Sauvetages</a>
+        <a href="/p/">Personnes</a>
+        <a href="/b/">Bateaux</a>
+        <a href="#quicksearch"><i class="material-icons search">search</i></a>
+        {% if user.is_authenticated %}
+            <a href="{% url 'logout' %}"><img src="https://www.gravatar.com/avatar/{{ user.email | lower | md5 }}"></a>
+        {% else %}
+            <a href="{% url 'login' %}">Login</a>
+        {% endif %}
+    </div>
     <div class="container">
     {% block content %}
     {% endblock %}
     </div>
+    <script>
+        let menu = document.querySelector('.opennavmobile');
+        let close = document.querySelector('.closenavmobile');
+        let navmobile = document.querySelector('.navbar-mobile');
+
+        menu.addEventListener('click', function (){
+            navmobile.classList.toggle('open');
+        });
+
+        close.addEventListener('click', function (){
+            navmobile.classList.toggle('open');
+        });
+    </script>
 </body>
diff --git a/templates/boat/boats.html b/templates/boat/boats.html
index d81bb5e..7a2534c 100644
--- a/templates/boat/boats.html
+++ b/templates/boat/boats.html
@@ -1,6 +1,7 @@
 {% extends 'base.html' %}
 {% load static %}
 {% block content %}
+    <a href="/b/submit" class="btn-add">+</a>
     <section>
         <h1>Bateaux</h1>
         <div class="flex-card">
diff --git a/templates/boat/submit.html b/templates/boat/submit.html
index 8b0a4ec..31c8988 100644
--- a/templates/boat/submit.html
+++ b/templates/boat/submit.html
@@ -1,10 +1,34 @@
+{% load static %}
+
 <head>
+    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <script src="{% static 'js/script.js' %}"></script>
     {{ form.media }}
 </head>
+
 <body>
-    <form action="/b/submit/" method="post">
+    {% include 'quicksearch.html' %}
+    <nav>
+        <div class="left">
+            <a href="/" class="logo">LSDD</a>
+            <div class="submenu">
+                <a href="/a/">Sauvetages</a>
+                <a href="/p/">Personnes</a>
+                <a href="/b/">Bateaux</a>
+            </div>
+        </div>
+        <div class="right">
+            <a href="#quicksearch"><i class="material-icons search">search</i></a>
+            <img src="{% static 'images/pesquet.jpg' %}">
+        </div>
+    </nav>
+    <div class="container">
+        <h1>Ajouter un bateau</h1>
+    <form class="article-form" action="/b/submit/" method="post">
         {% csrf_token %}
         {{ form }}
-        <input type="submit" value="Submit">
+        <input type="submit" value="Ajouter">
     </form>
+    </div>
 </body>
diff --git a/templates/error.html b/templates/error.html
index 8ed7b0e..8bee07e 100644
--- a/templates/error.html
+++ b/templates/error.html
@@ -1,6 +1,10 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
 <h1>Oups, une erreur  est survenue :/</h1>
 
 {% if quote %}
     <h2>Pour nous faire pardonner voici une citation de Thomas Pesquet:</h2>
     <p>{{ quote }}</p>
 {% endif %}
+{% endblock %}