page home modul central + page static (insertion motif)

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

@@ -30,4 +30,17 @@ article, .paragraph{
         font-size: $font-big;
         padding: .3rem .5rem;
     }
+}
+
+.page-node-type-static{
+    .layout__region--top{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 40vh;
+        background: $trame;
+        box-shadow: inset 0 -5rem 8rem white;
+        z-index: -1;
+    }
 }

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

@@ -75,6 +75,7 @@
 	}
 }
 .main_logo{
+	z-index: 10;
 	height: 7rem;
 	// background: red;
 	background: center / contain no-repeat url(../images/popsu-home-logo.png);
@@ -194,8 +195,93 @@
 #home_prog_container{
 	display: grid;
 	grid-template-columns: repeat( 3, 1fr);
+	align-items: center;
+	justify-items: center;
+	margin-top: 1rem;
+	.views-row{
+		background-clip: content-box;
+		height: 8rem;
+		width: 100%;
+		display: grid;
+		align-items: center;
+		padding: 1rem;
+		&:hover{
+			.views-field-title{
+				display: none;
+			}
+		}
+	}
 
+	//temp
+	.views-field-field-diaporama{
+		display: none;
+	}
+	//
 
+	.views-field-title{
+		margin: 3rem;
+	}
+	.programme-2{
+		background: center / contain no-repeat url(../images/POPSU_1.svg);
+		.views-field-title{
+			font-size: 0;
+			
+		}
+		&:hover{
+			background: $col-1;
+		}
+	}
+	.programme-2{
+		background: center / contain no-repeat url(../images/POPSU_2.svg);
+		.views-field-title{
+			font-size: 0;
+			
+		}
+		&:hover{
+			background: $col-2;
+		}
+	}
+	.programme-3{
+		background: center / contain no-repeat url(../images/POPSU_Europe.svg);
+		.views-field-title{
+			font-size: 0;
+			
+		}
+		&:hover{
+			background: $col-eur;
+		}
+	}
+	.programme-5{
+		background: center / contain no-repeat url(../images/POPSU_monde.svg);
+		.views-field-title{
+
+			font-size: 0;
+			
+		}
+		&:hover{
+			background: $col-mond;
+		}
+	}
+	.programme-6{
+		background: center / contain no-repeat url(../images/POPSU_territoires.svg);
+		.views-field-title{
+			font-size: 0;
+			
+		}
+		&:hover{
+			background: $col-ter;
+		}
+	}
+	.programme-7{
+		background: center / contain no-repeat url(../images/POPSU_metropoles.svg);
+		.views-field-title{
+			font-size: 0;
+			
+		}
+		&:hover{
+			background: $col-met;
+		}
+	}
 }
 #home_theme_container{
 	.slick-slide{
@@ -263,14 +349,15 @@
 }
 
 #villes-block_1, #home_themes-block_1, #programmes-block_4{
-	
+	// background-color: $bck-col;
 	header{
 		text-align: center;
 		font-family: 'duke';
-		font-size: $font-extra;
+		font-size: 3.5rem;
 		line-height: 1;
 		opacity: .3; 
 		cursor:pointer;
+		padding: .8rem;
 		.arrow{
 			font-size: $font-large;
 			display: block;

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

@@ -3,6 +3,7 @@
 	grid-template-columns: 20% minmax(0,1fr) 20%;
     column-gap: 3rem;
     row-gap: 1rem;
+    position: relative;
 }
 
 .layout__region--bottom{