Improve the outdated browser support banner style

- In the new design, it is now at the top of the
  page
- In the new design, it no longer covers up the UI
- In the new design, the text is now left-aligned
  which makes it easier to read
- In the new design, its height has been reduced
  which makes it less annoying

app/assets/stylesheets/new_design/support_navigator_banner.scss

@@ -2,16 +2,13 @@
 @import "constants";
 
 #support-navigator-banner {
-  position: fixed;
   width: 100%;
   bottom: 0;
   left: 0;
   margin: 0;
   padding: $default-padding;
-  text-align: center;
   color: #FFFFFF;
   background-color: $medium-red;
-  z-index: 1000;
 
   a {
     color: $lighter-blue;

app/views/layouts/_support_navigator_banner.html.haml

@@ -1,11 +1,8 @@
 -# See config/browser.rb
 - if !browser.modern?
-  #support-navigator-banner.row
-    .col-xs-12
-      Attention, votre navigateur (#{browser.name} #{browser.version}) est trop ancien pour utiliser demarches-simplifiees.fr : certaines parties du site ne fonctionneront pas correctement.
-      %br/
-      %br/
-      Nous vous recommendons fortement de
+  #support-navigator-banner
+    .container
+      Attention, votre navigateur (#{browser.name} #{browser.version}) est trop ancien pour utiliser demarches-simplifiees.fr : certaines parties du site ne fonctionneront pas correctement. Nous vous recommendons fortement de
       %a{ href: "https://browser-update.org/fr/update.html", target: "_blank" }mettre à jour votre navigateur
       %span<>
         \.