added standby display

sites/all/themes/figureslibres/clameurs/css/dist/styles.css

@@ -100,26 +100,48 @@ input {
         background-size: contain; }
         #thematique-anchor-links ul li a span {
           display: block; }
-        #thematique-anchor-links ul li a.en_attente {
-          color: #ddd; }
         #thematique-anchor-links ul li a.node-32 {
-          background-image: url(../../images/fond-theme-lite-0.jpg);
+          background-image: url(../../images/menu-fond-theme-0-flat.jpg);
           color: #2f82ff; }
+          #thematique-anchor-links ul li a.node-32.en_attente {
+            color: #aaa;
+            background-image: url(../../images/menu-fond-theme-0-flat-nb.jpg);
+            cursor: default; }
         #thematique-anchor-links ul li a.node-14 {
-          background-image: url(../../images/fond-theme-lite-1.jpg);
+          background-image: url(../../images/menu-fond-theme-1-flat.jpg);
           color: #ff0000; }
+          #thematique-anchor-links ul li a.node-14.en_attente {
+            color: #aaa;
+            background-image: url(../../images/menu-fond-theme-1-flat-nb.jpg);
+            cursor: default; }
         #thematique-anchor-links ul li a.node-38 {
-          background-image: url(../../images/fond-theme-lite-2.jpg);
+          background-image: url(../../images/menu-fond-theme-2-flat.jpg);
           color: #88aa00; }
+          #thematique-anchor-links ul li a.node-38.en_attente {
+            color: #aaa;
+            background-image: url(../../images/menu-fond-theme-2-flat-nb.jpg);
+            cursor: default; }
         #thematique-anchor-links ul li a.node-3 {
-          background-image: url(../../images/fond-theme-lite-3.jpg);
+          background-image: url(../../images/menu-fond-theme-3-flat.jpg);
           color: #ff6600; }
+          #thematique-anchor-links ul li a.node-3.en_attente {
+            color: #aaa;
+            background-image: url(../../images/menu-fond-theme-3-flat-nb.jpg);
+            cursor: default; }
         #thematique-anchor-links ul li a.node-20 {
-          background-image: url(../../images/fond-theme-lite-4.jpg);
+          background-image: url(../../images/menu-fond-theme-4-flat.jpg);
           color: #ff2ad4; }
+          #thematique-anchor-links ul li a.node-20.en_attente {
+            color: #aaa;
+            background-image: url(../../images/menu-fond-theme-4-flat-nb.jpg);
+            cursor: default; }
         #thematique-anchor-links ul li a.node-26 {
-          background-image: url(../../images/fond-theme-lite-5.jpg);
+          background-image: url(../../images/menu-fond-theme-5-flat.jpg);
           color: #8800aa; }
+          #thematique-anchor-links ul li a.node-26.en_attente {
+            color: #aaa;
+            background-image: url(../../images/menu-fond-theme-5-flat-nb.jpg);
+            cursor: default; }
 
 html,
 body,
