From 2795b4e0410d6d55f3a6942b96fdaf8dea110123 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Thu, 9 Mar 2017 16:44:01 +0100
Subject: [PATCH] episode title display

---
 .../clameurs/css/dist/styles.css              | 15 +++++++--
 .../figureslibres/clameurs/css/styles.scss    | 33 +++++++++++++++----
 2 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/sites/all/themes/figureslibres/clameurs/css/dist/styles.css b/sites/all/themes/figureslibres/clameurs/css/dist/styles.css
index e08d7c77..eeb2af55 100755
--- a/sites/all/themes/figureslibres/clameurs/css/dist/styles.css
+++ b/sites/all/themes/figureslibres/clameurs/css/dist/styles.css
@@ -103,7 +103,12 @@ input {
   #node-63 .content section {
     display: inline; }
   #node-63 .content p {
-    margin: 0; }
+    margin: 0;
+    font-size: 1.3em;
+    line-height: 1.3;
+    font-weight: 400; }
+    #node-63 .content p em {
+      font-weight: 500; }
   #node-63 ul.links {
     text-align: right;
     margin: 0;
@@ -515,7 +520,8 @@ input {
             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: 800;
+              font-weight: 300;
+              line-height: 1;
               font-style: italic;
               text-align: center; }
           .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content .group-video img {
@@ -527,6 +533,8 @@ input {
         .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode:not(.en_attente):hover .content .group-txt {
           opacity: 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:not(.en_attente):hover .content .group-txt .field-name-title-field {
+            font-weight: 500; }
         .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 {
@@ -549,7 +557,8 @@ input {
   font-weight: 400;
   color: #20c498;
   text-transform: capitalize;
-  text-indent: -0.09em; }
+  text-indent: -0.09em;
+  margin: 1em 0 0; }
 
 body.node-type-page h2 {
   font-size: 1.5em;
diff --git a/sites/all/themes/figureslibres/clameurs/css/styles.scss b/sites/all/themes/figureslibres/clameurs/css/styles.scss
index b04de2e1..c950c67d 100755
--- a/sites/all/themes/figureslibres/clameurs/css/styles.scss
+++ b/sites/all/themes/figureslibres/clameurs/css/styles.scss
@@ -169,8 +169,18 @@ $header_height_large:400px;
 	// color:$bleu;
 	padding:1em 0;
 	.content{
+    // padding:0 7em;
 		section{display: inline;}
-		p{ margin:0;}
+		p{
+      // text-align: center;
+      margin:0;
+      font-size: 1.3em;
+      line-height: 1.3;
+      font-weight: 400;
+      em{
+        font-weight: 500;
+      }
+    }
 	}
 	ul.links{
 		// display: block;
@@ -389,10 +399,16 @@ $header_height_large:400px;
 			$coul5);
 	}
 
-  @mixin white_shadow(){
-    $d:2px;
-    $b:0;
-    $c:white;
+  @mixin white_shadow($d, $b, $c){
+    @if length($d){
+      $d:2px;
+    }
+    @if length($b){
+      $b:0;
+    }
+    @if length($c){
+      $c:white;
+    }
     text-shadow:
       $d $d $b $c,
       -$d $d $b $c,
@@ -658,7 +674,8 @@ $header_height_large:400px;
 									transition:opacity,background-color 0.3s ease-in-out;
 									.field-name-title-field{
 										font-size: 4em;
-										font-weight: 800;
+										font-weight: 300;
+                    line-height: 1;
 										font-style: italic;
 										text-align: center;
 									}
@@ -670,6 +687,9 @@ $header_height_large:400px;
 							&:not(.en_attente):hover .content .group-txt{
 								opacity: 0.9;
 								background-color: rgba(255, 255, 255, 0.3);
+                .field-name-title-field{
+                  font-weight: 500;
+                }
 							}
 
 							&.en_attente>.content{
@@ -741,6 +761,7 @@ $header_height_large:400px;
   color: $vert;
 	text-transform: capitalize;
   text-indent: -0.09em;
+  margin: 1em 0 0;
 }
 
 body.node-type-page{