carte home ok

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

@@ -1693,6 +1693,173 @@ footer {
       color: black;
       background: white; }
 
+#villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
+  display: none; }
+
+.header_container {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-column: 1 / span 3; }
+  .header_container header {
+    text-align: center;
+    font-family: 'duke';
+    font-size: 3.1rem;
+    line-height: 1;
+    opacity: .3;
+    cursor: pointer;
+    padding: .8rem;
+    align-self: center; }
+    .header_container header .arrow {
+      font-size: 1.6rem;
+      display: block;
+      margin-top: -1rem; }
+    .header_container header.active {
+      opacity: 1;
+      font-size: 4rem; }
+
+#home_themes-block_1 {
+  display: none; }
+  #home_themes-block_1 .slick-slide {
+    margin: 0 1rem; }
+  #home_themes-block_1 .slick-arrow {
+    position: absolute;
+    height: 100%;
+    cursor: pointer;
+    z-index: 100;
+    opacity: 0.2;
+    transition: opacity 250ms;
+    width: 10%; }
+    #home_themes-block_1 .slick-arrow:hover {
+      opacity: .5; }
+  #home_themes-block_1 .slick-next {
+    right: 0;
+    top: 0; }
+  #home_themes-block_1 .views-row {
+    background-clip: content-box;
+    background-color: grey;
+    width: 100% !important;
+    position: relative; }
+  #home_themes-block_1 .views-row:after {
+    content: "";
+    display: block;
+    padding-bottom: 100%; }
+  #home_themes-block_1 .views-field-title {
+    display: grid;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    position: absolute;
+    text-align: center;
+    align-items: center;
+    padding: .8rem 1rem;
+    font-size: 0.8rem;
+    font-weight: 600;
+    color: white; }
+    #home_themes-block_1 .views-field-title a {
+      margin-top: -.5rem;
+      text-decoration: none; }
+  #home_themes-block_1 .views-field-field-image:before {
+    content: "";
+    display: block;
+    position: absolute;
+    background: black;
+    opacity: .4;
+    width: 100%;
+    height: 100%; }
+  #home_themes-block_1 .views-field-field-image {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute; }
+    #home_themes-block_1 .views-field-field-image .field-content {
+      display: grid;
+      padding: 0;
+      overflow: hidden;
+      width: 100%;
+      height: 100%; }
+      #home_themes-block_1 .views-field-field-image .field-content img {
+        height: 100% !important;
+        width: inherit !important;
+        max-width: none; }
+
+#programmes-block_4 {
+  display: none;
+  grid-column: 1 / span 3; }
+
+#programmes-block_4 > div > div {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  align-items: center;
+  justify-items: center;
+  margin-top: 0; }
+  #programmes-block_4 > div > div .views-row {
+    background-clip: content-box;
+    min-height: 11rem;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    align-content: center;
+    padding: 1rem; }
+    #programmes-block_4 > div > div .views-row .views-field {
+      flex-basis: 100%; }
+    #programmes-block_4 > div > div .views-row .views-field:not(.views-field-field-logo) {
+      font-size: 0.8rem;
+      font-weight: 600;
+      display: none; }
+    #programmes-block_4 > div > div .views-row .views-field-title {
+      margin-bottom: .7rem; }
+    #programmes-block_4 > div > div .views-row:hover .views-field:not(.views-field-field-logo) {
+      font-weight: 600;
+      display: block;
+      color: white;
+      text-align: center; }
+      #programmes-block_4 > div > div .views-row:hover .views-field:not(.views-field-field-logo) a {
+        text-decoration: none; }
+    #programmes-block_4 > div > div .views-row .views-field-field-logo {
+      text-align: center; }
+  #programmes-block_4 > div > div .views-field-field-diaporama {
+    display: none; }
+  #programmes-block_4 > div > div .programme-1 img {
+    width: 60%; }
+  #programmes-block_4 > div > div .programme-1:hover {
+    background: #4dabc1; }
+    #programmes-block_4 > div > div .programme-1:hover img {
+      display: none; }
+  #programmes-block_4 > div > div .programme-2 img {
+    width: 60%; }
+  #programmes-block_4 > div > div .programme-2:hover {
+    background: #61ab32; }
+    #programmes-block_4 > div > div .programme-2:hover img {
+      display: none; }
+  #programmes-block_4 > div > div .programme-3 img {
+    width: 60%; }
+  #programmes-block_4 > div > div .programme-3:hover {
+    background: #646578; }
+    #programmes-block_4 > div > div .programme-3:hover img {
+      display: none; }
+  #programmes-block_4 > div > div .programme-5 img {
+    width: 46%; }
+  #programmes-block_4 > div > div .programme-5:hover {
+    background: #ab9569; }
+    #programmes-block_4 > div > div .programme-5:hover img {
+      display: none; }
+  #programmes-block_4 > div > div .programme-6 img {
+    width: 60%; }
+  #programmes-block_4 > div > div .programme-6:hover {
+    background: #e01a35; }
+    #programmes-block_4 > div > div .programme-6:hover img {
+      display: none; }
+  #programmes-block_4 > div > div .programme-7 img {
+    width: 60%; }
+  #programmes-block_4 > div > div .programme-7:hover {
+    background: #28429f; }
+    #programmes-block_4 > div > div .programme-7:hover img {
+      display: none; }
+
 #home_blocks-block_3 {
   background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
   padding: 2rem; }
