version smartphone programme

web/themes/custom/popsu/css/styles.css

@@ -1284,7 +1284,13 @@ iframe {
     grid-column: 1 /span 3;
     padding: 0 5%; }
   .layout__region--third {
-    grid-column: 1 /span 3; } }
+    grid-column: 1 /span 3; }
+  .layout__region--first {
+    grid-row: 1;
+    grid-column: 1 / span 3; }
+    .layout__region--first .block-region-first {
+      position: relative !important;
+      width: 100% !important; } }
 
 /*pages*/
 .header_top_middle_container .programme-1 .views-field-field-programme .field-content {
@@ -1744,6 +1750,9 @@ footer {
   position: relative;
   background: center/contain no-repeat url(../images/popsu-home-logo.png);
   margin: -9% 0 3rem 0 !important; }
+  @media print, screen and (max-width: 39.99875em) {
+    .main_logo {
+      margin: -20% 0 3rem 0 !important; } }
 
 .about {
   box-shadow: inset 0 17rem 18rem white;
@@ -2814,6 +2823,9 @@ article p, .paragraph p {
   left: 0;
   width: 25%;
   padding: 1rem 1.5rem; }
+  @media print, screen and (max-width: 39.99875em) {
+    .page-node-type-programme .block-region-first {
+      text-align: center; } }
   .page-node-type-programme .block-region-first .prog-ressources-link {
     font-family: "duke";
     font-size: 1.6rem;
@@ -2822,6 +2834,12 @@ article p, .paragraph p {
     text-decoration: none; }
     .page-node-type-programme .block-region-first .prog-ressources-link:hover {
       padding: 0 0 0 .3rem; }
+  @media print, screen and (max-width: 39.99875em) {
+    .page-node-type-programme .block-region-first div[id=""] {
+      display: none; } }
+  @media print, screen and (max-width: 39.99875em) {
+    .page-node-type-programme .block-region-first .views-element-container {
+      display: block; } }
   .page-node-type-programme .block-region-first .views-element-container header {
     font-family: "duke";
     font-size: 1.6rem;

web/themes/custom/popsu/sass/pages/_home.scss

@@ -279,6 +279,9 @@
 	// background: red;
 	background: center / contain no-repeat url(../images/popsu-home-logo.png);
 	margin: -9% 0 3rem 0 !important;
+	@include breakpoint(small down) {
+		margin: -20% 0 3rem 0 !important;
+	}
 }
 .about{
 	box-shadow: inset 0 17rem 18rem white;

web/themes/custom/popsu/sass/pages/_programme.scss

@@ -235,6 +235,10 @@
         grid-column: 1 / span 3;
     }
     .block-region-first{
+        @include breakpoint(small down) {
+            text-align: center;
+
+        }
         position: absolute;
         
         top: 0;
@@ -252,8 +256,19 @@
                     
             }
         }
+        div[id=""] {
+            @include breakpoint(small down) {
+                display: none;
+            }
+        }
         .views-element-container{
-  
+            @include breakpoint(small down) {
+                display: block;
+                // &:not(:first-child){
+                //     margin-left: 1rem;
+                // }
+                
+            }
             header{
                 font-family: "duke";
                 font-size: $font-large;

web/themes/custom/popsu/sass/setup/_layouts.scss

@@ -22,4 +22,12 @@
         grid-column: 1 /span 3;
         // padding: 0 3%;
     }
+    .layout__region--first{
+        .block-region-first{
+            position: relative !important;
+            width: 100% !important;
+        }
+        grid-row: 1;
+        grid-column: 1 / span 3;
+    }
 }