#1625

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

@@ -518,25 +518,30 @@
 
 .page-node-type-ressource{
 	&.programme-1{
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{ 
-			color: $col-1 !important;
+		.block-region-second{
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{ 
+				color: $col-1 !important;
+			}
 		}
 		.field_programme div{
 			background: $col-1 ;
 		}
 	}
 	&.programme-2{
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
-			color: $col-2 !important;
+		.block-region-second{
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{
+				color: $col-2 !important;
+			}
 		}
 		.field_programme div{
 			background: $col-2 ;
 		}
 	}
 	&.programme-3{
-
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
-			color: $col-eur !important;
+		.block-region-second{
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{
+				color: $col-eur !important;
+			}
 		}
 		.field_programme div{
 			background: $col-eur ;
@@ -544,8 +549,10 @@
 		}
 	}
 	&.programme-4{
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{ 
-			color: $col-1;
+		.block-region-second{
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{ 
+				color: $col-1;
+			}
 		}
 		.field_programme div{
 			background:$col-1 ;
@@ -554,18 +561,21 @@
 	}
 	
 	&.programme-5{
-		
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
-			color: $col-mond !important;
+		.block-region-second{
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{
+				color: $col-mond !important;
+			}
 		}
 		.field_programme div{
 			background: $col-mond ;
 		}
 	}
 	&.programme-6{
+		.block-region-second{
 
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
-			color: $col-ter !important;
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{
+				color: $col-ter !important;
+			}
 		}
 		.field_programme div{
 				background: $col-ter ;
@@ -573,8 +583,10 @@
 
 	}
 	&.programme-7{
-		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
-			color: $col-met !important;
+		.block-region-second{
+			h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource,.field_collections{
+				color: $col-met !important;
+			}
 		}
 		.field_programme div{
 				background: $col-met ;                
@@ -585,9 +597,10 @@
 
 	.block-region-second{
 		display: grid;
-		grid-template-columns: repeat(4, 25%);
+		grid-template-columns: repeat(10, 8%);
 		padding-bottom: 3rem;
 		align-items: center;
+		grid-column-gap: 2%;
 		
 		.field_programme div{
 			display: inline-block;
@@ -605,23 +618,25 @@
             margin: 0;
             font-size: $font-large;
             line-height: 1.3;
-            font-weight: 500;
+            font-weight: 300;
 			font-style: italic;
             margin-bottom: 1rem;
 			grid-row: 3;
-			grid-column: 3 / span 2;
+			grid-column: 4 / span 6;
 			
 			margin: 0;
 			
         }
 		#node\:field_image{
-			grid-column: 1 / span 2;
+			grid-column: 1 / span 3;
 			grid-row: 2 / span 4;
-			padding: 1rem;
+			// padding: .5rem;
+			
 		}
 		#node\:field_auteurs{
 			grid-row: 2;
-			grid-column: 3 / span 2;
+			grid-column: 4 / span 6;
+			// margin-top: 2rem;
 			.field_auteurs{
 				font-weight: 600;
 				font-size: $font-medium;
@@ -629,32 +644,56 @@
 		}
 		#node\:body{
 			margin-top: 2rem;
-			grid-column: 1 / span 4;
+			grid-column: 1 / span 10;
 		}
 		#node\:field_videos{
 			margin-top: 2rem;
-			grid-column: 1 / span 4;
+			grid-column: 1 / span 10;
 			grid-row: 6;
 		}
 		#node\:field_theme{
-			grid-column: 3 / span 2;
+			grid-column: 4 / span 6;
 			grid-row: 5;
+			a{
+				text-decoration: none;
+			}
 		}
 		#node\:field_type_de_ressource{
 			grid-row: 1;
-			grid-column: 2 ;
+			grid-column: 4/ span 6 ;
 			font-weight: 600;
+			align-self: start;
+			padding: .3rem .5rem;
 		}
 		#node\:field_programme{
-			
+			margin-bottom: 1rem;
 			grid-row: 1;
-			grid-column: 1;
+			grid-column: 1 / span 3;
 		}
 		#node\:field_date_de_parution{
 			grid-row: 4;
-			grid-column: 3 / span 2;
+			grid-column: 4/ span 6 ;
+			font-size: $font-medium;
+		}
+		#node\:field_collections{
+			grid-row: 5;
+			grid-column: 4 / span 6;
 			font-size: $font-medium;
 		}
     }
+	.block-region-third{
+		#node\:field_lien{
+			text-transform: uppercase;
+			font-weight: 600;
+			margin-top: 1rem;
+			
+			a{
+				text-decoration: none;
+				padding: .5rem;
+				background: white;
+			}
+			
+		}
+	}
 
 }