diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 8e5110f..7910fd0 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -3132,9 +3132,15 @@ a {
     flex-direction: row;
     margin-bottom: 2rem;
     max-height: 600px; }
+    @media (max-width: 568px) {
+      .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top {
+        flex-direction: column; } }
     .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo {
       width: 60%;
       padding-right: 2rem; }
+      @media (max-width: 568px) {
+        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo {
+          width: 100%; } }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img {
         height: auto;
         max-height: 600px;
@@ -3145,8 +3151,15 @@ a {
             padding-top: 1rem;
             object-fit: cover;
             width: 100%; } }
+        @media (max-width: 568px) {
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img {
+            width: 100%;
+            max-height: 300px; } }
     .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right {
       width: 40%; }
+      @media (max-width: 568px) {
+        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right {
+          width: 100%; } }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle {
         margin: 0; }
         .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
diff --git a/web/themes/custom/eql/scss/pages/_projet.scss b/web/themes/custom/eql/scss/pages/_projet.scss
index b5255e0..be0327a 100644
--- a/web/themes/custom/eql/scss/pages/_projet.scss
+++ b/web/themes/custom/eql/scss/pages/_projet.scss
@@ -17,12 +17,18 @@
                             margin-bottom: 2rem;
                             max-height: 600px;
                             // width: 800px;
+                            @media (max-width: 568px){
+                                flex-direction: column;
+                            }
                             .block-entity-fieldnodefield-photo{
                                 width: 60%;
                                 padding-right: 2rem;
                                 // margin-right: 2rem;
                                 // @media (max-width: 810px) {
                                 // }
+                                @media (max-width: 568px){
+                                 width: 100%;
+                                }
                                 img{
                                     // padding-top: 2rem;
                                     // width: 600px;
@@ -37,6 +43,10 @@
                                         object-fit: cover;
                                         width: 100%;                                 
                                     }
+                                    @media (max-width: 568px){
+                                        width: 100%;
+                                        max-height: 300px;
+                                    }
                                 }
                                 // // position: relative;
                                 // // bottom: -50%;
@@ -44,6 +54,9 @@
 
                             .top_right{
                                 width: 40%;
+                                @media (max-width: 568px){
+                                 width: 100%;
+                                }
                                 .block-entity-fieldnodetitle{
                                     margin: 0;
                                     .field--name-title{