diff --git a/notes/templates/notes/form_appel_inner.html b/notes/templates/notes/form_appel_inner.html
index 49186b0..5253678 100644
--- a/notes/templates/notes/form_appel_inner.html
+++ b/notes/templates/notes/form_appel_inner.html
@@ -1,4 +1,4 @@
-{% load bootstrap3 %}
+{% load bootstrap4 %}
 <form action="" method="POST">{% csrf_token %}
   {% with "inline" as layout %}
   <div class="form-{{layout}} well well-sm text-center">
diff --git a/notes/templates/notes/form_signalement_inner.html b/notes/templates/notes/form_signalement_inner.html
index 92f646c..593d23d 100644
--- a/notes/templates/notes/form_signalement_inner.html
+++ b/notes/templates/notes/form_signalement_inner.html
@@ -1,4 +1,4 @@
-{% load bootstrap3 %}
+{% load bootstrap4 %}
 <form action="" method="POST">{% csrf_token %}
   {% bootstrap_form_errors form %}
   {% with "inline" as layout %}
diff --git a/website/static/css/dashboard.css b/website/static/css/dashboard.css
index eb3bb85..7f5d790 100644
--- a/website/static/css/dashboard.css
+++ b/website/static/css/dashboard.css
@@ -78,8 +78,8 @@ body {
   padding-top: .75rem;
   padding-bottom: .75rem;
   font-size: 1rem;
-  background-color: rgba(0, 0, 0, .25);
-  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
+//  background-color: rgba(0, 0, 0, .25);
+//  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
 }
 
 .navbar .form-control {
diff --git a/website/templates/base.html b/website/templates/base.html
index e5805af..5ef9bdd 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -13,35 +13,8 @@
   </head>
   <body {% block extra_body_attrs %}{% endblock %}>
     <!-- START: Navigation Bar -->
-    <nav class="navbar fixed-top navbar-dark bg-dark">
+    <nav class="navbar fixed-top navbar-dark bg-dark shadow p-0 flex-no-wrap">
         <a class="navbar-brand" href="/">Maraude ALSA</a>
-        <!-- Collect the nav links, forms, and other content for toggling -->
-        <div class="collapse navbar-collapse" id="navbar-collapse">
-                    <ol class="breadcrumb navbar-text">
-        {% block breadcrumbs %}
-          <li>{{ page_header }}</li>
-          {% if page_header_small %}<li>{{ page_header_small }}</li>{% endif %}
-        {% endblock %}
-        </ol>
-        {% if user.is_authenticated %}
-        <ul class="nav navbar-nav navbar-right">
-          <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
-            Menu <span class="glyphicon glyphicon-menu-hamburger"></span>
-            </a>
-            <ul class="dropdown-menu">
-              <li><a href="{% url "statistiques:index" %}"><span class="glyphicon glyphicon-stats"></span> Statistiques</a></li>
-              {% if user.is_superuser %}
-              <li><a href="/admin/"><span class="glyphicon glyphicon-wrench"></span> Administration</a></li>
-              {% endif %}
-              <li role="separator" class="divider"></li>
-              <li><a href="{% url "utilisateurs:index" %}"><span class="glyphicon glyphicon-user"></span> {{ user }}</a></li>
-              <li><a href="/logout/"><span class="glyphicon glyphicon-log-out"></span> Déconnexion</a></li>
-            </ul>
-          </li>
-        </ul>
-        {% endif %}
-        </div><!-- /.navbar-collapse -->
     </nav>
     <!-- END: Navigation Bar -->
     <div class="container-fluid">
@@ -49,7 +22,7 @@
         <nav class="col-md-2 d-none d-md-block bg-light sidebar">
           <div class="sidebar-sticky">
             {% if user.is_authenticated %}
-            <h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted">
+            <h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted border-bottom">
               <span>Maraudes</span>
             </h6>
             <ul class="nav flex-column">
@@ -87,9 +60,11 @@
           </div>
         </nav>
         <main role="main" class="col-md-10 ml-sm-auto px-4">
-          <div class="d-flex justify-content-between">
+          <div class="container">
+              <div class="row pt-4">
           {% bootstrap_messages %}
           {% block page_content %}{% endblock %}
+                </div>
           </div>
         </main>
       </div>
diff --git a/website/templates/index.html b/website/templates/index.html
index 3d386bc..f91d0d8 100644
--- a/website/templates/index.html
+++ b/website/templates/index.html
@@ -7,18 +7,19 @@
 
 {% block page_content %}
     <div class="jumbotron">
-    <h2>Présentation</h2>
-<p>L'Association pour le Logement des Sans-Abri organise une maraude psychosociale dans la ville de Mulhouse.</p>
-<p>Les maraudeurs interviennent dans l'espace public tout au long de l'année, en soirée ou dans l'après-midi.
-    Ils fréquentent régulièrement la gare, le centre-ville, les urgences et les foyers d'hébergement d'urgence (115).</p>
-<h2>Objectifs</h2>
-    <p>La mission de la Maraude est de créer du lien avec des personnes en errance dans l'objectif d'opérer un ancrage.</p>
-    <p>Reconnaissables par leurs vêtements oranges, les maraudeurs sont disponibles pour informer et orienter vers les
-        services compétents, ou simplement échanger autour d'un café offert.</p>
-    <h2>Horaires</h2>
+        <h2 class="display-4">Présentation</h2>
+        <p>L'Association pour le Logement des Sans-Abri organise une maraude psychosociale dans la ville de Mulhouse.</p>
+        <p>Les maraudeurs interviennent dans l'espace public tout au long de l'année, en soirée ou dans l'après-midi.
+            Ils fréquentent régulièrement la gare, le centre-ville, les urgences et les foyers d'hébergement d'urgence (115).</p>
+        <h2>Objectifs</h2>
+        <p>La mission de la Maraude est de créer du lien avec des personnes en errance dans l'objectif d'opérer un ancrage.</p>
+        <p>Reconnaissables par leurs vêtements oranges, les maraudeurs sont disponibles pour informer et orienter vers les
+            services compétents, ou simplement échanger autour d'un café offert.</p>
+        <h2>Horaires</h2>
         <ul><li>lundi de 19h à 23h</li>
             <li>mardi de 19h à 23h</li>
             <li>jeudi de 19h à 23h</li>
-            <li>vendredis de 16h à 20h</li></ul>
+            <li>vendredis de 16h à 20h</li>
+        </ul>
     </div>
 {% endblock %}
