calage tmp header footer logo

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

@@ -1285,9 +1285,9 @@ iframe {
   padding-top: 1rem; }
 
 .header_top_left_container {
-  height: 100%; }
-  .header_top_left_container > div:first-child {
-    height: 100%; }
+  height: 100%;
+  display: grid;
+  grid-template-columns: 1fr 1fr; }
   .header_top_left_container a[rel~='home'] {
     height: 100%;
     display: block;
@@ -1397,18 +1397,18 @@ footer {
       height: 100%;
       display: grid; }
   #footer-bottom .logo-gouv {
-    height: 100%;
+    height: 70%;
     display: block;
     color: transparent;
     font-size: 0;
     background: left/contain no-repeat url(../images/gouv.svg); }
   #footer-bottom .logo-puca {
-    height: 100%;
+    height: 70%;
     display: block;
     color: transparent;
     font-size: 0;
     background: left/contain no-repeat url(../images/puca.svg);
-    margin-top: -1.5rem; }
+    margin-top: -1rem; }
   #footer-bottom #block-pieddepage ul {
     line-height: 2; }
     #footer-bottom #block-pieddepage ul li a {
@@ -2144,43 +2144,43 @@ article p, .paragraph p {
     top: 0;
     left: 0; }
 
-.page-node-type-programme.programme-1 h2, .page-node-type-programme.programme-1 h3, .page-node-type-programme.programme-1 h4, .page-node-type-programme.programme-1 h5, .page-node-type-programme.programme-1 h6 {
+.page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6 {
   color: #4dabc1; }
 
 .page-node-type-programme.programme-1 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_1.svg); }
 
-.page-node-type-programme.programme-2 h2, .page-node-type-programme.programme-2 h3, .page-node-type-programme.programme-2 h4, .page-node-type-programme.programme-2 h5, .page-node-type-programme.programme-2 h6 {
+.page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6 {
   color: #61ab32; }
 
 .page-node-type-programme.programme-2 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_2.svg); }
 
-.page-node-type-programme.programme-3 h2, .page-node-type-programme.programme-3 h3, .page-node-type-programme.programme-3 h4, .page-node-type-programme.programme-3 h5, .page-node-type-programme.programme-3 h6 {
+.page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6 {
   color: #646578; }
 
 .page-node-type-programme.programme-3 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
 
-.page-node-type-programme.programme-4 h2, .page-node-type-programme.programme-4 h3, .page-node-type-programme.programme-4 h4, .page-node-type-programme.programme-4 h5, .page-node-type-programme.programme-4 h6 {
+.page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6 {
   color: #28429f; }
 
 .page-node-type-programme.programme-4 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_logo.svg); }
 
-.page-node-type-programme.programme-5 h2, .page-node-type-programme.programme-5 h3, .page-node-type-programme.programme-5 h4, .page-node-type-programme.programme-5 h5, .page-node-type-programme.programme-5 h6 {
+.page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6 {
   color: #ab9569; }
 
 .page-node-type-programme.programme-5 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_monde.svg); }
 
-.page-node-type-programme.programme-6 h2, .page-node-type-programme.programme-6 h3, .page-node-type-programme.programme-6 h4, .page-node-type-programme.programme-6 h5, .page-node-type-programme.programme-6 h6 {
+.page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6 {
   color: #e01a35; }
 
 .page-node-type-programme.programme-6 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
 
-.page-node-type-programme.programme-7 h2, .page-node-type-programme.programme-7 h3, .page-node-type-programme.programme-7 h4, .page-node-type-programme.programme-7 h5, .page-node-type-programme.programme-7 h6 {
+.page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6 {
   color: #28429f; }
 
 .page-node-type-programme.programme-7 .main_logo {

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

@@ -17,57 +17,76 @@
 
 
     &.programme-1{
-        h2,h3,h4,h5,h6{
-            color: $col-1;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-1;
+            }
         }
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_1.svg);
         }
     }
     &.programme-2{
-        h2,h3,h4,h5,h6{
-            color: $col-2;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-2;
+            }
         }
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_2.svg);
         }
     }
     &.programme-3{
-        h2,h3,h4,h5,h6{
-            color: $col-eur;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-eur;
+            }
         }
+        
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_Europe.svg);
         }
     }
     &.programme-4{
-        h2,h3,h4,h5,h6{
-            color: $col-met;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-met;
+            }
         }
+        
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_logo.svg);
         }
     }
     &.programme-5{
-        h2,h3,h4,h5,h6{
-            color: $col-mond;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-mond;
+            }
         }
+        
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_monde.svg);
         }
     }
     &.programme-6{
-        h2,h3,h4,h5,h6{
-            color: $col-ter;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-ter;
+            }
         }
+        
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_territoires.svg);
         }
     }
     &.programme-7{
-        h2,h3,h4,h5,h6{
-            color: $col-met;
+        article{
+            h2,h3,h4,h5,h6{
+                color: $col-met;
+            }
         }
+        
         .main_logo{
             background: center / contain no-repeat url(../images/POPSU_metropoles.svg);
         }

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -138,9 +138,11 @@
 }
 .header_top_left_container{
 	height: 100%;
-	&>div:first-child{
-		height: 100%;
-	}
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	// &>div:first-child{
+	// 	// height: 100%;
+	// }
 	a[rel~='home']{
 		height: 100%;
 		display: block;
@@ -295,19 +297,19 @@ footer{
         }
     }
     .logo-gouv{
-        height: 100%;
+        height: 70%;
 		display: block;
 		color: transparent;
         font-size: 0;
 		background: left / contain no-repeat url(../images/gouv.svg);
     }
     .logo-puca{
-        height: 100%;
+        height: 70%;
 		display: block;
 		color: transparent;
         font-size: 0;
 		background: left / contain no-repeat url(../images/puca.svg);
-        margin-top: -1.5rem;
+        margin-top: -1rem;
     }
 
     #block-pieddepage{