#1506

web/themes/custom/popsu/lib/script.js

@@ -122,10 +122,10 @@ $(function(){
 
 		let elem = $(".content_container").find(".views-element-container header>div");
 		$(elem[0]).slick({
-			slidesToShow: 1,
+			slidesToShow: 3,
 			slidesToScroll: 1,
-			centerMode: true,
-			centerPadding: '100px'
+			centerMode: false,
+			centerPadding: '60px'
 		});
 	}
 	

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

@@ -141,6 +141,7 @@
 					margin: 0 1rem;
 					padding: 0;
 					
+					
 				}
 
 				.programme-1{

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

@@ -1,8 +1,8 @@
 .path-centre-de-ressources{
-	//tmp 
-	.slick-slider{
-		display: none;
-	}
+	// //tmp 
+	// .slick-slider{
+	// 	display: none;
+	// }
 	//colo programme 
 	
 	.programme-1{
@@ -78,32 +78,51 @@
 	}
 	background-color: $bck-col;
 	header{
+		background: $trame;
 		margin-bottom: 0;
+		.slick-track{
+			display: flex !important;
+			align-items: center;
+		}
 		.slick-slide{
 			margin: 0 1rem;
-
+		
+			
 			
 			.views-row:not(.type-74){
 				display: grid !important;
-				grid-template-columns: 1fr;
+				grid-template-columns: 40%  60%;
+				grid-auto-rows: min-content;
+				
+				a{
+					text-decoration: none;	
+					&:hover{
+						text-decoration: underline;
+					}
+				}
 				background-color: rgb(255, 255, 255);
-				// flex-direction: column;
-				// flex-direction: column-reverse;
-				position: relative;
-				height: auto;
+				
+				width: 100% !important;
+				padding: .3rem;
+	
 				.views-field:not(:first-child){
 					padding: 0 0 0 .4rem;
 				}
 				.views-field-field-image{
-					grid-row: 3 / span 2;
-					margin-top: -1.5rem;
-					img{
-						width: 100%;
-					}				
+					grid-row: 2/span 5;	
+				}
+				.views-field-field-edition{
+					grid-column: 2;
+					grid-row: 6;
+				}
+				.views-field-field-auteurs{
+					font-weight: 600;
+					grid-column: 2;
+					grid-row: 3;
 				}
-	
 				
 				.views-field-field-programme{
+					
 					grid-row: 1 / span 1;
 					grid-column: 1 / span 2;
 					.field-content{
@@ -116,11 +135,6 @@
 					}
 					
 				}
-				.views-field-field-theme{
-					.field-content{
-						color:black;
-					}
-				}
 				
 				.views-field-field-type-de-ressource{
 					text-transform: uppercase;
@@ -133,23 +147,24 @@
 				}
 				.views-field-title{
 					font-style: italic;
-					grid-row: 3 / span 1;
+					grid-row: 4 / span 1;
 					grid-column: 2 / span 1;
 					
 				}
 				.views-field-field-sous-titre{
 					margin-bottom: 1rem;
-					grid-row: 4 / span 1;
+					grid-row: 5 / span 1;
 					grid-column: 2 / span 1;
 					align-self: baseline;
 				}
 				.views-field-field-theme{
-					grid-row: 5 / span 1;
+					grid-row: 7 / span 1;
 					grid-column: 1 / span 2;
 					font-size: $font-small;
-				}
-				a{
-					text-decoration: none;
+					.field-content{
+						color:black;
+					}
+	
 				}
 			}
 			.type-74{
@@ -179,7 +194,7 @@
 	
 				
 				.views-field-field-programme{
-					grid-row: 1 / span 1;
+				
 					// grid-column: 1 / span 2;
 					.field-content{
 						font-weight: 600;
@@ -257,7 +272,7 @@
 	form{
 		background: $trame;
 		display: grid;
-		padding: 5rem 0 1rem 0;
+		padding: 1rem 0 1rem 0;
 		//margin-top: -3rem;
 		column-gap: 1rem;
 		grid-template-columns: calc(10% - 3em) repeat(4, 20%);
@@ -334,20 +349,16 @@
 				}
 			}
 			background-color: rgb(255, 255, 255);
-			// background-clip: content-box;
+			
 			width: 100% !important;
 			padding: .3rem;
 
-			// .views-field:empty {
-			// 	background: lime;
-			// }
 
 			.views-field:not(:first-child){
 				padding: 0 0 0 .4rem;
 			}
 			.views-field-field-image{
-				grid-row: 4 / span 2;
-				margin-top: -1.5rem;				
+				grid-row: 2/span 5;	
 			}
 			.views-field-field-edition{
 				grid-column: 2;
@@ -360,6 +371,7 @@
 			}
 			
 			.views-field-field-programme{
+				margin-top: -.8rem;
 				grid-row: 1 / span 1;
 				grid-column: 1 / span 2;
 				.field-content{