title display

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

@@ -223,6 +223,8 @@ input {
   .node-thematique.node-32 .field-name-field-episodes .field-label,
   .node-thematique.node-32 .node-episode .field-name-title-field {
     color: #2f82ff; }
+  .node-thematique.node-32 .field-name-body .summary {
+    border-left-color: #2f82ff; }
   .node-thematique.node-14::before {
     background-image: url(../../images/fond-theme-1-flat.png); }
   .node-thematique.node-14 > h2,
@@ -233,6 +235,8 @@ input {
   .node-thematique.node-14 .field-name-field-episodes .field-label,
   .node-thematique.node-14 .node-episode .field-name-title-field {
     color: #ff0000; }
+  .node-thematique.node-14 .field-name-body .summary {
+    border-left-color: #ff0000; }
   .node-thematique.node-38::before {
     background-image: url(../../images/fond-theme-2-flat.png); }
   .node-thematique.node-38 > h2,
@@ -243,6 +247,8 @@ input {
   .node-thematique.node-38 .field-name-field-episodes .field-label,
   .node-thematique.node-38 .node-episode .field-name-title-field {
     color: #88aa00; }
+  .node-thematique.node-38 .field-name-body .summary {
+    border-left-color: #88aa00; }
   .node-thematique.node-3::before {
     background-image: url(../../images/fond-theme-3-flat.png); }
   .node-thematique.node-3 > h2,
@@ -253,6 +259,8 @@ input {
   .node-thematique.node-3 .field-name-field-episodes .field-label,
   .node-thematique.node-3 .node-episode .field-name-title-field {
     color: #ff6600; }
+  .node-thematique.node-3 .field-name-body .summary {
+    border-left-color: #ff6600; }
   .node-thematique.node-20::before {
     background-image: url(../../images/fond-theme-4-flat.png); }
   .node-thematique.node-20 > h2,
@@ -263,6 +271,8 @@ input {
   .node-thematique.node-20 .field-name-field-episodes .field-label,
   .node-thematique.node-20 .node-episode .field-name-title-field {
     color: #ff2ad4; }
+  .node-thematique.node-20 .field-name-body .summary {
+    border-left-color: #ff2ad4; }
   .node-thematique.node-26::before {
     background-image: url(../../images/fond-theme-5-flat.png); }
   .node-thematique.node-26 > h2,
@@ -273,9 +283,13 @@ input {
   .node-thematique.node-26 .field-name-field-episodes .field-label,
   .node-thematique.node-26 .node-episode .field-name-title-field {
     color: #8800aa; }
+  .node-thematique.node-26 .field-name-body .summary {
+    border-left-color: #8800aa; }
   .node-thematique > h2 {
     font-size: 4em;
     font-weight: 400;
+    line-height: 0.9;
+    text-indent: -0.09em;
     position: relative;
     margin: 2em 0 0;
     padding: 0 2em 0 0; }
@@ -288,7 +302,8 @@ input {
     .node-thematique > h2 span.date {
       font-size: 0.3em;
       font-weight: 600;
-      display: block; }
+      display: block;
+      text-indent: 0.2em; }
   .node-thematique .content {
     letter-spacing: -0.25em; }
     .node-thematique .content > * {
@@ -307,14 +322,16 @@ input {
           padding: 0 1em 0 0; }
         .node-thematique .content article.main .field-name-body .summary {
           position: relative;
-          transition: background-color 0.5 ease-in-out; }
+          transition: background-color 0.5 ease-in-out;
+          border-left-style: solid;
+          border-left-width: 0; }
           @media only screen and (min-width: 62.5625em) {
             .node-thematique .content article.main .field-name-body .summary {
               height: 7em;
               overflow: hidden; } }
           .node-thematique .content article.main .field-name-body .summary p {
             font-size: 1.05em;
-            padding: 0.5em 1.2em;
+            padding: 0.5em 1.2em 0.5em;
             margin: 0;
             font-weight: 500; }
         .node-thematique .content article.main .field-name-body .value {

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

@@ -329,6 +329,9 @@ $header_height_large:400px;
 		.field-name-field-episodes .field-label,
 		.node-episode .field-name-title-field{color: $coul;}
 
+    .field-name-body .summary{
+      border-left-color: $coul;
+    }
     // article.main{
     //   .field-name-body{
     //     .summary{background-color: $coul;}
@@ -400,6 +403,8 @@ $header_height_large:400px;
 	>h2{
 		font-size: 4em;
 		font-weight: 400;
+    line-height: 0.9;
+    text-indent: -0.09em;
 		// padding-left: 0.18em;
 		position:relative;
 		margin:2em 0 0;
@@ -416,6 +421,7 @@ $header_height_large:400px;
       font-size: 0.3em;
       font-weight: 600;
       display: block;
+      text-indent: 0.2em;
       // color: #000;
     }
 	}
@@ -455,12 +461,14 @@ $header_height_large:400px;
 					}
 					p{
 						font-size: 1.05em;
-						padding:0.5em 1.2em;
+						padding:0.5em 1.2em 0.5em;
             margin: 0;
 						font-weight: 500;
             // @include white_shadow;
 					}
-				}
+          border-left-style:solid;
+          border-left-width: 0;
+        }
 				.value{
 					display:none;
 					@media #{$large-up} {