ajustement page home et programme

web/themes/custom/popsu/sass/pages/_node-evenement-actu.scss

@@ -0,0 +1,110 @@
+.page-node-type-evenement, .page-node-type-actualite{
+	&.programme-1{
+		.field_programme{
+			background-color: $col-1;
+		}
+    }
+    &.programme-2{
+		.field_programme{
+			background-color: $col-2;
+		}
+    }
+    &.programme-3{
+		.field_programme{
+			background-color: $col-eur;
+		}
+    }
+    &.programme-4{
+		.field_programme{
+			background-color: $col-met;
+		}
+    }
+    &.programme-5{
+		.field_programme{
+			background-color: $col-mond;
+		}
+    }
+    &.programme-6{
+		.field_programme{
+			background-color: $col-ter;
+		}
+    }
+    &.programme-7{
+		.field_programme{
+			background-color: $col-met;
+		}
+    }
+	.block-region-second{
+		display:grid;
+		#node\:title{
+			margin: 0;
+			font-size: $font-large;
+			line-height: 1.3;
+		}
+		#node\:field_programme{
+			grid-row: 1;
+			.field_programme{
+				display: inline-block;
+				width: auto;
+				padding: .3rem .5rem;
+				color: white;
+				font-weight: 600;
+
+			}
+			margin-bottom: 1rem;
+		}
+		#node\:field_date{
+			font-size: $font-medium;
+			grid-row: 2;
+			.field_date{
+				div{
+					float: left;
+					margin-right: 1rem;
+				}
+			}
+		}
+		#node\:field_sous_titre{
+			text-transform: uppercase;
+		}
+		#node\:field_intro{
+			font-size: $font-medium;
+		}
+		#node\:field_image{
+			grid-row: 5;
+			width: 100%;
+			margin: 1rem 0;
+			img{
+				width: 100%;
+			}
+		}
+		#node\:body{
+
+		}
+ 	}
+	 .block-region-first{
+		 padding: 1rem 0 .5rem 0;
+		 &>div{
+			 padding: 0 0 .5rem 0;
+		 }
+		 a{
+			padding: 0 0 0 1rem;
+		 }
+	 }
+	.block-region-third{
+		position: sticky;
+		top: 4rem;
+		.field_fichier, .field_ressources_liees{
+			margin: .5rem 0;	
+			padding-right: 1.3rem;
+			a{
+				font-weight: 600;
+				text-decoration: none;
+				&:hover{
+					text-decoration: underline;
+				}
+			}
+			
+
+		}
+	}
+}