slider color and adjustement

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

@@ -999,18 +999,30 @@ table {
 .slick-arrow.slick-hidden {
   display: none; }
 
-.programme-2 .views-field-field-programme .field-content {
+.programme-1 .views-field-field-programme .field-content {
   background: #4dabc1; }
 
-.programme-2 .views-field {
+.programme-1 .views-field {
   color: #4dabc1; }
 
-.programme-2 .views-field-title {
+.programme-1 .views-field-title {
   color: #4dabc1; }
-  .programme-2 .views-field-title:hover {
+  .programme-1 .views-field-title:hover {
     background: #4dabc1;
     color: white; }
 
+.programme-2 .views-field-field-programme .field-content {
+  background: #61ab32; }
+
+.programme-2 .views-field {
+  color: #61ab32; }
+
+.programme-2 .views-field-title {
+  color: #61ab32; }
+  .programme-2 .views-field-title:hover {
+    background: #61ab32;
+    color: white; }
+
 .programme-3 .views-field-field-programme .field-content {
   background: #646578; }
 
@@ -1436,11 +1448,6 @@ footer {
   .path-frontpage .block-region-content .views-element-container {
     grid-column: 1 / span 3; }
 
-.last-news .views-field-field-image {
-  height: 25rem; }
-  .last-news .views-field-field-image img {
-    width: 100%; }
-
 .last-news .slick-slide, .last-ressources .slick-slide {
   margin: 0 1rem; }
 
@@ -1464,32 +1471,119 @@ footer {
   grid-template-columns: 1fr;
   position: relative;
   height: auto; }
-  .last-news .views-row .views-field-field-image, .last-ressources .views-row .views-field-field-image {
+  .last-news .views-row a, .last-ressources .views-row a {
+    text-decoration: none; }
+
+.last-news .programme-1 .views-field {
+  background: #4dabc1 !important; }
+
+.last-news .programme-2 .views-field {
+  background: #61ab32 !important; }
+
+.last-news .programme-3 .views-field {
+  background: #646578 !important; }
+
+.last-news .programme-4 .views-field {
+  background: black; }
+
+.last-news .programme-5 .views-field {
+  background: #ab9569 !important; }
+
+.last-news .programme-6 .views-field {
+  background: #e01a35 !important; }
+
+.last-news .programme-7 .views-field {
+  background: #28429f !important; }
+
+.last-news {
+  margin-top: 2rem; }
+  .last-news .views-field-field-image {
+    height: 25rem; }
+    .last-news .views-field-field-image img {
+      width: 100%; }
+  .last-news .views-field-field-image {
     grid-column: 1;
-    grid-row: 1 / span 4;
+    grid-row: auto;
     z-index: -1;
-    padding-top: 1rem; }
-  .last-news .views-row .views-field:not(.views-field-field-image), .last-ressources .views-row .views-field:not(.views-field-field-image) {
-    background: black;
-    width: 50%;
+    margin-top: -15%; }
+  .last-news .views-field:not(.views-field-field-image) {
+    padding-right: .5rem;
+    padding-left: .5rem;
+    background-color: black;
+    width: 90%;
     margin-left: 1rem;
-    padding-left: 1rem;
-    color: white; }
-  .last-news .views-row .views-field-title, .last-ressources .views-row .views-field-title {
-    padding-bottom: 1rem;
-    grid-column: 1;
-    grid-row: 3;
-    font-weight: 600; }
-  .last-news .views-row .views-field-view-node, .last-ressources .views-row .views-field-view-node {
-    padding-top: 1rem;
+    color: white;
+    align-self: flex-start;
     grid-column: 1;
-    grid-row: 1; }
-  .last-news .views-row .views-field-field-programme, .last-ressources .views-row .views-field-field-programme {
+    grid-auto-rows: min-content;
+    font-size: 0.8rem;
+    text-transform: uppercase; }
+  .last-news .views-field-title {
+    font-size: 2.3rem !important;
+    font-weight: 500;
+    line-height: 1.2;
+    padding-top: .3rem; }
+  .last-news .views-field-field-sous-titre {
+    padding: .5rem 0 1rem 0; }
+  .last-news .views-field-field-programme {
     text-transform: uppercase;
-    grid-column: 1;
-    grid-row: 2; }
-  .last-news .views-row a, .last-ressources .views-row a {
-    text-decoration: none; }
+    grid-row: 1;
+    font-weight: 500;
+    padding: .5rem 0 .5rem 0; }
+
+.last-ressources .views-field {
+  color: black; }
+
+.last-ressources .views-field-field-image {
+  grid-column: 1;
+  grid-row: 1 / span 4;
+  z-index: -1; }
+
+.last-ressources .views-field:not(.views-field-field-image) {
+  background: black;
+  width: 50%;
+  margin-left: 1rem;
+  padding-left: 1rem;
+  color: white; }
+
+.last-ressources .views-field-title-1, .last-ressources .views-field-title {
+  padding-bottom: 1rem;
+  grid-column: 2;
+  grid-row: 3;
+  font-weight: 600; }
+
+.last-ressources .views-field-view-node {
+  grid-row: 4 / span 1;
+  grid-column: 2 / span 1;
+  margin-bottom: 1rem; }
+
+.last-ressources .views-field-field-programme {
+  text-transform: uppercase;
+  grid-column: 1;
+  grid-row: 1;
+  font-weight: 500;
+  margin-bottom: 1rem; }
+
+.last-ressources .programme-1 .views-field {
+  color: #4dabc1 !important; }
+
+.last-ressources .programme-2 .views-field {
+  color: #61ab32 !important; }
+
+.last-ressources .programme-3 .views-field {
+  color: #646578 !important; }
+
+.last-ressources .programme-4 .views-field {
+  color: black; }
+
+.last-ressources .programme-5 .views-field {
+  color: #ab9569 !important; }
+
+.last-ressources .programme-6 .views-field {
+  color: #e01a35 !important; }
+
+.last-ressources .programme-7 .views-field {
+  color: #28429f !important; }
 
 .main_logo {
   z-index: 10;
@@ -1501,21 +1595,22 @@ footer {
 .about {
   box-shadow: inset 0 17rem 18rem #eff2f9;
   background: url(../images/motif_croix.svg);
+  font-size: 0.8rem;
   text-align: center;
   padding: 18rem 0 3rem 0;
   margin-top: -15rem; }
-  .about article h2 {
+  .about .views-row .views-field-title {
     font-family: "duke" !important;
     font-size: 1.6rem;
     color: black;
     font-weight: 400; }
-    .about article h2 a {
+    .about .views-row .views-field-title a {
       text-decoration: none; }
-  .about article h3 {
+  .about .views-row h3 {
     color: black; }
-  .about article div {
+  .about .views-row div {
     margin: 0 5%; }
-  .about article .links {
+  .about .views-row .views-field-view-node {
     display: inline-block;
     margin: 0 auto;
     background: black;
@@ -1525,9 +1620,9 @@ footer {
     padding: .5rem 1.5rem;
     font-size: 0.8rem;
     margin-top: 1rem; }
-    .about article .links a {
+    .about .views-row .views-field-view-node a {
       text-decoration: none; }
-      .about article .links a:hover {
+      .about .views-row .views-field-view-node a:hover {
         text-decoration: underline; }
 
 #home_blocks-block_3 {
@@ -1549,21 +1644,18 @@ footer {
     background-clip: content-box; }
   #home_blocks-block_3 .last-ressources .views-field-field-image {
     grid-row: 3 / span 2;
-    margin-top: -1.5rem;
     z-index: 0;
     padding: .5rem; }
   #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
     background: transparent;
     width: auto;
     margin-left: 0;
-    padding-left: 0; }
-  #home_blocks-block_3 .last-ressources .views-field-title {
+    padding-left: 0;
+    color: black; }
+  #home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title {
     font-weight: 600;
     grid-row: 3 / span 1;
     grid-column: 2 / span 1; }
-  #home_blocks-block_3 .last-ressources .views-field-view-node {
-    grid-row: 2 / span 1;
-    grid-column: 2 / span 1; }
   #home_blocks-block_3 .last-ressources .views-field-field-programme {
     padding-left: .5rem !important;
     grid-row: 1 / span 1;
@@ -1573,7 +1665,6 @@ footer {
     #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
       display: inline-block;
       width: auto;
-      background-color: #28429f;
       padding: .3rem .5rem; }
     #home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
       background-color: black;
@@ -1626,9 +1717,9 @@ footer {
         text-decoration: none; }
   #home_prog_container .views-field-field-diaporama {
     display: none; }
-  #home_prog_container .programme-2 {
+  #home_prog_container .programme-1 {
     background: center/60% no-repeat url(../images/POPSU_1.svg) white; }
-    #home_prog_container .programme-2:hover {
+    #home_prog_container .programme-1:hover {
       background: #4dabc1; }
   #home_prog_container .programme-2 {
     background: center/60% no-repeat url(../images/POPSU_2.svg) white; }
@@ -1699,12 +1790,17 @@ footer {
   left: 0;
   width: 100%;
   height: 100%;
-  position: absolute;
-  display: grid;
-  align-items: center; }
-  #home_theme_container .views-field-field-image img {
+  position: absolute; }
+  #home_theme_container .views-field-field-image .field-content {
+    display: grid;
+    padding: 0;
+    overflow: hidden;
     width: 100%;
-    height: auto; }
+    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;
@@ -1955,7 +2051,6 @@ article p, .paragraph p {
     .path-actus .content_container .layout__region--content .views-element-container div h2 {
       margin: 1rem 0; }
   .path-actus .content_container .layout__region--content .views-element-container article h2 {
-    color: white;
     padding: 0; }
     .path-actus .content_container .layout__region--content .views-element-container article h2 a {
       text-decoration: none; }
@@ -1977,6 +2072,27 @@ article p, .paragraph p {
       font-size: 0.8rem;
       text-decoration: none; }
 
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 * {
+  color: #4dabc1 !important; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 * {
+  color: #61ab32 !important; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 * {
+  color: #646578 !important; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 * {
+  color: black; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 * {
+  color: #ab9569 !important; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 * {
+  color: #e01a35 !important; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 * {
+  color: #28429f !important; }
+
 .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2000,7 +2116,7 @@ article p, .paragraph p {
 
 .path-actus .content_container .slick-slide {
   margin: 0 1rem;
-  background-color: #98d0d9;
+  background-color: white;
   padding: 1rem; }
 
 .path-actus .content_container .slick-arrow {

web/themes/custom/popsu/popsu.theme

@@ -11,15 +11,73 @@ use Drupal\Core\Template\Attribute;
 
 function popsu_preprocess_views_view_unformatted(&$variables) {
 
-  $view = $variables['view'];  
+  $view = &$variables['view'];  
+  $rows = &$variables['rows'];
   if($view->id() == "programmes"){
-    $rows = $variables['rows'];
-        foreach ($rows as $id => $row) {
-            $variables['rows'][$id]['attributes'] = new Attribute();
-            $c = $variables['rows'][$id]['content']["#row"]->nid;
-            $variables['rows'][$id]['attributes']->addClass("programme-".$c);
+    foreach ($rows as $id => $row) {
+      $variables['rows'][$id]['attributes'] = new Attribute();
+      $c = $variables['rows'][$id]['content']["#row"]->nid;
+      $variables['rows'][$id]['attributes']->addClass("programme-".$c);
+    }
+  }else{
+    foreach ($rows as $id => $row) {
+      if(isset($row['content']['#row'])){
+        $r = $row['content']['#row'];
+        $entity = $r->_entity;
+        if ($entity->hasField('field_programme') && $entity->get('field_programme')->getString() != "" ) {
+          $c = $entity->get('field_programme')->getString();
+          $variables['rows'][$id]['attributes'] = new Attribute();
+          $variables['rows'][$id]['attributes']->addClass("programme-".$c);
+        }
+      }else if(isset($row['content']['#node'])){
+        $r = $row['content']['#node'];
+        if ($r->hasField('field_programme') && $r->get('field_programme')->getString() != "" ) {
+          $c = $r->get('field_programme')->getString();
+          $variables['rows'][$id]['attributes'] = new Attribute();
+          $variables['rows'][$id]['attributes']->addClass("programme-".$c);
+          // kint($c);die();
         }
+       
+      }
+      
+
+      // foreach ($row['#rows'] as $j => &$elem) {
+      //   $entity = $elem["#row"]->_entity;
+      //   if ($entity->hasField('field_programme')) {
+          
+      //     $prog_id = $entity->get('field_programme')->getString();
+      //     kint($prog_id);die();
+      //     $class = "programme-".$prog_id;
+      //     // $elem["#row"]['attributes']["class"] = $class;
+      //     // $attributes = array(
+      //     //   "class" => $class
+      //     // );
+      //   }
+      // }
+      // kint($rows);die();
+      // $variables['rows'][$id]['attributes'] = new Attribute();
+      // $c = $variables['rows'][$id]['content']["#row"]->nid;
+      // $variables['rows'][$id]['attributes']->addClass("programme-".$c);
+   }
   }
+  // $storage = $view->storage;
+  // if(isset($storage['css_class'])){
+  //  kint($storage);die();
+    // $rows = &$variables['rows'];
+    // foreach ( $rows as $i => &$row ){
+    //   foreach ($row['#rows'] as $j => &$elem) {
+    //     $entity = $elem["#row"]->_entity;
+    //     if ($entity->hasField('field_programme')) {
+    //       $prog_id = $entity->get('field_programme')->getString();
+    //       $class = "programme-".$prog_id;
+    //       // $elem["#row"]['attributes']["class"] = $class;
+    //       // $attributes = array(
+    //       //   "class" => $class
+    //       // );
+    //     }
+    //   }
+    // }
+  //  }
 
 };
 
@@ -35,32 +93,9 @@ function popsu_preprocess_region(&$variables) {
 
 
 /**
- * Implements hook_preprocess_page().
+ * Implements hook_preprocess_views_view_unformatted().
  */
 
-function popsu_preprocess_views_view(&$variables){
-  $vars = $variables;
-  if(isset($variables['css_class']) &&  $variables['css_class'] == 'last-news'){
-
-    $rows =& $variables['rows'];
-    foreach ($rows as $i => &$row ){
-      foreach ($row['#rows'] as $j => &$elem) {
-        $entity = $elem["#row"]->_entity;
-        if ($entity->hasField('field_programme')) {
-          $prog_id = $entity->get('field_programme')->getString();
-          $class = "programme-".$prog_id;
-          $attributes = array(
-            "class" => $class
-          );
-        }
-
-        // $elem['id'] = new Attribute("socks");
-        //$elem['attributes']->addClass($class);
-      }
-    }
-  }
-  
-}
 
 function popsu_preprocess_views_view_grid(&$variables){
   // we pass all variables by reference
@@ -162,7 +197,6 @@ function popsu_preprocess_block__entity_field(&$variables){
     }
     if ($all_empty) {
       $variables['isEmpty'] = true;
-      $t="t";
     }
 
 

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

@@ -20,7 +20,7 @@
 				}
 				article{
 					h2{
-						color: white;
+						// color: white;
 						padding: 0;
 						a{
 							text-decoration: none;
@@ -51,6 +51,51 @@
 				}
 			}
 			#actus_blocks-block_1{
+
+				.programme-1{
+					*{
+						color: $col-1 !important;
+					}
+					
+				}
+				.programme-2{
+					*{
+						color: $col-2 !important;
+					}
+				}
+				.programme-3{
+					*{
+						color: $col-eur !important;
+					}
+				}
+				.programme-4{
+					*{
+						color: black;
+					}
+					
+				}
+				
+				.programme-5{
+					*{
+						color: $col-mond !important;
+					}
+					
+				}
+				.programme-6{
+					*{
+						color: $col-ter !important;
+					}
+					
+				}
+				.programme-7{
+					*{
+						color: $col-met !important;
+					}
+					
+				}
+
+
+
 				.views-row article{
 					display: grid !important;
 					grid-template-columns: repeat( 2, minmax(0, 1fr));
@@ -87,7 +132,7 @@
 	
 		.slick-slide{
 			margin: 0 1rem;
-			background-color: $lightblue;
+			background-color: white;
 			padding: 1rem;
 		}
 		.slick-arrow{

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

@@ -11,14 +11,7 @@
 		}
 	}
 }
-.last-news{
-	.views-field-field-image{
-		height: 25rem;
-		img{
-			width: 100%;
-		}
-	}
-}
+
 .last-news, .last-ressources{
 	.slick-slide{
 		margin: 0 1rem;
@@ -47,43 +40,195 @@
 		// flex-direction: column-reverse;
 		position: relative;
 		height: auto;
-		.views-field-field-image{
-			grid-column: 1;
-			grid-row: 1 / span 4;
-			z-index: -1;
-			padding-top: 1rem;
+		a{
+			text-decoration: none;
 		}
-		.views-field:not(.views-field-field-image){
-			background: black;
-			width: 50%;
-			margin-left: 1rem;
-			padding-left: 1rem;
-			color: white;
-			
+	}
+}
+.last-news .programme-1{
+	.views-field{
+		background: $col-1 !important;
+	}
+}
+.last-news .programme-2{
+	.views-field{
+		background: $col-2 !important;
+	}
+}
+.last-news .programme-3{
+	.views-field{
+		background: $col-eur !important;
+	}
+}
+.last-news .programme-4{
+	.views-field{
+		background: black;
+	}
+}
+
+.last-news .programme-5{
+	.views-field{
+		background: $col-mond !important;
+	}
+}
+.last-news .programme-6{
+	.views-field{
+		background: $col-ter !important;
+	}
+}
+.last-news .programme-7{
+	.views-field{
+		background: $col-met !important;
+	}
+}
+.last-news{
+	margin-top: 2rem;
+	.views-field-field-image{
+		height: 25rem;
+		img{
+			width: 100%;
 		}
-		.views-field-title{
-			padding-bottom: 1rem;
-			grid-column: 1;
-			grid-row: 3;
-			font-weight: 600;
+	}
+	.views-field-field-image{
+		grid-column: 1;
+		grid-row: auto;
+		z-index: -1;
+		margin-top: -15%;
+	}
+	.views-field:not(.views-field-field-image){
+		padding-right: .5rem;
+		padding-left: .5rem;
+		background-color: black;
+		width: 90%;
+		margin-left: 1rem;
+		color: white;
+		align-self: flex-start;
+		grid-column: 1;
+		grid-auto-rows: min-content;
+
+		font-size: $font-medium;
+
+		text-transform: uppercase;
+		
+	}
+
+	// .views-field-field-type-evenement{
+	// 	grid-row: 4;
+	// }
+	.views-field-title{
+		// grid-row: 5;
+		font-size: $font-extra !important;
+		font-weight: 500;
+		line-height: 1.2;
+		padding-top: .3rem;
+
+	}
+	.views-field-field-sous-titre{
+		padding: .5rem 0 1rem 0;
+	}
+	
+	.views-field-field-programme{
+		text-transform: uppercase;
+		grid-row: 1;
+		font-weight: 500;			
+		padding: .5rem 0 .5rem 0;
+	}
+
+
+
+
+
+
+
+
+
+}
+
+.last-ressources{
+	.views-field{
+		color: black;
+	}
+	.views-field-field-image{
+		grid-column: 1;
+		grid-row: 1 / span 4;
+		z-index: -1;
+		// padding-top: 1rem;
+	}
+	.views-field:not(.views-field-field-image){
+		background: black;
+		width: 50%;
+		margin-left: 1rem;
+		padding-left: 1rem;
+		color: white;
+		
+	}
+	.views-field-title-1, .views-field-title{
+		padding-bottom: 1rem;
+		grid-column: 2;
+		grid-row: 3;
+		font-weight: 600;
+	}
+	.views-field-view-node{
+		// padding-top: 1rem;
+		// grid-column: 1;
+		// grid-row: 1;
+		grid-row: 4 / span 1;
+		grid-column: 2 / span 1;
+		margin-bottom: 1rem;
+	}
+	.views-field-field-programme{
+		text-transform: uppercase;
+		grid-column: 1;
+		grid-row: 1;
+		font-weight: 500;
+		margin-bottom: 1rem;
+	}
+
+	.programme-1{
+		.views-field{
+			color: $col-1 !important;
 		}
-		.views-field-view-node{
-			padding-top: 1rem;
-			grid-column: 1;
-			grid-row: 1;
+	}
+	.programme-2{
+		.views-field{
+			color: $col-2 !important;
 		}
-		.views-field-field-programme{
-			text-transform: uppercase;
-			grid-column: 1;
-			grid-row: 2;
-			
-
+	}
+	.programme-3{
+		.views-field{
+			color: $col-eur !important;
 		}
-		a{
-			text-decoration: none;
+	}
+	.programme-4{
+		.views-field{
+			color: black;
+		}
+	}
+	
+	.programme-5{
+		.views-field{
+			color: $col-mond !important;
 		}
 	}
+	.programme-6{
+		.views-field{
+			color: $col-ter !important;
+		}
+	}
+	.programme-7{
+		.views-field{
+			color: $col-met !important;
+		}
+	}
+
+
+
+
+
+
+
 }
+
 .main_logo{
 	z-index: 10;
 	height: 7rem;
@@ -95,11 +240,12 @@
 .about{
 	box-shadow: inset 0 17rem 18rem $bck-col;
 	background: $trame;
+	font-size: $font-medium;
 	text-align: center;	
 	padding: 18rem 0 3rem 0;
 	margin-top: -15rem;
-	article{
-		h2{
+	.views-row{
+		.views-field-title{
 			font-family: "duke" !important;
 			font-size: $font-large;
 			color:black;
@@ -114,7 +260,7 @@
 		div{
 			margin: 0 5%;
 		}
-		.links{
+		.views-field-view-node{
 			display: inline-block;
 			margin: 0 auto;
 			background: black;
@@ -159,7 +305,7 @@
 		}
 		.views-field-field-image{
 			grid-row: 3 / span 2;
-			margin-top: -1.5rem;
+			// margin-top: -1.5rem;
 			z-index: 0;	
 			padding: .5rem;
 		}
@@ -168,26 +314,20 @@
 			width: auto;
 			margin-left: 0;
 			padding-left: 0;
+			color: black;
 			
 		}
-		.views-field-title{
+		.views-field-title-1,.views-field-title{
 			font-weight: 600;
 			grid-row: 3 / span 1;
 			grid-column: 2 / span 1;
 			
 		}
-		.views-field-view-node{
-			// padding-top: 1rem;
-			// grid-column: 1;
-			// grid-row: 1;
-			grid-row: 2 / span 1;
-			grid-column: 2 / span 1;
-		}
+		
 		.views-field-field-programme{
 			.field-content{
 				display: inline-block;
 				width: auto;
-				background-color: $col-met;
 				padding: .3rem .5rem;
 				
 			}
@@ -271,10 +411,8 @@
 	}
 	//
 
-	// .views-field-title{
-	// 	margin: 3rem;
-	// }
-	.programme-2{
+
+	.programme-1{
 		background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
 		
 		&:hover{
@@ -313,6 +451,7 @@
 		&:hover{
 			background: $col-met;
 		}
+
 	}
 }
 #home_theme_container{
@@ -372,12 +511,28 @@
 		width: 100%;
 		height: 100%;
 		position: absolute;
-		display: grid;
-		align-items: center;
-		img{
+		.field-content{
+			display: grid;
+			// justify-content: center;
+			// align-items: center;
+			padding: 0;
+			overflow: hidden;
 			width: 100%;
-			height: auto;
+			height: 100%;
+		// 	a{
+		// 		// margin-left: -50%;
+			img{
+				height: 100% !important;
+				width: inherit !important;
+				max-width: none;
+			}
+
+		// 	}
+		// 	&:hover{
+		// 		opacity: .6;
+		// 	}
 		}
+		
 	}
 }
 

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

@@ -17,7 +17,7 @@ $lightblue: #98d0d9;
 $trame: url(../images/motif_croix.svg);
 
 //programmes values
-.programme-2{
+.programme-1{
 	.views-field-field-programme{
 		.field-content{
 			background: $col-1;
@@ -36,6 +36,25 @@ $trame: url(../images/motif_croix.svg);
 	}
 }
 
+.programme-2{
+	.views-field-field-programme{
+		.field-content{
+			background: $col-2;
+		}
+		
+	}
+	.views-field{
+			color: $col-2;
+	}
+	.views-field-title{
+		color: $col-2;
+		&:hover{
+			background: $col-2;
+			color:white;
+		}
+	}
+}
+
 .programme-3{
 	.views-field-field-programme{
 		.field-content{