fix responsiveness of second nav-bar

WIP #2

basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css

@@ -38,7 +38,7 @@ html {
 }
 
 body {
-    padding-top: calc( 3.5rem + 93px );
+    padding-top: calc( 140px );
 }
 
 @media (min-width: 1600px){
@@ -206,6 +206,23 @@ header .dropdown.show>a {
     vertical-align: middle;
     margin: 0 10px;
 }
+.header__middle.navbar{
+    align-items:initial;
+}
+#navbar__middle__collapse:not(.show){
+    align-items:initial;
+    flex-direction:column;
+}
+#navbar__middle__collapse:not(.show)>div{
+    display:flex;
+}
+#navbar__middle__collapse:not(.show)>div:first-child{
+    flex-grow:3.5;
+}
+header:not(.scrolled) #navbar__middle__collapse:not(.show)>div:last-child{
+    flex-grow:1;
+}
+
 .main-nav:not(.show):not(.collapsing) ul {
     list-style: none;
     margin: 0;

basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html

@@ -79,12 +79,16 @@
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse main-nav" id="navbar__middle__collapse">
+            <div></div>
+            <div>
             <ul class="links inline clearfix main-menu">
         {% include_if_exists "nav_bar.html"|localize_template "basetheme_bootstrap/nav_bar.example.html" %}
             </ul>
             <ul class="navbar-right">
                 {% block extra_li_dropdown_right %}{% endblock %}
             </ul>
+            </div>
+            <div></div>
         </div>
         <div class="header__face-wrapper d-none d-md-block">
             <img class="header__face" src="https://www.pasteur.fr//sites/all/themes/custom/pasteur/assets/img/art/pasteur.png">