Fixing footer and push left to center on after wrap

app/assets/stylesheets/application.scss

@@ -49,14 +49,17 @@ body {
   display: block;
 }
 
+#footer, #wrap:after {
+  height: 50px;
+}
+
 #footer {
   background-color: rgb(240, 240, 240);
-  position: relative;
-  width: 100%;
-  margin-top: 30px;
-  bottom: 0px;
-  height: 50px;
-  line-height: 50px;
+  text-align: center;
+  margin-top: 1em;
+  p {
+    line-height: 50px;
+  }
 }
 
 .beta_staging {

app/views/layouts/_footer.html.haml

@@ -1,15 +1,13 @@
-#footer
-  .center
-    %p{style:'margin-top: 1em;'}
-      %p{class: "copyright text-muted small"}
-        =link_to 'SGMAP', "http://etatplateforme.modernisation.gouv.fr"
+%div.row#footer
+  %p{class: "copyright col-md-push-2 col-md-10 col-lg-push-2 col-lg-10 text-muted small"}
+    =link_to 'SGMAP', "http://etatplateforme.modernisation.gouv.fr"
 
-        2016
+    2016
 
-        \-
+    \-
 
-        =link_to 'CGU / Mentions légales', cgu_path
+    =link_to 'CGU / Mentions légales', cgu_path
 
-        \-
+    \-
 
-        =link_to 'Contact', "mailto:"+t('dynamics.contact_email')
+    =link_to 'Contact', "mailto:"+t('dynamics.contact_email')

app/views/layouts/application.html.haml

@@ -33,5 +33,5 @@
           %div.row
             = yield
           %div.row
-            = render partial: 'layouts/footer'
+    = render partial: 'layouts/footer'
     = render partial: 'layouts/google_analytics'