page ressources slider

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

@@ -1827,6 +1827,41 @@ footer {
 
 .path-centre-de-ressources {
   background-color: #eff2f9; }
+  .path-centre-de-ressources .programme-1 {
+    color: #4dabc1; }
+    .path-centre-de-ressources .programme-1 .views-field-field-programme .field-content {
+      background: #4dabc1;
+      color: white; }
+  .path-centre-de-ressources .programme-2 {
+    color: #61ab32; }
+    .path-centre-de-ressources .programme-2 .views-field-field-programme .field-content {
+      background: #61ab32;
+      color: white; }
+  .path-centre-de-ressources .programme-3 {
+    color: #646578; }
+    .path-centre-de-ressources .programme-3 .views-field-field-programme .field-content {
+      background: #646578;
+      color: white; }
+  .path-centre-de-ressources .programme-4 {
+    color: #28429f; }
+    .path-centre-de-ressources .programme-4 .views-field-field-programme .field-content {
+      background: #28429f;
+      color: white; }
+  .path-centre-de-ressources .programme-5 {
+    color: #ab9569; }
+    .path-centre-de-ressources .programme-5 .views-field-field-programme .field-content {
+      background: #ab9569;
+      color: white; }
+  .path-centre-de-ressources .programme-6 {
+    color: #e01a35; }
+    .path-centre-de-ressources .programme-6 .views-field-field-programme .field-content {
+      background: #e01a35;
+      color: white; }
+  .path-centre-de-ressources .programme-7 {
+    color: #28429f; }
+    .path-centre-de-ressources .programme-7 .views-field-field-programme .field-content {
+      background: #28429f;
+      color: white; }
   .path-centre-de-ressources main {
     flex: 0 0 100%;
     max-width: 100%; }
@@ -1834,36 +1869,94 @@ footer {
     margin-bottom: 0; }
     .path-centre-de-ressources header .slick-slide {
       margin: 0 1rem; }
-      .path-centre-de-ressources header .slick-slide .views-row {
+      .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) {
         display: grid !important;
         grid-template-columns: 1fr;
+        background-color: white;
         position: relative;
         height: auto; }
-        .path-centre-de-ressources header .slick-slide .views-row .views-field-field-image {
-          grid-column: 1;
-          grid-row: 1 / span 4;
-          z-index: -1;
-          padding-top: 1rem; }
-        .path-centre-de-ressources header .slick-slide .views-row .views-field:not(.views-field-field-image) {
-          background: blue;
-          width: 50%;
-          margin-left: 1rem;
-          padding-left: 1rem; }
-        .path-centre-de-ressources header .slick-slide .views-row .views-field-title {
-          padding-bottom: 1rem;
-          grid-column: 1;
-          grid-row: 3;
-          font-weight: 600; }
-        .path-centre-de-ressources header .slick-slide .views-row .views-field-view-node {
-          padding-top: 1rem;
-          grid-column: 1;
-          grid-row: 1; }
-        .path-centre-de-ressources header .slick-slide .views-row .views-field-field-programme {
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field:not(:first-child) {
+          padding: 0 0 0 .4rem; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image {
+          grid-row: 3 / span 2;
+          margin-top: -1.5rem; }
+          .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image img {
+            width: 100%; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme {
+          grid-row: 1 / span 1;
+          grid-column: 1 / span 2; }
+          .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme .field-content {
+            font-weight: 600;
+            display: inline-block;
+            width: auto;
+            color: white;
+            padding: .15rem .3rem;
+            margin-bottom: 1rem; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme .field-content {
+          color: black; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-type-de-ressource {
           text-transform: uppercase;
-          grid-column: 1;
-          grid-row: 2; }
-        .path-centre-de-ressources header .slick-slide .views-row a {
+          font-weight: 600;
+          margin-bottom: .5rem;
+          font-size: 0.45rem;
+          grid-row: 2 / span 1;
+          grid-column: 2 / span 1; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-title {
+          font-style: italic;
+          grid-row: 3 / span 1;
+          grid-column: 2 / span 1; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-sous-titre {
+          margin-bottom: 1rem;
+          grid-row: 4 / span 1;
+          grid-column: 2 / span 1;
+          align-self: baseline; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme {
+          grid-row: 5 / span 1;
+          grid-column: 1 / span 2;
+          font-size: 0.45rem; }
+        .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) a {
           text-decoration: none; }
+      .path-centre-de-ressources header .slick-slide .type-74 {
+        display: grid !important;
+        grid-template-columns: 1fr;
+        grid-auto-rows: min-content;
+        background-color: white;
+        width: 100% !important;
+        padding: .3rem; }
+        .path-centre-de-ressources header .slick-slide .type-74 a {
+          text-decoration: none; }
+          .path-centre-de-ressources header .slick-slide .type-74 a:hover {
+            text-decoration: underline; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field:not(:first-child) {
+          padding: 0 0 0 .4rem; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image {
+          grid-row: 2; }
+          .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image img {
+            width: 80%; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme {
+          grid-row: 1 / span 1; }
+          .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme .field-content {
+            font-weight: 600;
+            display: inline-block;
+            width: auto;
+            color: white;
+            padding: .15rem .3rem;
+            margin-bottom: 1rem; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme .field-content {
+          color: black; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-type-de-ressource {
+          text-transform: uppercase;
+          font-weight: 600;
+          margin-bottom: .5rem;
+          font-size: 0.45rem; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-title {
+          font-style: italic; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-sous-titre {
+          margin-bottom: 1rem;
+          align-self: baseline; }
+        .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme {
+          font-size: 0.45rem;
+          text-align: right; }
     .path-centre-de-ressources header .slick-arrow {
       position: absolute;
       height: 100%;
@@ -1895,8 +1988,10 @@ footer {
       grid-column-start: 2; }
     .path-centre-de-ressources form .form-item-programme {
       grid-column-start: 2; }
-    .path-centre-de-ressources form .form-item-items-per-page {
+    .path-centre-de-ressources form .form-item-field-collections-target-id {
       grid-column-start: 2; }
+    .path-centre-de-ressources form .form-item-items-per-page {
+      grid-column-start: 3; }
     .path-centre-de-ressources form select, .path-centre-de-ressources form input {
       display: inline-block;
       width: auto;
@@ -1927,54 +2022,94 @@ footer {
       align-items: flex-start; }
       .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
         grid-column-start: 2; }
-    .path-centre-de-ressources .views-view-grid .views-col {
+    .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) {
       display: grid;
       grid-template-columns: 40%  60%;
       grid-auto-rows: min-content;
       background-color: white;
       width: 100% !important;
       padding: .3rem; }
-      .path-centre-de-ressources .views-view-grid .views-col a {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a {
         text-decoration: none; }
-        .path-centre-de-ressources .views-view-grid .views-col a:hover {
+        .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
           text-decoration: underline; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field:not(:first-child) {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
         padding: 0 0 0 .4rem; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-field-image {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
         grid-row: 3 / span 2;
         margin-top: -1.5rem; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme {
         grid-row: 1 / span 1;
         grid-column: 1 / span 2; }
-        .path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme .field-content {
+        .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme .field-content {
           font-weight: 600;
           display: inline-block;
           width: auto;
           color: white;
           padding: .15rem .3rem;
           margin-bottom: 1rem; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme .field-content {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
         color: black; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
         text-transform: uppercase;
         font-weight: 600;
         margin-bottom: .5rem;
         font-size: 0.45rem;
         grid-row: 2 / span 1;
         grid-column: 2 / span 1; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-title {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-title {
         font-style: italic;
         grid-row: 3 / span 1;
         grid-column: 2 / span 1; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-sous-titre {
         margin-bottom: 1rem;
         grid-row: 4 / span 1;
         grid-column: 2 / span 1;
         align-self: baseline; }
-      .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
         grid-row: 5 / span 1;
         grid-column: 1 / span 2;
         font-size: 0.45rem; }
+    .path-centre-de-ressources .views-view-grid .type-74 {
+      display: grid;
+      grid-template-columns: 1fr;
+      grid-auto-rows: min-content;
+      background-color: white;
+      width: 100% !important;
+      padding: .3rem; }
+      .path-centre-de-ressources .views-view-grid .type-74 a {
+        text-decoration: none; }
+        .path-centre-de-ressources .views-view-grid .type-74 a:hover {
+          text-decoration: underline; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field:not(:first-child) {
+        padding: 0 0 0 .4rem; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-image {
+        grid-row: 2; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme {
+        grid-row: 1 / span 1; }
+        .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme .field-content {
+          font-weight: 600;
+          display: inline-block;
+          width: auto;
+          color: white;
+          padding: .15rem .3rem;
+          margin-bottom: 1rem; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme .field-content {
+        color: black; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-type-de-ressource {
+        text-transform: uppercase;
+        font-weight: 600;
+        margin-bottom: .5rem;
+        font-size: 0.45rem;
+        margin-top: .3rem; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-title {
+        font-style: italic; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-sous-titre {
+        margin-bottom: 1rem;
+        align-self: baseline; }
+      .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
+        font-size: 0.45rem;
+        text-align: right; }
   .path-centre-de-ressources .js-pager__items {
     text-align: center; }
 
@@ -2267,10 +2402,11 @@ article p, .paragraph p {
       .page-node-type-programme .block-region-third .views-field a:hover {
         text-decoration: underline; }
 
-.page-node-type-programme article {
-  font-size: 0.45rem; }
-  .page-node-type-programme article h2:first-child {
-    display: none; }
+.page-node-type-programme article h2:first-child {
+  display: none; }
+
+.page-node-type-programme article .body {
+  font-size: 0.8rem; }
 
 .page-node-type-programme .block-region-bottom {
   background: url(../images/motif_croix.svg); }

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

@@ -72,7 +72,7 @@ $(function(){
 			slidesToShow: 1,
 			slidesToScroll: 1,
 			centerMode: true,
-			// centerPadding: '60px'
+			centerPadding: '100px'
 		});
 	}
 	
@@ -114,9 +114,6 @@ $(function(){
 				//console.log("squik")
 				$("#home_map_container").fadeIn();
 			}
-			
-
-			
 
 		}
 		if($('.page-node-type-programme').length > 0){

web/themes/custom/popsu/popsu.theme

@@ -38,11 +38,12 @@ function popsu_preprocess_field(&$variables){
   // $items = &$variables['items'];
   if (isset($element['#field_name'])) {
     // kint($element['#field_name']);
-    if ($element['#field_name'] == 'field_sous_parties') {
+    $variables['attributes']['class'][] = $element['#field_name'];
+    // if ($element['#field_name'] == 'field_sous_parties') {
       // ['attributes'] = new Attribute();
-      // $variables['classes_array'][] = 'field_sous_parties';
+     
       // kint($variables);
-    }
+    // }
   }
   
 }
@@ -66,6 +67,11 @@ function popsu_preprocess_views_view_unformatted(&$variables) {
           $c = $entity->get('field_programme')->getString();
           $variables['rows'][$id]['attributes'] = new Attribute();
           $variables['rows'][$id]['attributes']->addClass("programme-".$c);
+          if ($entity->hasField('field_type_de_ressource') && $entity->get('field_type_de_ressource')->getString() == "74" ) {
+            $type = $entity->get('field_type_de_ressource')->getString();
+            // $variables['rows'][$id]['attributes'] = new Attribute();
+            $variables['rows'][$id]['attributes']['class'][] = "type-".$type;
+          }
         }
       }else if(isset($row['content']['#node'])){
         $r = $row['content']['#node'];
@@ -79,43 +85,9 @@ function popsu_preprocess_views_view_unformatted(&$variables) {
       }
       
 
-      // 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
-    //       // );
-    //     }
-    //   }
-    // }
-  //  }
+
 
 };
 
@@ -153,12 +125,16 @@ function popsu_preprocess_views_view_grid(&$variables){
         $entity->getEntityTypeId().'-'.$entity->bundle(),
         $entity->getEntityTypeId().'-'.$entity->bundle().'-'.$entity->id(),
       );
-
+      // kint($entity);die();
       // if field_programme exists, add a class
       if ($entity->hasField('field_programme')) {
         $prog_id = $entity->get('field_programme')->getString();
         $classes[] = "programme-".$prog_id;
       }
+      if ($entity->hasField('field_type_de_ressource')) {
+        $type = $entity->get('field_type_de_ressource')->getString();
+        $classes[] = "type-".$type;
+      }
 
       // add the classes to the column
       // Drupal\Core\Template\Attribute 

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

@@ -220,10 +220,13 @@
     }
 
     article{
-        font-size: $font-small;
+        // font-size: $font-small;
         h2:first-child{
             display: none;
         }
+        .body{
+            font-size: $font-medium;
+        }
     }
     .block-region-bottom{
         background: $trame;

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

@@ -1,4 +1,73 @@
 .path-centre-de-ressources{
+	//colo programme 
+	
+	.programme-1{
+		color: $col-1;
+		.views-field-field-programme{
+			.field-content{
+			background: $col-1;
+			color:white;
+			}
+		}
+		
+	}
+	.programme-2{
+		color: $col-2;
+		.views-field-field-programme{
+			.field-content{
+			background: $col-2;
+			color:white;
+			}
+		}
+	}
+	.programme-3{
+		color: $col-eur;
+		.views-field-field-programme{
+			.field-content{
+			background: $col-eur;
+			color:white;
+			}
+		}
+	}
+	.programme-4{
+		color: $col-met;
+		.views-field-field-programme{
+			.field-content{
+			background: $col-met;
+			color:white;
+			}
+		}
+	}
+	.programme-5{
+		color: $col-mond;
+		.views-field-field-programme{
+			.field-content{
+				background: $col-mond;
+				color:white;
+			}
+			
+		}
+	}
+	.programme-6{
+		color: $col-ter;
+		.views-field-field-programme{
+			.field-content{
+				background: $col-ter;
+				color:white;
+			}
+		}
+	}
+	.programme-7{
+		color: $col-met;
+		.views-field-field-programme{
+			.field-content{
+				background: $col-met;
+				color:white;
+			}
+		}
+	}
+	/// end colo 
+
 	main{
 		flex: 0 0 100%;
 		max-width: 100%;
@@ -8,46 +77,148 @@
 		margin-bottom: 0;
 		.slick-slide{
 			margin: 0 1rem;
-			.views-row{
+
+			
+			.views-row:not(.type-74){
 				display: grid !important;
 				grid-template-columns: 1fr;
+				background-color: rgb(255, 255, 255);
 				// flex-direction: column;
 				// flex-direction: column-reverse;
 				position: relative;
 				height: auto;
+				.views-field:not(:first-child){
+					padding: 0 0 0 .4rem;
+				}
 				.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: blue;
-					width: 50%;
-					margin-left: 1rem;
-					padding-left: 1rem;
+					grid-row: 3 / span 2;
+					margin-top: -1.5rem;
+					img{
+						width: 100%;
+					}				
+				}
+	
+				
+				.views-field-field-programme{
+					grid-row: 1 / span 1;
+					grid-column: 1 / span 2;
+					.field-content{
+						font-weight: 600;
+						display: inline-block;
+						width: auto;
+						color: white;
+						padding: .15rem .3rem;
+						margin-bottom: 1rem;
+					}
 					
 				}
-				.views-field-title{
-					padding-bottom: 1rem;
-					grid-column: 1;
-					grid-row: 3;
+				.views-field-field-theme{
+					.field-content{
+						color:black;
+					}
+				}
+				.views-field-field-type-de-ressource{
+					text-transform: uppercase;
 					font-weight: 600;
+					margin-bottom: .5rem;
+					font-size: $font-small;
+	
+					grid-row: 2 / span 1;
+					grid-column: 2 / span 1;
 				}
-				.views-field-view-node{
-					padding-top: 1rem;
-					grid-column: 1;
-					grid-row: 1;
+				.views-field-title{
+					font-style: italic;
+					grid-row: 3 / span 1;
+					grid-column: 2 / span 1;
+					
 				}
-				.views-field-field-programme{
-					text-transform: uppercase;
-					grid-column: 1;
-					grid-row: 2;
+				.views-field-field-sous-titre{
+					margin-bottom: 1rem;
+					grid-row: 4 / span 1;
+					grid-column: 2 / span 1;
+					align-self: baseline;
+				}
+				.views-field-field-theme{
+					grid-row: 5 / span 1;
+					grid-column: 1 / span 2;
+					font-size: $font-small;
 				}
 				a{
 					text-decoration: none;
 				}
 			}
+			.type-74{
+				display: grid !important;
+				grid-template-columns: 1fr;
+				grid-auto-rows: min-content;
+				a{
+					text-decoration: none;	
+					&:hover{
+						text-decoration: underline;
+					}
+				}
+				background-color: rgb(255, 255, 255);
+				// background-clip: content-box;
+				width: 100% !important;
+				padding: .3rem;
+				.views-field:not(:first-child){
+					padding: 0 0 0 .4rem;
+				}
+				.views-field-field-image{
+					grid-row: 2;
+					img{
+						width: 80%;
+					}
+					// margin-top: -1.5rem;				
+				}
+	
+				
+				.views-field-field-programme{
+					grid-row: 1 / span 1;
+					// grid-column: 1 / span 2;
+					.field-content{
+						font-weight: 600;
+						display: inline-block;
+						width: auto;
+						color: white;
+						padding: .15rem .3rem;
+						margin-bottom: 1rem;
+					}
+					
+				}
+				.views-field-field-theme{
+					.field-content{
+						color:black;
+					}
+				}
+				.views-field-field-type-de-ressource{
+					text-transform: uppercase;
+					font-weight: 600;
+					margin-bottom: .5rem;
+					font-size: $font-small;
+	
+					// grid-row: 2 / span 1;
+					// grid-column: 2 / span 1;
+				}
+				.views-field-title{
+					font-style: italic;
+					// grid-row: 3 / span 1;
+					// grid-column: 2 / span 1;
+					
+				}
+				.views-field-field-sous-titre{
+					margin-bottom: 1rem;
+					// grid-row: 4 / span 1;
+					// grid-column: 2 / span 1;
+					align-self: baseline;
+				}
+				.views-field-field-theme{
+					// grid-row: 5 / span 1;
+					// grid-column: 1 / span 2;
+					font-size: $font-small;
+					text-align: right;
+				}
+			}
 		}
 		.slick-arrow{
 			position: absolute;
@@ -95,9 +266,12 @@
 			
 			grid-column-start: 2;
 		}
-		.form-item-items-per-page{
+		.form-item-field-collections-target-id{
 			grid-column-start: 2;
 		}
+		.form-item-items-per-page{
+			grid-column-start: 3;
+		}
 		select, input{
 			display: inline-block;
 			width: auto;
@@ -142,7 +316,7 @@
 				grid-column-start: 2;
 			}
 		}
-		.views-col{
+		.views-col:not(.type-74){
 			display: grid;
 			grid-template-columns: 40%  60%;
 			grid-auto-rows: min-content;
@@ -209,6 +383,77 @@
 				grid-row: 5 / span 1;
 				grid-column: 1 / span 2;
 				font-size: $font-small;
+
+			}
+		}
+		.type-74{
+			display: grid;
+			grid-template-columns: 1fr;
+			grid-auto-rows: min-content;
+			a{
+				text-decoration: none;	
+				&:hover{
+					text-decoration: underline;
+				}
+			}
+			background-color: rgb(255, 255, 255);
+			// background-clip: content-box;
+			width: 100% !important;
+			padding: .3rem;
+			.views-field:not(:first-child){
+				padding: 0 0 0 .4rem;
+			}
+			.views-field-field-image{
+				grid-row: 2;
+
+				// margin-top: -1.5rem;				
+			}
+
+			
+			.views-field-field-programme{
+				grid-row: 1 / span 1;
+				// grid-column: 1 / span 2;
+				.field-content{
+					font-weight: 600;
+					display: inline-block;
+					width: auto;
+					color: white;
+					padding: .15rem .3rem;
+					margin-bottom: 1rem;
+				}
+				
+			}
+			.views-field-field-theme{
+				.field-content{
+					color:black;
+				}
+			}
+			.views-field-field-type-de-ressource{
+				text-transform: uppercase;
+				font-weight: 600;
+				margin-bottom: .5rem;
+				font-size: $font-small;
+				margin-top: .3rem;
+				// grid-row: 2 / span 1;
+				// grid-column: 2 / span 1;
+			}
+			.views-field-title{
+				font-style: italic;
+				// grid-row: 3 / span 1;
+				// grid-column: 2 / span 1;
+				
+			}
+			.views-field-field-sous-titre{
+				margin-bottom: 1rem;
+				// grid-row: 4 / span 1;
+				// grid-column: 2 / span 1;
+				align-self: baseline;
+			}
+			.views-field-field-theme{
+				// grid-row: 5 / span 1;
+				// grid-column: 1 / span 2;
+				font-size: $font-small;
+				text-align: right;
 			}
 		}