montpellier: don't let footer be wider than the viewport

static/montpellier/_custom.scss

@@ -90,18 +90,19 @@ div#footer {
   padding: 0px;
   max-width: 1000px;
   width: 100%;
-  height: 160px;
+  min-height: 160px;
   margin: 10px auto 0 auto;
   position: relative;
 }
 
 p#legal {
-  position: absolute;
+  clear: both;
   font-size: small;
   color: #444;
   margin: 0;
   bottom: 0px;
-  left: 40px;
+  padding-left: 20px;
+  padding-bottom: 10px;
 }
 
 #content {
@@ -429,14 +430,12 @@ div#nav a {
 
 /* pied de page */
 #footer-menu {
-  position: absolute;
   display: block;
-  top: 20px;
-  left: 20px;
-  width: 435px;
+  padding: 20px 0 0 20px;
+  max-width: 435px;
+  width: 100%;
   list-style: none;
   margin: 0;
-  padding: 0;
   text-align: left;
 }
 

templates/bases/montpellier/theme.html

@@ -113,10 +113,6 @@
         </div> <!-- #main-content -->
       </div> <!-- #main-content-wrapper -->
       <div id="footer">
-        <p id="legal">
-          © Montpellier Méditerranée Métropole — Réalisation&nbsp;:
-          <a href="http://www.entrouvert.com">Entr'ouvert</a>
-        </p>
         <ul id="footer-menu">
           {% if user.is_authenticated %}
             <li class="footer-menu-leaf">
@@ -185,6 +181,11 @@
           {% endif %}
 
         </ul>
+
+        <p id="legal">
+          © Montpellier Méditerranée Métropole — Réalisation&nbsp;:
+          <a href="http://www.entrouvert.com">Entr'ouvert</a>
+        </p>
       </div>
     </div>
    <a style="display: none" href="#" accesskey="t">Retour en haut de page</a>