@@ -133,6 +155,7 @@ body,
 
 .node-thematique {
   min-height: 766px;
+  margin-bottom: 10em;
   position: relative; }
   .node-thematique::before {
     position: absolute;
@@ -146,52 +169,100 @@ body,
     background-size: contain;
     background-repeat: no-repeat; }
   .node-thematique.node-32::before {
-    background-image: url(../../images/fond-theme-0.jpg); }
+    background-image: url(../../images/fond-theme-0-flat.png); }
-  .node-thematique.node-32 > h2,
+  .node-thematique.node-32.en_attente::before {
-  .node-thematique.node-32 .group-video .field-name-field-description h3,
+    background-image: url(../../images/fond-theme-0-flat-nb.jpg); }
-  .node-thematique.node-32 .group-description .field-name-field-ecouter,
+  .node-thematique.node-32.en_attente > h2,
-  .node-thematique.node-32 .node-documentair .field-name-field-doc,
+  .node-thematique.node-32.en_attente .group-video .field-name-field-description h3,
-  .node-thematique.node-32 .node-episode .field-name-title-field {
+  .node-thematique.node-32.en_attente .group-description .field-name-field-ecouter,
+  .node-thematique.node-32.en_attente .node-documentair .field-name-field-doc,
+  .node-thematique.node-32.en_attente .node-episode .field-name-title-field {
+    color: #aaa; }
+  .node-thematique.node-32:not(.en_attente) > h2,
+  .node-thematique.node-32:not(.en_attente) .group-video .field-name-field-description h3,
+  .node-thematique.node-32:not(.en_attente) .group-description .field-name-field-ecouter,
+  .node-thematique.node-32:not(.en_attente) .node-documentair .field-name-field-doc,
+  .node-thematique.node-32:not(.en_attente) .node-episode .field-name-title-field {
     color: #2f82ff; }
   .node-thematique.node-14::before {
-    background-image: url(../../images/fond-theme-1.jpg); }
+    background-image: url(../../images/fond-theme-1-flat.png); }
-  .node-thematique.node-14 > h2,
+  .node-thematique.node-14.en_attente::before {
-  .node-thematique.node-14 .group-video .field-name-field-description h3,
+    background-image: url(../../images/fond-theme-1-flat-nb.jpg); }
-  .node-thematique.node-14 .group-description .field-name-field-ecouter,
+  .node-thematique.node-14.en_attente > h2,
-  .node-thematique.node-14 .node-documentair .field-name-field-doc,
+  .node-thematique.node-14.en_attente .group-video .field-name-field-description h3,
-  .node-thematique.node-14 .node-episode .field-name-title-field {
+  .node-thematique.node-14.en_attente .group-description .field-name-field-ecouter,
+  .node-thematique.node-14.en_attente .node-documentair .field-name-field-doc,
+  .node-thematique.node-14.en_attente .node-episode .field-name-title-field {
+    color: #aaa; }
+  .node-thematique.node-14:not(.en_attente) > h2,
+  .node-thematique.node-14:not(.en_attente) .group-video .field-name-field-description h3,
+  .node-thematique.node-14:not(.en_attente) .group-description .field-name-field-ecouter,
+  .node-thematique.node-14:not(.en_attente) .node-documentair .field-name-field-doc,
+  .node-thematique.node-14:not(.en_attente) .node-episode .field-name-title-field {
     color: #ff0000; }
   .node-thematique.node-38::before {
-    background-image: url(../../images/fond-theme-2.jpg); }
+    background-image: url(../../images/fond-theme-2-flat.png); }
-  .node-thematique.node-38 > h2,
+  .node-thematique.node-38.en_attente::before {
-  .node-thematique.node-38 .group-video .field-name-field-description h3,
+    background-image: url(../../images/fond-theme-2-flat-nb.jpg); }
-  .node-thematique.node-38 .group-description .field-name-field-ecouter,
+  .node-thematique.node-38.en_attente > h2,
-  .node-thematique.node-38 .node-documentair .field-name-field-doc,
+  .node-thematique.node-38.en_attente .group-video .field-name-field-description h3,
-  .node-thematique.node-38 .node-episode .field-name-title-field {
+  .node-thematique.node-38.en_attente .group-description .field-name-field-ecouter,
+  .node-thematique.node-38.en_attente .node-documentair .field-name-field-doc,
+  .node-thematique.node-38.en_attente .node-episode .field-name-title-field {
+    color: #aaa; }
+  .node-thematique.node-38:not(.en_attente) > h2,
+  .node-thematique.node-38:not(.en_attente) .group-video .field-name-field-description h3,
+  .node-thematique.node-38:not(.en_attente) .group-description .field-name-field-ecouter,
+  .node-thematique.node-38:not(.en_attente) .node-documentair .field-name-field-doc,
+  .node-thematique.node-38:not(.en_attente) .node-episode .field-name-title-field {
     color: #88aa00; }
   .node-thematique.node-3::before {
-    background-image: url(../../images/fond-theme-3.jpg); }
+    background-image: url(../../images/fond-theme-3-flat.png); }
-  .node-thematique.node-3 > h2,
+  .node-thematique.node-3.en_attente::before {
-  .node-thematique.node-3 .group-video .field-name-field-description h3,
+    background-image: url(../../images/fond-theme-3-flat-nb.jpg); }
-  .node-thematique.node-3 .group-description .field-name-field-ecouter,
+  .node-thematique.node-3.en_attente > h2,
-  .node-thematique.node-3 .node-documentair .field-name-field-doc,
+  .node-thematique.node-3.en_attente .group-video .field-name-field-description h3,
-  .node-thematique.node-3 .node-episode .field-name-title-field {
+  .node-thematique.node-3.en_attente .group-description .field-name-field-ecouter,
+  .node-thematique.node-3.en_attente .node-documentair .field-name-field-doc,
+  .node-thematique.node-3.en_attente .node-episode .field-name-title-field {
+    color: #aaa; }
+  .node-thematique.node-3:not(.en_attente) > h2,
+  .node-thematique.node-3:not(.en_attente) .group-video .field-name-field-description h3,
+  .node-thematique.node-3:not(.en_attente) .group-description .field-name-field-ecouter,
+  .node-thematique.node-3:not(.en_attente) .node-documentair .field-name-field-doc,
+  .node-thematique.node-3:not(.en_attente) .node-episode .field-name-title-field {
     color: #ff6600; }
   .node-thematique.node-20::before {
-    background-image: url(../../images/fond-theme-4.jpg); }
+    background-image: url(../../images/fond-theme-4-flat.png); }
-  .node-thematique.node-20 > h2,
+  .node-thematique.node-20.en_attente::before {
-  .node-thematique.node-20 .group-video .field-name-field-description h3,
+    background-image: url(../../images/fond-theme-4-flat-nb.jpg); }
-  .node-thematique.node-20 .group-description .field-name-field-ecouter,
+  .node-thematique.node-20.en_attente > h2,
-  .node-thematique.node-20 .node-documentair .field-name-field-doc,
+  .node-thematique.node-20.en_attente .group-video .field-name-field-description h3,
-  .node-thematique.node-20 .node-episode .field-name-title-field {
+  .node-thematique.node-20.en_attente .group-description .field-name-field-ecouter,
+  .node-thematique.node-20.en_attente .node-documentair .field-name-field-doc,
+  .node-thematique.node-20.en_attente .node-episode .field-name-title-field {
+    color: #aaa; }
+  .node-thematique.node-20:not(.en_attente) > h2,
+  .node-thematique.node-20:not(.en_attente) .group-video .field-name-field-description h3,
+  .node-thematique.node-20:not(.en_attente) .group-description .field-name-field-ecouter,
+  .node-thematique.node-20:not(.en_attente) .node-documentair .field-name-field-doc,
+  .node-thematique.node-20:not(.en_attente) .node-episode .field-name-title-field {
     color: #ff2ad4; }
   .node-thematique.node-26::before {
-    background-image: url(../../images/fond-theme-5.jpg); }
+    background-image: url(../../images/fond-theme-5-flat.png); }
-  .node-thematique.node-26 > h2,
+  .node-thematique.node-26.en_attente::before {
-  .node-thematique.node-26 .group-video .field-name-field-description h3,
+    background-image: url(../../images/fond-theme-5-flat-nb.jpg); }
-  .node-thematique.node-26 .group-description .field-name-field-ecouter,
+  .node-thematique.node-26.en_attente > h2,
-  .node-thematique.node-26 .node-documentair .field-name-field-doc,
+  .node-thematique.node-26.en_attente .group-video .field-name-field-description h3,
-  .node-thematique.node-26 .node-episode .field-name-title-field {
+  .node-thematique.node-26.en_attente .group-description .field-name-field-ecouter,
+  .node-thematique.node-26.en_attente .node-documentair .field-name-field-doc,
+  .node-thematique.node-26.en_attente .node-episode .field-name-title-field {
+    color: #aaa; }
+  .node-thematique.node-26:not(.en_attente) > h2,
+  .node-thematique.node-26:not(.en_attente) .group-video .field-name-field-description h3,
+  .node-thematique.node-26:not(.en_attente) .group-description .field-name-field-ecouter,
+  .node-thematique.node-26:not(.en_attente) .node-documentair .field-name-field-doc,
+  .node-thematique.node-26:not(.en_attente) .node-episode .field-name-title-field {
     color: #8800aa; }
   .node-thematique > h2 {
     font-size: 3em;
@@ -307,8 +378,20 @@ body,
               height: 1px;
               overflow: hidden;
               transition: height 0.3s ease-in-out; }
-          .node-thematique .content aside.right .node-documentair .content:hover .group-txt .field-name-title-field {
+        .node-thematique .content aside.right .node-documentair:not(.en_attente):hover .group-txt .field-name-title-field {
-            height: 70%; }
+          height: 70%; }
+        .node-thematique .content aside.right .node-documentair.en_attente > .content {
+          position: relative; }
+          .node-thematique .content aside.right .node-documentair.en_attente > .content::before {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            content: " ";
+            z-index: 10;
+            background-color: #fff;
+            opacity: 0.8; }
     .node-thematique .content aside.bottom {
       padding-top: 1em; }
       .node-thematique .content aside.bottom .field-name-field-episodes > .field-items {
@@ -336,17 +419,41 @@ body,
               height: 80%;
               margin: 5%;
               padding: 5%;
-              background-color: rgba(255, 255, 255, 0.3);
+              background-color: rgba(255, 255, 255, 0.9);
-              opacity: 0.8;
+              opacity: 1;
               transition: opacity,background-color 0.3s ease-in-out; }
               .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content .group-txt .field-name-title-field {
                 font-size: 4em;
                 font-weight: 700;
                 font-style: italic;
                 text-align: center; }
-            .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content:hover .group-txt {
+          .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode:not(.en_attente):hover .content .group-txt {
-              opacity: 1;
+            opacity: 0.9;
-              background-color: rgba(255, 255, 255, 0.9); }
+            background-color: rgba(255, 255, 255, 0.3); }
+          .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content {
+            position: relative; }
+            .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content::before {
+              position: absolute;
+              top: 0;
+              left: 0;
+              width: 100%;
+              height: 100%;
+              content: " ";
+              z-index: 10;
+              background-color: #fff;
+              opacity: 0.8; }
+  .node-thematique.en_attente .content > .main {
+    position: relative; }
+    .node-thematique.en_attente .content > .main::before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      content: " ";
+      z-index: 10;
+      background-color: #fff;
+      opacity: 0.8; }
 
 #DOMWindow .embedded-video, #DOMWindow .player, #DOMWindow iframe {
   width: 100%;

sites/all/themes/figureslibres/clameurs/css/styles.scss

@@ -117,33 +117,57 @@ body{
 				span{
 					display: block;
 				}
-				&.en_attente{
+
-					// opacity: 0.4;
+				@mixin anchor($bg, $sb_bg, $coul){
-					color:#ddd;
+					background-image: $bg;
+					color:$coul;
+					&.en_attente{
+						// opacity: 0.4;
+						color:#aaa;//transparentize($coul, 0.8);//saturate(lighten($coul, 40%), 90%);
+						background-image: $sb_bg;
+						cursor: default;
+					}
 				}
+
 				&.node-32{
-					background-image: url(../../images/fond-theme-lite-0.jpg);
+					@include anchor(
-					color:$coul0;
+						url(../../images/menu-fond-theme-0-flat.jpg),
+						url(../../images/menu-fond-theme-0-flat-nb.jpg),
+						$coul0);
 				}
 				&.node-14{
-					background-image: url(../../images/fond-theme-lite-1.jpg);
+					@include anchor(
-					color:$coul1;
+						url(../../images/menu-fond-theme-1-flat.jpg),
+						url(../../images/menu-fond-theme-1-flat-nb.jpg),
+						$coul1);
 				}
 				&.node-38{
-					background-image: url(../../images/fond-theme-lite-2.jpg);
+					@include anchor(
-					color:$coul2;
+						url(../../images/menu-fond-theme-2-flat.jpg),
+						url(../../images/menu-fond-theme-2-flat-nb.jpg),
+						$coul2);
 				}
 				&.node-3{
-					background-image: url(../../images/fond-theme-lite-3.jpg);
+					@include anchor(
-					color:$coul3;
+						url(../../images/menu-fond-theme-3-flat.jpg),
+						url(../../images/menu-fond-theme-3-flat-nb.jpg),
+						$coul3);
 				}
 				&.node-20{
-					background-image: url(../../images/fond-theme-lite-4.jpg);
+					@include anchor(
-					color:$coul4;
+						url(../../images/menu-fond-theme-4-flat.jpg),
+						url(../../images/menu-fond-theme-4-flat-nb.jpg),
+						$coul4);
 				}
 				&.node-26{
-					background-image: url(../../images/fond-theme-lite-5.jpg);
+					@include anchor(
-					color:$coul5;
+						url(../../images/menu-fond-theme-5-flat.jpg),
+						url(../../images/menu-fond-theme-5-flat-nb.jpg),
+						$coul5);
+				}
+
+				&:hover{
+					// TODO: anchor link over effect
 				}
 			}
 		}
@@ -167,6 +191,7 @@ body,
 // thematique
 .node-thematique{
 	min-height:766px;
+	margin-bottom: 10em;
 	position: relative;
 
 	&::before{
@@ -181,59 +206,62 @@ body,
 		// border: 1px dotted red;
 	}
 
+	@mixin node_thema($bg, $sb_bg, $coul){
+		&::before{background-image: $bg;}
+		&.en_attente::before{background-image: $sb_bg;}
+		&.en_attente{
+			>h2,
+			.group-video .field-name-field-description h3,
+			.group-description .field-name-field-ecouter,
+			.node-documentair .field-name-field-doc,
+			.node-episode .field-name-title-field{
+				color: #aaa;//lighten(desaturate($coul, 40%), 20%);
+			}
+		}
+		&:not(.en_attente){
+			>h2,
+			.group-video .field-name-field-description h3,
+			.group-description .field-name-field-ecouter,
+			.node-documentair .field-name-field-doc,
+			.node-episode .field-name-title-field{color: $coul;}
+		}
+	}
+
 	&.node-32{
-		&::before{background-image: url(../../images/fond-theme-0.jpg);}
+		@include node_thema(
-		>h2,
+			url(../../images/fond-theme-0-flat.png),
-		// .group-txt .summary p,
+			url(../../images/fond-theme-0-flat-nb.jpg),
-		.group-video .field-name-field-description h3,
+			$coul0);
-		.group-description .field-name-field-ecouter,
-		.node-documentair .field-name-field-doc,
-		.node-episode .field-name-title-field{color: $coul0;}
 	}
 	&.node-14{
-		&::before{background-image: url(../../images/fond-theme-1.jpg);}
+		@include node_thema(
-		>h2,
+			url(../../images/fond-theme-1-flat.png),
-		// .group-txt .summary p,
+			url(../../images/fond-theme-1-flat-nb.jpg),
-		.group-video .field-name-field-description h3,
+			$coul1);
-		.group-description .field-name-field-ecouter,
-		.node-documentair .field-name-field-doc,
-		.node-episode .field-name-title-field{color: $coul1;}
 	}
 	&.node-38{
-		&::before{background-image: url(../../images/fond-theme-2.jpg);}
+		@include node_thema(
-		>h2,
+			url(../../images/fond-theme-2-flat.png),
-		// .group-txt .summary p,
+			url(../../images/fond-theme-2-flat-nb.jpg),
-		.group-video .field-name-field-description h3,
+			$coul2);
-		.group-description .field-name-field-ecouter,
-		.node-documentair .field-name-field-doc,
-		.node-episode .field-name-title-field{color: $coul2;}
 	}
 	&.node-3{
-		&::before{background-image: url(../../images/fond-theme-3.jpg);}
+		@include node_thema(
-		>h2,
+			url(../../images/fond-theme-3-flat.png),
-		// .group-txt .summary p,
+			url(../../images/fond-theme-3-flat-nb.jpg),
-		.group-video .field-name-field-description h3,
+			$coul3);
-		.group-description .field-name-field-ecouter,
-		.node-documentair .field-name-field-doc,
-		.node-episode .field-name-title-field{color: $coul3;}
 	}
 	&.node-20{
-		&::before{background-image: url(../../images/fond-theme-4.jpg);}
+		@include node_thema(
-		>h2,
+			url(../../images/fond-theme-4-flat.png),
-		// .group-txt .summary p,
+			url(../../images/fond-theme-4-flat-nb.jpg),
-		.group-video .field-name-field-description h3,
+			$coul4);
-		.group-description .field-name-field-ecouter,
-		.node-documentair .field-name-field-doc,
-		.node-episode .field-name-title-field{color: $coul4;}
 	}
 	&.node-26{
-		&::before{background-image: url(../../images/fond-theme-5.jpg);}
+		@include node_thema(
-		>h2,
+			url(../../images/fond-theme-5-flat.png),
-		// .group-txt .summary p,
+			url(../../images/fond-theme-5-flat-nb.jpg),
-		.group-video .field-name-field-description h3,
+			$coul5);
-		.group-description .field-name-field-ecouter,
-		.node-documentair .field-name-field-doc,
-		.node-episode .field-name-title-field{color: $coul5;}
 	}
 
 	>h2{
@@ -367,7 +395,20 @@ body,
 							transition:height 0.3s ease-in-out;
 						}
 					}
-					&:hover .group-txt .field-name-title-field{height:70%;}
+				}
+				&:not(.en_attente):hover .group-txt .field-name-title-field{height:70%;}
+
+				&.en_attente>.content{
+					position: relative;
+					&::before{
+						position: absolute;
+						top:0; left:0;
+						width:100%; height:100%;
+						content:" ";
+						z-index: 10;
+						background-color: #fff;
+						opacity: 0.8;
+					}
 				}
 			}
 		}
@@ -393,27 +434,43 @@ body,
 						width:19%;
 						// padding-right:1%;
 
-						.node-episode .content{
+						.node-episode{
-							position: relative;
+							.content{
-							.group-txt{
+								position: relative;
-								cursor: pointer; pointer-events: none;
+								.group-txt{
-								box-sizing: border-box;
+									cursor: pointer; pointer-events: none;
-								position:absolute; z-index: 2; overflow: hidden;
+									box-sizing: border-box;
-								top:0; left:0; width:90%; height:80%;
+									position:absolute; z-index: 2; overflow: hidden;
-								margin:5%; padding:5%;
+									top:0; left:0; width:90%; height:80%;
-								background-color: rgba(255, 255, 255, 0.3);
+									margin:5%; padding:5%;
-								opacity: 0.8;
+									background-color: rgba(255, 255, 255, 0.9);
-								transition:opacity,background-color 0.3s ease-in-out;
+									opacity: 1;
-								.field-name-title-field{
+									transition:opacity,background-color 0.3s ease-in-out;
-									font-size: 4em;
+									.field-name-title-field{
-									font-weight: 700;
+										font-size: 4em;
-									font-style: italic;
+										font-weight: 700;
-									text-align: center;
+										font-style: italic;
+										text-align: center;
+									}
 								}
 							}
-							&:hover .group-txt{
+
-								opacity: 1;
+							&:not(.en_attente):hover .content .group-txt{
-								background-color: rgba(255, 255, 255, 0.9);
+								opacity: 0.9;
+								background-color: rgba(255, 255, 255, 0.3);
+							}
+
+							&.en_attente>.content{
+								position: relative;
+								&::before{
+									position: absolute;
+									top:0; left:0;
+									width:100%; height:100%;
+									content:" ";
+									z-index: 10;
+									background-color: #fff;
+									opacity: 0.8;
+								}
 							}
 						}
 					}
@@ -424,8 +481,30 @@ body,
 			}
 		}
 	}
+
+	&.en_attente{
+		.content>.main{
+			position: relative;
+			&::before{
+				position: absolute;
+				top:0; left:0;
+				width:100%; height:100%;
+				content:" ";
+				z-index: 10;
+				background-color: #fff;
+				opacity: 0.8;
+			}
+		}
+	}
 }
 
+//    ____                  __
+//   / __ \_   _____  _____/ /___ ___  __
+//  / / / / | / / _ \/ ___/ / __ `/ / / /
+// / /_/ /| |/ /  __/ /  / / /_/ / /_/ /
+// \____/ |___/\___/_/  /_/\__,_/\__, /
+//                              /____/
+
 #DOMWindowOverlay{
 	// background-color: #fff!important;
 }

sites/all/themes/figureslibres/clameurs/images/convert.sh

@@ -0,0 +1,19 @@
+#! /bin/bash
+
+# convert to white png
+for img in fond-theme-?.png; do convert "$img" -background white -alpha remove "${img%.png}"-flat.png; done
+
+# convert from png to jpg
+for img in fond-theme-?-flat.png; do convert "$img" "${img%.png}".jpg; done
+
+# create menu thumbnails
+for img in fond-theme-?-flat.png; do convert "$img" -resize 100 menu-"${img%.png}".jpg; done
+for img in fond-theme-?-flat.png; do convert "$img" -resize 100 menu-"${img}"; done
+
+# convert to n&b
+for img in fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.jpg; done
+for img in fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.png; done
+
+# convert to n&b
+for img in menu-fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.jpg; done
+for img in menu-fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.png; done

sites/all/themes/figureslibres/clameurs/preprocess/node.pre.php

@@ -9,10 +9,14 @@ $vars['theme_hook_suggestions'][] = 'node__' . $vars['type'] . '__' . $vars['vie
 
 $vars['print_title'] = !$vars['page'];
 
-$alias = drupal_get_path_alias('node/'.$vars['node']->nid);
+$alias = str_replace('/', '-', drupal_get_path_alias('node/'.$vars['node']->nid));
 
 if($node->type == "thematique"){
   $vars['id'] =  $alias;
+  // dsm($node, 'node');
+  // $current_state = workflow_state_load_single($node->workflow);
+  // dsm($current_state, "state");
+
 }else{
   $vars["classes_array"][] = $alias;
   $vars['id'] =  "node-".$node->nid;
@@ -22,4 +26,8 @@ if($node->type == "thematique"){
   }
 }
 
+if($node->workflow == 3){
+  $vars["classes_array"][] = 'en_attente';
+}
+
 $vars["classes_array"][] = "node-".$node->nid;