@@ -1750,190 +1917,6 @@ footer {
       color: white;
       padding: .02rem .3rem; }
 
-#villes-block_1 {
-  grid-column: 1; }
-
-#home_themes-block_1 {
-  grid-column: 2; }
-
-#programmes-block_4 {
-  grid-column: 3; }
-
-.home_info_container {
-  height: auto;
-  min-height: 5rem;
-  display: none;
-  grid-column: 1 / span 3; }
-
-#home_prog_container {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  align-items: center;
-  justify-items: center;
-  margin-top: 0; }
-  #home_prog_container .views-row {
-    background-clip: content-box;
-    min-height: 11rem;
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    align-content: center;
-    padding: 1rem; }
-    #home_prog_container .views-row .views-field {
-      flex-basis: 100%; }
-    #home_prog_container .views-row .views-field:not(.views-field-field-logo) {
-      font-size: 0.8rem;
-      font-weight: 600;
-      display: none; }
-    #home_prog_container .views-row .views-field-title {
-      margin-bottom: .7rem; }
-    #home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) {
-      font-weight: 600;
-      display: block;
-      color: white;
-      text-align: center; }
-      #home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) a {
-        text-decoration: none; }
-    #home_prog_container .views-row .views-field-field-logo {
-      text-align: center; }
-  #home_prog_container .views-field-field-diaporama {
-    display: none; }
-  #home_prog_container .programme-1 img {
-    width: 60%; }
-  #home_prog_container .programme-1:hover {
-    background: #4dabc1; }
-    #home_prog_container .programme-1:hover img {
-      display: none; }
-  #home_prog_container .programme-2 img {
-    width: 60%; }
-  #home_prog_container .programme-2:hover {
-    background: #61ab32; }
-    #home_prog_container .programme-2:hover img {
-      display: none; }
-  #home_prog_container .programme-3 img {
-    width: 60%; }
-  #home_prog_container .programme-3:hover {
-    background: #646578; }
-    #home_prog_container .programme-3:hover img {
-      display: none; }
-  #home_prog_container .programme-5 img {
-    width: 46%; }
-  #home_prog_container .programme-5:hover {
-    background: #ab9569; }
-    #home_prog_container .programme-5:hover img {
-      display: none; }
-  #home_prog_container .programme-6 img {
-    width: 60%; }
-  #home_prog_container .programme-6:hover {
-    background: #e01a35; }
-    #home_prog_container .programme-6:hover img {
-      display: none; }
-  #home_prog_container .programme-7 img {
-    width: 60%; }
-  #home_prog_container .programme-7:hover {
-    background: #28429f; }
-    #home_prog_container .programme-7:hover img {
-      display: none; }
-
-#home_theme_container .slick-slide {
-  margin: 0 1rem; }
-
-#home_theme_container .slick-arrow {
-  position: absolute;
-  height: 100%;
-  cursor: pointer;
-  z-index: 100;
-  opacity: 0.2;
-  transition: opacity 250ms;
-  width: 10%; }
-  #home_theme_container .slick-arrow:hover {
-    opacity: .5; }
-
-#home_theme_container .slick-next {
-  right: 0;
-  top: 0; }
-
-#home_theme_container .views-row {
-  background-clip: content-box;
-  background-color: grey;
-  width: 100% !important;
-  position: relative; }
-
-#home_theme_container .views-row:after {
-  content: "";
-  display: block;
-  padding-bottom: 100%; }
-
-#home_theme_container .views-field-title {
-  display: grid;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 10;
-  position: absolute;
-  text-align: center;
-  align-items: center;
-  padding: .8rem 1rem;
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: white; }
-  #home_theme_container .views-field-title a {
-    margin-top: -.5rem;
-    text-decoration: none; }
-
-#home_theme_container .views-field-field-image:before {
-  content: "";
-  display: block;
-  position: absolute;
-  background: black;
-  opacity: .4;
-  width: 100%;
-  height: 100%; }
-
-#home_theme_container .views-field-field-image {
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  position: absolute; }
-  #home_theme_container .views-field-field-image .field-content {
-    display: grid;
-    padding: 0;
-    overflow: hidden;
-    width: 100%;
-    height: 100%; }
-    #home_theme_container .views-field-field-image .field-content img {
-      height: 100% !important;
-      width: inherit !important;
-      max-width: none; }
-
-#villes-block_1, #home_themes-block_1, #programmes-block_4 {
-  background: #eff2f9;
-  height: 100%;
-  display: grid;
-  align-items: center; }
-  #villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
-    text-align: center;
-    font-family: 'duke';
-    font-size: 3.1rem;
-    line-height: 1;
-    opacity: .3;
-    cursor: pointer;
-    padding: .8rem; }
-    #villes-block_1 header .arrow, #home_themes-block_1 header .arrow, #programmes-block_4 header .arrow {
-      font-size: 1.6rem;
-      display: block;
-      margin-top: -1rem; }
-    #villes-block_1 header.active, #home_themes-block_1 header.active, #programmes-block_4 header.active {
-      opacity: 1;
-      font-size: 4rem; }
-  #villes-block_1 .views-row, #home_themes-block_1 .views-row, #programmes-block_4 .views-row {
-    display: none; }
-  #villes-block_1 .leaflet-container, #home_themes-block_1 .leaflet-container, #programmes-block_4 .leaflet-container {
-    display: none; }
-
 .path-centre-de-ressources {
   background-color: #eff2f9; }
   .path-centre-de-ressources .programme-1 {
@@ -3104,6 +3087,9 @@ article p, .paragraph p {
       .page-node-type-evenement .block-region-third .field_fichier a:hover, .page-node-type-evenement .block-region-third .field_ressources_liees a:hover, .page-node-type-actualite .block-region-third .field_fichier a:hover, .page-node-type-actualite .block-region-third .field_ressources_liees a:hover {
         text-decoration: underline; }
 
+.page-node-type-theme .field_logo, .page-node-type-projet .field_logo {
+  display: block; }
+
 .page-node-type-theme.programme-1 .field_programme, .page-node-type-projet.programme-1 .field_programme {
   background: #4dabc1; }
 

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

@@ -87,84 +87,115 @@ $(function(){
 		$(this).prev().css("display","grid");
 	});
 	
-	$('.views-element-container header').click(function(){
-		let row = $('.views-element-container').find(".views-row");
-		let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
-		if($('.path-frontpage').length > 0){
-			$(row).each(element => {
+	$("body").on("click", ".header_container header", function(){
+		// let row = $('.views-element-container').find(".views-row");
+		// let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
+		// if($('.path-frontpage').length > 0){
+		// 	$(row).each(element => {
 				
-				if($(row[element]).is(":visible") &&  id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
-					$(row[element]).fadeOut();
-				}
-			});
-			$('.views-element-container').find("header").removeClass('active');
-			$('.views-element-container').find("header .arrow").remove();
+		// 		if($(row[element]).is(":visible") &&  id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
+		// 			$(row[element]).fadeOut();
+		// 		}
+		// 	});
+			$('.header_container').find("header").removeClass('active');
+			$('.header_container').find("header .arrow").remove();
 			$(this).append('<span class="arrow"><br>▼</span>');
 			$(this).toggleClass('active');
-
-			$(".home_info_container").fadeOut();
-			if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
-				$("#home_prog_container").fadeIn();
-			}
-			if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
-				$("#home_theme_container").find(".views-row").css("opacity","0");
-				$("#home_theme_container").fadeIn(function(){
-					$("#home_theme_container").slick('refresh');
-					$("#home_theme_container").find(".views-row").css("opacity","1");
-				});	
-			}
-			if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
+			var containers_id  = ["villes-block_1","programmes-block_4","home_themes-block_1"];
+			containers_id.forEach((element) => {
+				$("#"+element).fadeOut();
+			});
+			$("#"+$(this).data("dom")).fadeIn(function(){
+				if($(this).data("dom") == "home_themes-block_1"){
+					console.log("oll");
+					$("#home_themes-block_1").slick('refresh');
+				}
+			});
+			
+			// $(".home_info_container").fadeOut();
+			// if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
+			// 	$("#home_prog_container").fadeIn();
+			// }
+			// if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
+			// 	$("#home_theme_container").find(".views-row").css("opacity","0");
+			// 	$("#home_theme_container").fadeIn(function(){
+			// 		$("#home_theme_container").slick('refresh');
+			// 		$("#home_theme_container").find(".views-row").css("opacity","1");
+			// 	});	
+			// }
+			// if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
 				
-				$("#home_map_container").fadeIn();
+			// 	$("#home_map_container").fadeIn();
 				// var map = L.map('leaflet-map-view-villes-block-1');
 				// map.invalidateSize();
 				// Drupal.behaviors.leaflet
 				// console.log("squik", Drupal.behaviors.leaflet.lMap );
 				
-			}
+		// 	}
 
-		}
-		if($('.page-node-type-programme').length > 0){
-			$(this).parent().find(".views-row").fadeToggle();
+		// }
+		// if($('.page-node-type-programme').length > 0){
+		// 	$(this).parent().find(".views-row").fadeToggle();
 			
-		}
-
+		// }
 		
-	})
+	});
 
 	// HOME PAGE 
 	if($(".path-frontpage").length > 0){
+		
 		let elem = "<div class='main_logo'></div>";
 		$(".about .views-row").prepend(elem);
 
+		var header_container = "<div class='header_container'></div>";
+		
+		$('#home_blocks-block_2').after(header_container);
+
+		
 		//reconstruction header 
 		var header = $('.views-element-container').find("header");
-
-		$(header).each(element => {
-			let words = $(header[element]).text().trim().split(" ");
+		$(header).each((index , element) => {
+			
+			let parent_id =  $(header[index]).parents().eq(2).attr("id");
+			let words = $(header[index]).text().trim().split(" ");
 			let newcontent = words.join('<br>');
-			console.log(words, newcontent);
-			$(header[element]).empty();
-			$(header[element]).append(newcontent);
+			$(header[index]).empty();
+			$(header[index]).append(newcontent);
+			$(header[index]).attr('data-dom', parent_id);
+			let h = $(header[index]).clone();
+			if(index == 0){
+				$(h).append('<span class="arrow"><br>▼</span>');
+				$(h).addClass("active");
+			}
+			$('.header_container').append(h);
 			
 		});
-		$('#programmes-block_4').after('<div id="home_map_container" class="home_info_container"></div><div id="home_theme_container" class="home_info_container"></div><div id="home_prog_container" class="home_info_container"></div>');
-		//populate info container
-		 let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
-		 $("#home_theme_container").empty().append(inner_rows);
-		 $("#home_theme_container").slick({
+		$("#home_themes-block_1 header").remove();
+		$("#home_themes-block_1>div>div").slick({
 			slidesToShow: 5,
 			slidesToScroll: 4,
 			centerMode: false,
 			// centerPadding: '10%',
 			infinite: false,
 		});
-		 inner_rows = $('#programmes-block_4').find(".views-row").clone();
-		 $("#home_prog_container").empty().append(inner_rows);
-		 $('#programmes-block_4 header').append('<span class="arrow"><br>▼</span>').addClass("active");
+		
+		// $('#programmes-block_4').after('<div id="home_map_container" class="home_info_container"></div><div id="home_theme_container" class="home_info_container"></div><div id="home_prog_container" class="home_info_container"></div>');
+		// //populate info container
+		//  let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
+		//  $("#home_theme_container").empty().append(inner_rows);
+		//  $("#home_theme_container").slick({
+		// 	slidesToShow: 5,
+		// 	slidesToScroll: 4,
+		// 	centerMode: false,
+		// 	// centerPadding: '10%',
+		// 	infinite: false,
+		// });
+		//  inner_rows = $('#programmes-block_4').find(".views-row").clone();
+		//  $("#home_prog_container").empty().append(inner_rows);
+		//  $('#programmes-block_4 header').append('<span class="arrow"><br>▼</span>').addClass("active");
 		 
-		 let map = $('#villes-block_1').find("#leaflet-map-view-villes-block-1").clone();
-		 $("#home_map_container").empty().append(map);	 
+		//  let map = $('#villes-block_1').find("#leaflet-map-view-villes-block-1").clone();
+		//  $("#home_map_container").empty().append(map);	 
 
 		
 	}

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

@@ -322,108 +322,136 @@
 	}
 	
 }
-
-#home_blocks-block_3{
-	background: $trame;
-	padding: 2rem;
-	h2{
-		text-align: center;
-		margin: 0 0 1rem 0;
+#villes-block_1, #home_themes-block_1, #programmes-block_4{
+	header{
+		display: none;
 	}
-	.last-ressources{
-		.views-field:not(.views-field-field-image){
-			width: 80%;
-		}
-		.views-row{
-			display: grid !important;
-			grid-template-columns: 1fr 1fr;
-			align-items: center;
-			background: white;
-			position: relative;
-			height: auto;
-			padding: 1rem;
-			background-clip: content-box;
-		}
-		.views-field-field-image{
-			grid-row: 3 / span 2;
-			// margin-top: -1.5rem;
-			z-index: 0;	
-			padding: .5rem;
-		}
-		.views-field:not(.views-field-field-image){
-			background: transparent;
-			width: auto;
-			margin-left: 0;
-			padding-left: 0;
-			color: black;
-			grid-column: 2 / span 1;
-			
+}
+.header_container{
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	grid-column: 1 / span 3;
+	header{
+		text-align: center;
+		font-family: 'duke';
+		font-size: 3.1rem;
+		line-height: 1;
+		opacity: .3; 
+		cursor: pointer;
+		padding: .8rem;
+		align-self: center;
+		.arrow{
+			font-size: $font-large;
+			display: block;
+			margin-top: -1rem;
 		}
-		.views-field-title-1,.views-field-title{
-			font-weight: 400;
-			grid-row: 3 / span 1;
-			
-			font-style: italic;
-			
+		&.active{
+			opacity: 1;
+			font-size: 4rem;
 		}
-		.views-field-field-auteurs{
-			grid-row: 3 / span 1;
-			font-weight: 600;
-			
+	}
+
+}
+#home_themes-block_1{
+	display: none;
+	.slick-slide{
+		margin: 0 1rem;
+	}
+	.slick-arrow{
+		position: absolute;
+		height: 100%;
+		cursor: pointer;
+		z-index: 100;
+		// background-color: white;
+		opacity: 0.2;
+		transition: opacity 250ms;
+		width: 10%;
+		&:hover{
+			opacity: .5;
 		}
-		.views-field-field-edition{
-			grid-row: 5;
-			
+	}
+	.slick-next{
+		right: 0;
+		top: 0;
+	}
+	.views-row{
+		background-clip: content-box;
+		background-color: grey;
+		// height: 10rem;
+		width: 100% !important;
+		position: relative;
+	}
+	
+	.views-row:after{
+		content: "";
+		display: block;
+		padding-bottom: 100%;
+	}
+	
+	.views-field-title{
+		display: grid;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		z-index: 10;
+		position: absolute;
+		text-align: center;
+		align-items: center;
+		padding: .8rem 1rem;
+		font-size: $font-medium;
+		font-weight: 600;
+		color: white;
+		a{
+			margin-top: -.5rem;
+			text-decoration: none;
 		}
+
+	}
+	.views-field-field-image:before{
+		content: "";
+		display: block;
+		position: absolute;
+		background: black;
+		opacity: .4;
+		width: 100%;
+		height: 100%;
+	}
+	.views-field-field-image{
 		
-		.views-field-field-programme{
-			.field-content{
-				display: inline-block;
-				width: auto;
-				padding: .3rem .5rem;
-				
-			}
-			.empty {
-				background-color: black;
-				height: 1rem;
-				// &::before{
-				// 	content: "POPSU";
-				// }
-				
-			}
-			padding-left: .5rem !important;
-			grid-row: 1 / span 1;
-			grid-column: 1 / span 2;
-			text-transform: uppercase;
-			margin-top: -.5rem;
-			.field-content{
-				font-weight: 600;
-				display: inline-block;
-				width: auto;
-				color: white;
-				padding: .02rem .3rem;
-				// margin-bottom: 1rem;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		.field-content{
+			display: grid;
+			// justify-content: center;
+			// align-items: center;
+			padding: 0;
+			overflow: hidden;
+			width: 100%;
+			height: 100%;
+		// 	a{
+		// 		// margin-left: -50%;
+			img{
+				height: 100% !important;
+				width: inherit !important;
+				max-width: none;
 			}
+
+		// 	}
 		}
-	
+		
 	}
 }
-#villes-block_1{
-	grid-column: 1;
-}
-#home_themes-block_1{
-	grid-column: 2;
-}
 #programmes-block_4{
-	grid-column: 3;
-}
-.home_info_container{
-	height: auto;
-	min-height: 5rem;
 	display: none;
 	grid-column: 1 / span 3;
 }
-#home_prog_container{
+#programmes-block_4>div>div{
+	
+
 	display: grid;
 	grid-template-columns: repeat( 3, 1fr);
 	align-items: center;
@@ -553,128 +581,147 @@
 
 	}
 }
-#home_theme_container{
-	.slick-slide{
-		margin: 0 1rem;
+
+
+
+
+
+#home_blocks-block_3{
+	background: $trame;
+	padding: 2rem;
+	h2{
+		text-align: center;
+		margin: 0 0 1rem 0;
 	}
-	.slick-arrow{
-		position: absolute;
-		height: 100%;
-		cursor: pointer;
-		z-index: 100;
-		// background-color: white;
-		opacity: 0.2;
-		transition: opacity 250ms;
-		width: 10%;
-		&:hover{
-			opacity: .5;
+	.last-ressources{
+		.views-field:not(.views-field-field-image){
+			width: 80%;
 		}
-	}
-	.slick-next{
-		right: 0;
-		top: 0;
-	}
-	.views-row{
-		background-clip: content-box;
-		background-color: grey;
-		// height: 10rem;
-		width: 100% !important;
-		position: relative;
-	}
-	
-	.views-row:after{
-		content: "";
-		display: block;
-		padding-bottom: 100%;
-	}
-	
-	.views-field-title{
-		display: grid;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		z-index: 10;
-		position: absolute;
-		text-align: center;
-		align-items: center;
-		padding: .8rem 1rem;
-		font-size: $font-medium;
-		font-weight: 600;
-		color: white;
-		a{
-			margin-top: -.5rem;
-			text-decoration: none;
+		.views-row{
+			display: grid !important;
+			grid-template-columns: 1fr 1fr;
+			align-items: center;
+			background: white;
+			position: relative;
+			height: auto;
+			padding: 1rem;
+			background-clip: content-box;
+		}
+		.views-field-field-image{
+			grid-row: 3 / span 2;
+			// margin-top: -1.5rem;
+			z-index: 0;	
+			padding: .5rem;
+		}
+		.views-field:not(.views-field-field-image){
+			background: transparent;
+			width: auto;
+			margin-left: 0;
+			padding-left: 0;
+			color: black;
+			grid-column: 2 / span 1;
+			
+		}
+		.views-field-title-1,.views-field-title{
+			font-weight: 400;
+			grid-row: 3 / span 1;
+			
+			font-style: italic;
+			
+		}
+		.views-field-field-auteurs{
+			grid-row: 3 / span 1;
+			font-weight: 600;
+			
+		}
+		.views-field-field-edition{
+			grid-row: 5;
+			
 		}
-
-	}
-	.views-field-field-image:before{
-		content: "";
-		display: block;
-		position: absolute;
-		background: black;
-		opacity: .4;
-		width: 100%;
-		height: 100%;
-	}
-	.views-field-field-image{
 		
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		position: absolute;
-		.field-content{
-			display: grid;
-			// justify-content: center;
-			// align-items: center;
-			padding: 0;
-			overflow: hidden;
-			width: 100%;
-			height: 100%;
-		// 	a{
-		// 		// margin-left: -50%;
-			img{
-				height: 100% !important;
-				width: inherit !important;
-				max-width: none;
+		.views-field-field-programme{
+			.field-content{
+				display: inline-block;
+				width: auto;
+				padding: .3rem .5rem;
+				
+			}
+			.empty {
+				background-color: black;
+				height: 1rem;
+				// &::before{
+				// 	content: "POPSU";
+				// }
+				
+			}
+			padding-left: .5rem !important;
+			grid-row: 1 / span 1;
+			grid-column: 1 / span 2;
+			text-transform: uppercase;
+			margin-top: -.5rem;
+			.field-content{
+				font-weight: 600;
+				display: inline-block;
+				width: auto;
+				color: white;
+				padding: .02rem .3rem;
+				// margin-bottom: 1rem;
 			}
-
-		// 	}
 		}
-		
+	
 	}
 }
 
-#villes-block_1, #home_themes-block_1, #programmes-block_4{
-	background: $bck-col;
-	height: 100%;
-	display: grid;
-	align-items: center;
-	header{
-		text-align: center;
-		font-family: 'duke';
-		font-size: 3.1rem;
-		line-height: 1;
-		opacity: .3; 
 
-		cursor:pointer;
-		padding: .8rem;
-		.arrow{
-			font-size: $font-large;
-			display: block;
-			margin-top: -1rem;
-		}
-		&.active{
-			opacity: 1;
-			font-size: 4rem;
-		}
-	}
-	.views-row{
-		display: none;
-	}
-	.leaflet-container{
-		display: none;
-	}
+
+
+// #villes-block_1{
+// 	grid-column: 1;
+// }
+// #home_themes-block_1{
+// 	grid-column: 2;
+// }
+// #programmes-block_4{
+// 	grid-column: 3;
+// }
+// .home_info_container{
+// 	height: auto;
+// 	min-height: 5rem;
+// 	display: none;
+// 	grid-column: 1 / span 3;
+// }
+
+
+
+// #villes-block_1, #home_themes-block_1, #programmes-block_4{
+// 	background: $bck-col;
+// 	height: 100%;
+// 	display: grid;
+// 	align-items: center;
+// 	header{
+// 		text-align: center;
+// 		font-family: 'duke';
+// 		font-size: 3.1rem;
+// 		line-height: 1;
+// 		opacity: .3; 
+
+// 		cursor:pointer;
+// 		padding: .8rem;
+// 		.arrow{
+// 			font-size: $font-large;
+// 			display: block;
+// 			margin-top: -1rem;
+// 		}
+// 		&.active{
+// 			opacity: 1;
+// 			font-size: 4rem;
+// 		}
+// 	}
+// 	.views-row{
+// 		display: none;
+// 	}
+// 	.leaflet-container{
+// 		display: none;
+// 	}
 	
-}
+// }

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

@@ -1,4 +1,7 @@
 .page-node-type-theme, .page-node-type-projet{
+    .field_logo{
+        display: block;
+    }
     &.programme-1{
         .field_programme{
             background: $col-1;