programme accordeons

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

@@ -1154,6 +1154,34 @@ body {
   font-weight: 300;
   line-height: 1.5;
   background: #eff2f9; }
+  body.path-node.programme-1 #node\:title, body.path-node.programme-1 .field_sous_titre, body.path-node.programme-1 .field_intro {
+    color: #4dabc1; }
+  body.path-node.programme-1 article h2, body.path-node.programme-1 article h3, body.path-node.programme-1 article h4, body.path-node.programme-1 article h5, body.path-node.programme-1 article h6, body.path-node.programme-1 article .field_titre {
+    color: #4dabc1; }
+  body.path-node.programme-2 #node\:title, body.path-node.programme-2 .field_sous_titre, body.path-node.programme-2 .field_intro {
+    color: #61ab32; }
+  body.path-node.programme-2 article h2, body.path-node.programme-2 article h3, body.path-node.programme-2 article h4, body.path-node.programme-2 article h5, body.path-node.programme-2 article h6, body.path-node.programme-2 article .field_titre {
+    color: #61ab32; }
+  body.path-node.programme-3 #node\:title, body.path-node.programme-3 .field_sous_titre, body.path-node.programme-3 .field_intro {
+    color: #646578; }
+  body.path-node.programme-3 article h2, body.path-node.programme-3 article h3, body.path-node.programme-3 article h4, body.path-node.programme-3 article h5, body.path-node.programme-3 article h6, body.path-node.programme-3 article .field_titre {
+    color: #646578; }
+  body.path-node.programme-4 #node\:title, body.path-node.programme-4 .field_sous_titre, body.path-node.programme-4 .field_intro {
+    color: black; }
+  body.path-node.programme-4 article h2, body.path-node.programme-4 article h3, body.path-node.programme-4 article h4, body.path-node.programme-4 article h5, body.path-node.programme-4 article h6, body.path-node.programme-4 article .field_titre {
+    color: black; }
+  body.path-node.programme-5 #node\:title, body.path-node.programme-5 .field_sous_titre, body.path-node.programme-5 .field_intro {
+    color: #ab9569; }
+  body.path-node.programme-5 article h2, body.path-node.programme-5 article h3, body.path-node.programme-5 article h4, body.path-node.programme-5 article h5, body.path-node.programme-5 article h6, body.path-node.programme-5 article .field_titre {
+    color: #ab9569; }
+  body.path-node.programme-6 #node\:title, body.path-node.programme-6 .field_sous_titre, body.path-node.programme-6 .field_intro {
+    color: #e01a35; }
+  body.path-node.programme-6 article h2, body.path-node.programme-6 article h3, body.path-node.programme-6 article h4, body.path-node.programme-6 article h5, body.path-node.programme-6 article h6, body.path-node.programme-6 article .field_titre {
+    color: #e01a35; }
+  body.path-node.programme-7 #node\:title, body.path-node.programme-7 .field_sous_titre, body.path-node.programme-7 .field_intro {
+    color: #28429f; }
+  body.path-node.programme-7 article h2, body.path-node.programme-7 article h3, body.path-node.programme-7 article h4, body.path-node.programme-7 article h5, body.path-node.programme-7 article h6, body.path-node.programme-7 article .field_titre {
+    color: #28429f; }
 
 main h2 {
   text-transform: uppercase;
@@ -1568,24 +1596,45 @@ footer {
 .last-ressources .programme-1 .views-field {
   color: #4dabc1 !important; }
 
+.last-ressources .programme-1 .views-field-field-programme .field-content {
+  background: #4dabc1; }
+
 .last-ressources .programme-2 .views-field {
   color: #61ab32 !important; }
 
+.last-ressources .programme-2 .views-field-field-programme .field-content {
+  background: #61ab32; }
+
 .last-ressources .programme-3 .views-field {
   color: #646578 !important; }
 
+.last-ressources .programme-3 .views-field-field-programme .field-content {
+  background: #646578; }
+
 .last-ressources .programme-4 .views-field {
   color: black; }
 
+.last-ressources .programme-4 .views-field-field-programme .field-content {
+  background: black; }
+
 .last-ressources .programme-5 .views-field {
   color: #ab9569 !important; }
 
+.last-ressources .programme-5 .views-field-field-programme .field-content {
+  background: #ab9569; }
+
 .last-ressources .programme-6 .views-field {
   color: #e01a35 !important; }
 
+.last-ressources .programme-6 .views-field-field-programme .field-content {
+  background: #e01a35; }
+
 .last-ressources .programme-7 .views-field {
   color: #28429f !important; }
 
+.last-ressources .programme-7 .views-field-field-programme .field-content {
+  background: #28429f; }
+
 .main_logo {
   z-index: 10;
   height: 7rem;
@@ -2172,7 +2221,6 @@ article p, .paragraph p {
   font-family: "trueno";
   font-weight: 600;
   font-size: 0.8rem;
-  color: brown;
   margin-top: 1rem;
   margin-bottom: .3rem; }
 
@@ -2401,6 +2449,96 @@ article p, .paragraph p {
   right: 0;
   top: 0; }
 
+.page-node-type-programme #programme_toc-block_5 .slick-slide {
+  margin: 0 1rem; }
+
+.page-node-type-programme #programme_toc-block_5 .slick-arrow {
+  position: absolute;
+  height: 100%;
+  cursor: pointer;
+  z-index: 100;
+  opacity: 0.2;
+  transition: opacity 250ms;
+  width: 10%; }
+  .page-node-type-programme #programme_toc-block_5 .slick-arrow:hover {
+    opacity: .5; }
+
+.page-node-type-programme #programme_toc-block_5 .slick-next {
+  right: 0;
+  top: 0; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row {
+  display: grid !important;
+  grid-template-columns: 1fr;
+  position: relative;
+  height: auto; }
+  .page-node-type-programme #programme_toc-block_5 .views-row a {
+    text-decoration: none; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-1 .views-field {
+  background: #4dabc1 !important; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-2 .views-field {
+  background: #61ab32 !important; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-3 .views-field {
+  background: #646578 !important; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-4 .views-field {
+  background: black; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-5 .views-field {
+  background: #ab9569 !important; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-6 .views-field {
+  background: #e01a35 !important; }
+
+.page-node-type-programme #programme_toc-block_5 .programme-7 .views-field {
+  background: #28429f !important; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
+  height: 20rem; }
+  .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image img {
+    width: 100%; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
+  grid-column: 1;
+  grid-row: auto;
+  z-index: -1;
+  margin-top: -15%; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field-view-node {
+  visibility: hidden; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field:not(.views-field-field-image) {
+  padding-right: .5rem;
+  padding-left: .5rem;
+  padding-bottom: 1rem;
+  background-color: black;
+  width: 60%;
+  margin-left: 30%;
+  color: white;
+  align-self: flex-start;
+  grid-column: 1;
+  grid-auto-rows: min-content;
+  font-size: 0.6rem;
+  text-transform: uppercase; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field-title {
+  font-size: 1rem !important;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: .3rem; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-sous-titre {
+  padding: .5rem 0 1rem 0; }
+
+.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-programme {
+  text-transform: uppercase;
+  grid-row: 1;
+  font-weight: 500;
+  padding: .5rem 0 .5rem 0; }
+
 .page-node-type-programme #projets-block_2 {
   position: relative; }
   .page-node-type-programme #projets-block_2 .main_logo {
@@ -2411,43 +2549,43 @@ article p, .paragraph p {
     top: 0;
     left: 0; }
 
-.page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6 {
+.page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6, .page-node-type-programme.programme-1 article .field_titre {
   color: #4dabc1; }
 
 .page-node-type-programme.programme-1 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_1.svg); }
 
-.page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6 {
+.page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6, .page-node-type-programme.programme-2 article .field_titre {
   color: #61ab32; }
 
 .page-node-type-programme.programme-2 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_2.svg); }
 
-.page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6 {
+.page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6, .page-node-type-programme.programme-3 article .field_titre {
   color: #646578; }
 
 .page-node-type-programme.programme-3 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
 
-.page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6 {
+.page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6, .page-node-type-programme.programme-4 article .field_titre {
   color: #28429f; }
 
 .page-node-type-programme.programme-4 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_logo.svg); }
 
-.page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6 {
+.page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6, .page-node-type-programme.programme-5 article .field_titre {
   color: #ab9569; }
 
 .page-node-type-programme.programme-5 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_monde.svg); }
 
-.page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6 {
+.page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6, .page-node-type-programme.programme-6 article .field_titre {
   color: #e01a35; }
 
 .page-node-type-programme.programme-6 .main_logo {
   background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
 
-.page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6 {
+.page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6, .page-node-type-programme.programme-7 article .field_titre {
   color: #28429f; }
 
 .page-node-type-programme.programme-7 .main_logo {
@@ -2534,12 +2672,40 @@ article p, .paragraph p {
       .page-node-type-programme .block-region-third .views-field a:hover {
         text-decoration: underline; }
 
+.page-node-type-programme article .computed_projets_references {
+  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 article .field_textes .paragraph .field_titre {
+  font-size: 1rem;
+  font-weight: 600;
+  text-transform: initial;
+  cursor: pointer;
+  margin-top: 1rem; }
+
+.page-node-type-programme article .field_textes .paragraph .field_texte {
+  position: relative;
+  transition: all 250ms; }
+
+.page-node-type-programme article .field_textes .paragraph .crop:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -15px;
+  right: -15px;
+  box-shadow: inset #eff2f9 0 -4rem 2rem; }
+
+.page-node-type-programme article .field_textes .paragraph .crop {
+  max-height: 7rem;
+  overflow: hidden;
+  transition: all 250ms; }
+
 .page-node-type-programme .block-region-bottom {
   background: url(../images/motif_croix.svg); }
   .page-node-type-programme .block-region-bottom h2 {

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

@@ -23,7 +23,7 @@ $(function(){
 			slidesToShow: 1,
 			slidesToScroll: 1,
 			centerMode: true,
-			centerPadding: '60px',
+			centerPadding: '200px',
 		});
 	}
 	
@@ -180,6 +180,13 @@ if($(".page-node-type-programme").length > 0){
 	let elem = "<div class='main_logo'></div>"
 	$('#projets-block_2').prepend(elem);
 
+	// ouverture et fermeture des paragraphes
+	$(".field_titre").on("click", function(){
+		let e = $(this).parent().find(".field_texte");
+		$(e).toggleClass("crop");
+
+	});
+
 }
 	
 });

web/themes/custom/popsu/popsu.theme

@@ -39,11 +39,9 @@ function popsu_preprocess_field(&$variables){
   if (isset($element['#field_name'])) {
     // kint($element['#field_name']);
     $variables['attributes']['class'][] = $element['#field_name'];
-    // if ($element['#field_name'] == 'field_sous_parties') {
-      // ['attributes'] = new Attribute();
-     
-      // kint($variables);
-    // }
+    if ($element['#field_name'] == 'field_texte') {
+      $variables['attributes']['class'][] = 'crop';
+    }
   }
   
 }

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

@@ -309,7 +309,7 @@
 					position: relative;
 					height: auto;
 					.field_programme{
-						margin: 0 0 0 1rem;
+						margin: 0 0 0 1rem ;
 					}
 					h2{
 						grid-row: 2;

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

@@ -74,7 +74,6 @@ article, .paragraph{
         font-family: "trueno";
         font-weight: 600;
         font-size: $font-medium;
-        color:brown;
         margin-top: 1rem;
         margin-bottom: .3rem;
     }

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

@@ -188,37 +188,73 @@
 		.views-field{
 			color: $col-1 !important;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background: $col-1 ;
+			}
+		}
 	}
 	.programme-2{
 		.views-field{
 			color: $col-2 !important;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background: $col-2 ;
+			}
+		}
 	}
 	.programme-3{
 		.views-field{
 			color: $col-eur !important;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background: $col-eur ;
+			}
+		}
 	}
 	.programme-4{
 		.views-field{
 			color: black;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background:black ;
+			}
+		}
 	}
 	
 	.programme-5{
 		.views-field{
 			color: $col-mond !important;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background: $col-mond ;
+			}
+		}
 	}
 	.programme-6{
 		.views-field{
 			color: $col-ter !important;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background: $col-ter ;
+			}
+		}
 	}
 	.programme-7{
 		.views-field{
 			color: $col-met !important;
 		}
+		.views-field-field-programme{
+			.field-content{
+				background: $col-met ;
+			}
+			
+		}
 	}
 
 

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

@@ -1,4 +1,136 @@
 .page-node-type-programme{
+
+    //galerie de la page popsu - top (copy de home)
+    #programme_toc-block_5{
+        .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;
+            }
+        }
+        .slick-next{
+            right: 0;
+            top: 0;
+        }
+        .views-row{
+            display: grid !important;
+            grid-template-columns: 1fr;
+            // flex-direction: column;
+            // flex-direction: column-reverse;
+            position: relative;
+            height: auto;
+            a{
+                text-decoration: none;
+            }
+        }
+
+        .programme-1{
+            .views-field{
+                background: $col-1 !important;
+            }
+        }
+        .programme-2{
+            .views-field{
+                background: $col-2 !important;
+            }
+        }
+        .programme-3{
+            .views-field{
+                background: $col-eur !important;
+            }
+        }
+        .programme-4{
+            .views-field{
+                background: black;
+            }
+        }
+        
+        .programme-5{
+            .views-field{
+                background: $col-mond !important;
+            }
+        }
+        .programme-6{
+            .views-field{
+                background: $col-ter !important;
+            }
+        }
+        .programme-7{
+            .views-field{
+                background: $col-met !important;
+            }
+        }
+        .views-row{
+            // margin-top: 2rem;
+            .views-field-field-image{
+                height: 20rem;
+                img{
+                    width: 100%;
+                }
+            }
+            .views-field-field-image{
+                grid-column: 1;
+                grid-row: auto;
+                z-index: -1;
+                margin-top: -15%;
+            }
+            .views-field-view-node{
+                visibility: hidden;
+            }
+            .views-field:not(.views-field-field-image){
+                padding-right: .5rem;
+                padding-left: .5rem;
+                padding-bottom: 1rem;
+                background-color: black;
+                width: 60%;
+                margin-left: 30%;
+                color: white;
+                align-self: flex-start;
+                grid-column: 1;
+                grid-auto-rows: min-content;
+
+                font-size: $font-normal;
+
+                text-transform: uppercase;
+                
+            }
+
+            // .views-field-field-type-evenement{
+            // 	grid-row: 4;
+            // }
+            .views-field-title{
+                // grid-row: 5;
+                font-size: $font-big !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;
+            }
+        }
+    }
+
+
+
     #projets-block_2{
         position: relative;
         .main_logo{
@@ -18,7 +150,7 @@
 
     &.programme-1{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-1;
             }
         }
@@ -28,7 +160,7 @@
     }
     &.programme-2{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-2;
             }
         }
@@ -38,7 +170,7 @@
     }
     &.programme-3{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-eur;
             }
         }
@@ -49,7 +181,7 @@
     }
     &.programme-4{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-met;
             }
         }
@@ -60,7 +192,7 @@
     }
     &.programme-5{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-mond;
             }
         }
@@ -71,7 +203,7 @@
     }
     &.programme-6{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-ter;
             }
         }
@@ -82,7 +214,7 @@
     }
     &.programme-7{
         article{
-            h2,h3,h4,h5,h6{
+            h2,h3,h4,h5,h6,.field_titre{
                 color: $col-met;
             }
         }
@@ -221,12 +353,46 @@
 
     article{
         // font-size: $font-small;
+        //temp hidden 
+        .computed_projets_references{
+            display: none;
+        }
+        //
         h2:first-child{
             display: none;
         }
         .body{
             font-size: $font-medium;
         }
+        .field_textes{
+            .paragraph{
+                .field_titre{
+                    font-size: $font-big;
+                    font-weight: 600;
+                    text-transform: initial;
+                    cursor:pointer;
+                    margin-top: 1rem;
+                }
+                .field_texte{
+                    
+                    position: relative;
+                    // box-shadow: inset 0 -5rem 8rem $bck-col;
+                    transition: all 250ms;
+                }
+                .crop:after{
+                    content: "";
+                    position: absolute;
+                     top: 0; bottom: 0; left: -15px; right: -15px;
+                    box-shadow: inset $bck-col 0 -4rem 2rem;
+                    
+                }
+                .crop{
+                    max-height: 7rem;
+                    overflow: hidden;
+                    transition: all 250ms;
+                }
+            }
+        }
     }
     .block-region-bottom{
         background: $trame;

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

@@ -4,6 +4,78 @@ body{
 	font-weight: 300;
 	line-height: 1.5;
 	background: $bck-col;
+	&.path-node{
+		&.programme-1{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: $col-1;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: $col-1;
+				}
+			}
+		}
+		&.programme-2{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: $col-2;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: $col-2;
+				}
+			}
+		}
+		&.programme-3{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: $col-eur;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: $col-eur;
+				}
+			}
+		}
+		&.programme-4{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: black;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: black;
+				}
+			}
+		}
+		&.programme-5{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: $col-mond;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: $col-mond;
+				}
+			}
+		}
+		&.programme-6{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: $col-ter;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: $col-ter;
+				}
+			}
+		}
+		&.programme-7{
+			#node\:title,.field_sous_titre,.field_intro{
+				color: $col-met;
+			}
+			article{
+				h2,h3,h4,h5,h6,.field_titre{
+					color: $col-met;
+				}
+			}
+		}
+	}
 }
 main{
 	h2{