diff --git a/app/assets/images/footer/logo-beta-gouv-fr.svg b/app/assets/images/footer/logo-beta-gouv-fr.svg
new file mode 100644
index 000000000..b393c3d34
--- /dev/null
+++ b/app/assets/images/footer/logo-beta-gouv-fr.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/footer/logo-rf.svg b/app/assets/images/footer/logo-rf.svg
new file mode 100644
index 000000000..283fe4c57
--- /dev/null
+++ b/app/assets/images/footer/logo-rf.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_footer.scss b/app/assets/stylesheets/new_footer.scss
new file mode 100644
index 000000000..ffdaa9e6b
--- /dev/null
+++ b/app/assets/stylesheets/new_footer.scss
@@ -0,0 +1,69 @@
+@import "constants";
+@import "mixins";
+@import "placeholders";
+@import "typography";
+
+.footer {
+ @extend %new-type;
+ @include vertical-padding(72px);
+ background-color: $light-grey;
+}
+
+.footer-inner-content {
+ width: $page-width;
+ margin: 0 auto;
+}
+
+.footer-columns {
+ @extend %horizontal-list;
+}
+
+$footer-column-width: 320px;
+$footer-column-count: 3;
+
+.footer-column {
+ @extend %horizontal-list-item;
+ width: $footer-column-width;
+ margin-right: calc((#{$page-width} - (#{$footer-column-width} * #{$footer-column-count})) / (#{$footer-column-count} - 1));
+ font-size: 14px;
+ vertical-align: top;
+}
+
+.footer-logos,
+.footer-links {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+.footer-link {
+ margin-bottom: 14px;
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+}
+
+.footer-logo:hover {
+ opacity: 0.8;
+}
+
+.footer-logo-rf {
+ width: 75px;
+ margin-bottom: 14px;
+}
+
+.footer-logo-beta-gouv-fr {
+ width: 190px;
+}
+
+.footer-link a {
+ color: $black;
+ text-decoration: none;
+
+ &:hover,
+ &:focus {
+ color: $blue;
+ text-decoration: none;
+ }
+}
diff --git a/app/views/layouts/_new_footer.html.haml b/app/views/layouts/_new_footer.html.haml
new file mode 100644
index 000000000..806541020
--- /dev/null
+++ b/app/views/layouts/_new_footer.html.haml
@@ -0,0 +1,35 @@
+.footer
+ .footer-inner-content
+ %ul.footer-columns
+ %li.footer-column
+ %ul.footer-logos
+ %li
+ = link_to image_tag("footer/logo-rf.svg",
+ :class => "footer-logo footer-logo-rf"),
+ "http://www.gouvernement.fr/"
+ %li
+ = link_to image_tag("footer/logo-beta-gouv-fr.svg",
+ :class => "footer-logo footer-logo-beta-gouv-fr"),
+ "https://beta.gouv.fr/"
+
+ %li.footer-column
+ %ul.footer-links
+ %li.footer-link
+ = link_to "SGMAP", "http://www.modernisation.gouv.fr/le-sgmap", :class => "footer-link"
+ %li.footer-link
+ = link_to "Nouveautés", "https://github.com/sgmap/tps/releases", :class => "footer-link"
+ %li.footer-link
+ = link_to "Statistiques", stats_path, :class => "footer-link"
+ %li.footer-link
+ = link_to "Accès ancienne plateforme de test", "https://tps-dev.apientreprise.fr/", :class => "footer-link"
+
+ %li.footer-column
+ %ul.footer-links
+ %li.footer-link
+ = link_to "Contact",
+ "mailto:#{t('dynamics.contact_email')}",
+ :class => "footer-link"
+ %li.footer-link
+ = link_to "Mentions légales", cgu_path, :class => "footer-link"
+ %li.footer-link
+ = link_to "CGU", cgu_path, :class => "footer-link"
diff --git a/app/views/layouts/new_application.html.haml b/app/views/layouts/new_application.html.haml
index 0dbeee052..7cb12b8ca 100644
--- a/app/views/layouts/new_application.html.haml
+++ b/app/views/layouts/new_application.html.haml
@@ -28,6 +28,7 @@
= render :partial => "layouts/switch_devise_profile_module"
= render :partial => "layouts/notifications_alert"
+ = render partial: "layouts/new_footer"
= render partial: "layouts/google_analytics"
= javascript_include_tag "application", "data-turbolinks-track" => true