diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 49c009a..02db0a8 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -3436,6 +3436,11 @@ body {
   padding: 1rem 0rem;
   margin-bottom: 1rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu {
+    flex-direction: column;
+  }
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
   display: flex;
   align-items: center;
@@ -3453,6 +3458,12 @@ body {
   content: url("../img/type-actu.svg");
   padding-right: 0.4rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+  }
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_date {
   color: red;
   display: flex;
@@ -3488,6 +3499,12 @@ body {
   background-repeat: no-repeat;
   padding-right: 0.5rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu .field_field_site {
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+  }
+}
 #page-node .content_container .node-type-actualite .content-wrapper-actu {
   order: 2;
   display: flex;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
index 8f6bc67..4481a6e 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
@@ -44,7 +44,10 @@
                     border-bottom: solid red 1px;
                     padding: 1rem 0rem;
                     margin-bottom: 1rem;
-
+                    @media(max-width: 810px){
+                        flex-direction: column;
+                    }
+                    
                     .field_field_type_d_actualite{
                         display: flex;
                         align-items: center;
@@ -62,6 +65,10 @@
                                 padding-right: 0.4rem;
                             }
                         }
+                        @media(max-width: 810px){
+                            margin-left: 1rem;
+                            margin-top: 0.5rem;
+                        }
                     }
                     .field_field_date{
                         color: red;
@@ -105,6 +112,10 @@
                                 padding-right: 0.5rem;
                             }
                         }
+                        @media(max-width: 810px){
+                            margin-left: 1rem;
+                            margin-top: 0.5rem;
+                        }
                     }