diff --git a/web/themes/custom/colloque2024/css-compiled/index.css b/web/themes/custom/colloque2024/css-compiled/index.css
index 82bc94cc..e17d0640 100644
--- a/web/themes/custom/colloque2024/css-compiled/index.css
+++ b/web/themes/custom/colloque2024/css-compiled/index.css
@@ -553,6 +553,9 @@ header #block-colloque2024-mainnavigation ul li {
 
 #txt_present {
   margin: 3rem 0; }
+  @media screen and (max-width: 576px) {
+    #txt_present {
+      margin-bottom: 0; } }
   @media screen and (min-width: 992px) {
     #txt_present {
       margin: 5rem 0; } }
@@ -560,6 +563,20 @@ header #block-colloque2024-mainnavigation ul li {
     color: black; }
   #txt_present > div {
     min-width: 80% !important; }
+  #txt_present .paragraph--type--video {
+    margin-top: 5rem; }
+    #txt_present .paragraph--type--video div {
+      font-family: "Mariannebold";
+      color: #038788;
+      font-size: 2.5rem;
+      line-height: 2.3rem;
+      text-transform: none;
+      margin-bottom: 2rem;
+      text-align: left;
+      margin-bottom: 5rem; }
+    @media screen and (max-width: 576px) {
+      #txt_present .paragraph--type--video {
+        margin: 3rem 0; } }
   #txt_present .__title-present h2 {
     font-size: 1.9rem;
     font-family: "Marianneregular";
@@ -676,6 +693,10 @@ header #block-colloque2024-mainnavigation ul li {
   vertical-align: middle;
   margin-left: 20px; }
 
+@media screen and (max-width: 576px) {
+  #block-colloque2024-views-block-slide-programme-block-1 {
+    margin-top: 0; } }
+
 #mainHome {
   max-width: 100vw;
   margin: 0;
@@ -734,9 +755,6 @@ header #block-colloque2024-mainnavigation ul li {
           font-size: 1.5rem;
           order: 1; } }
 
-#txt_present .medias {
-  display: none; }
-
 #block-colloque2024-views-block-slide-interviews-block-1 {
   display: none; }
 
@@ -2075,7 +2093,7 @@ section > div:not(.__slide) article.thumbnails.programme a {
   margin: auto;
   width: 100%; }
   .link_live > div {
-    margin: 4rem auto; }
+    margin: auto; }
     .link_live > div a {
       padding: 0.7rem 2rem;
       background: #038788;
@@ -2094,6 +2112,10 @@ section > div:not(.__slide) article.thumbnails.programme a {
         .link_live > div a {
           font-size: 1rem;
           padding: 0.7rem 4rem; } }
+      @media screen and (max-width: 576px) {
+        .link_live > div a {
+          font-size: 0.8em;
+          padding: 0.7rem; } }
 
 footer {
   background: white;
diff --git a/web/themes/custom/colloque2024/css/components/btn/all_btn.scss b/web/themes/custom/colloque2024/css/components/btn/all_btn.scss
index bc3dfc4b..2637d995 100644
--- a/web/themes/custom/colloque2024/css/components/btn/all_btn.scss
+++ b/web/themes/custom/colloque2024/css/components/btn/all_btn.scss
@@ -36,7 +36,7 @@
   margin: auto;
   width: 100%;
   & > div{
-    margin: 4rem auto;
+    margin:auto;
     a{
       padding: 0.7rem 2rem;
       background: $color2024;
@@ -51,6 +51,11 @@
         font-size:1rem;
         padding: 0.7rem 4rem;
       }
+      @media screen and (max-width: 576px) {
+        font-size:  0.8em;
+        padding: 0.7rem;
+
+      }
     }
   }
 }
diff --git a/web/themes/custom/colloque2024/css/pages/front.scss b/web/themes/custom/colloque2024/css/pages/front.scss
index ca5ac588..5f1e7e6d 100644
--- a/web/themes/custom/colloque2024/css/pages/front.scss
+++ b/web/themes/custom/colloque2024/css/pages/front.scss
@@ -25,6 +25,9 @@ header {
 #txt_present {
   margin: 3rem 0;
 
+  @media screen and (max-width: 576px) {
+    margin-bottom: 0;
+  }
   @media screen and (min-width: 992px) {
     margin: 5rem 0;
   }
@@ -38,6 +41,22 @@ header {
     min-width: 80% !important; ///changement 2024
   }
   
+  .paragraph--type--video{
+    margin-top: 5rem;
+    div{
+      font-family: "Mariannebold";
+      color: $color2024;
+      font-size: 2.5rem;
+      line-height: 2.3rem;
+      text-transform: none;
+      margin-bottom: 2rem;
+      text-align: left;
+      margin-bottom: 5rem;
+    }
+    @media screen and (max-width: 576px) {
+      margin: 3rem 0;
+    }
+  }
 
   .__title-present {
     h2 {
@@ -183,6 +202,9 @@ header {
       // @include labelOnline;
     }
   }
+  @media screen and (max-width: 576px) {
+    margin-top: 0;
+  }
 }
 
 
@@ -261,7 +283,7 @@ header {
 
 #txt_present{
   .medias{
-  display: none;
+  // display: none;
   }
 }