diff --git a/assets/vue/components/signalement-form/TheSignalementAppForm.vue b/assets/vue/components/signalement-form/TheSignalementAppForm.vue
index 9eaacf816..e5ff51287 100644
--- a/assets/vue/components/signalement-form/TheSignalementAppForm.vue
+++ b/assets/vue/components/signalement-form/TheSignalementAppForm.vue
@@ -194,11 +194,11 @@ export default defineComponent({
 </script>
 
 <style>
-  .fr-header, .fr-footer {
+  .remove-mobile-header-footer .fr-header, .remove-mobile-header-footer .fr-footer {
     display: none;
   }
   @media (min-width: 48em) {
-    .fr-header, .fr-footer {
+    .remove-mobile-header-footer .fr-header, .remove-mobile-header-footer .fr-footer {
       display: inherit;
     }
   }
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 381ae74dd..39fedb79a 100755
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -89,7 +89,7 @@
     2:'REFUSEE',
     3:'CLOTUREE',
 } %}
-<body>
+<body {% if bodyClass is defined %}class="{{ bodyClass }}"{% endif %}>
 {% if 'back_' not in app.request.get('_route') %}
     {% include "header.html.twig" %}
     {% for label, messages in app.flashes %}
diff --git a/templates/front/nouveau_formulaire.html.twig b/templates/front/nouveau_formulaire.html.twig
index 5384e2541..17a9063eb 100755
--- a/templates/front/nouveau_formulaire.html.twig
+++ b/templates/front/nouveau_formulaire.html.twig
@@ -1,3 +1,4 @@
+{% set bodyClass = 'remove-mobile-header-footer' %}
 {% extends 'base.html.twig' %}
 
 {% block title %}Déposez votre signalement{% endblock %}
