add triange etape

user/themes/le_style_de_lours_modif/scss/theme/_mixins.scss

@@ -74,7 +74,7 @@
           transform: rotate(90deg);
   position: absolute;
   top: -8px;
-  left: -90px;
+  left: -75px;
 }
 
 @mixin arrow{

user/themes/le_style_de_lours_modif/scss/theme/_start.scss

@@ -65,20 +65,18 @@ body {
 
 .item-etapes {
     position: relative;
-
     .title {
         @include triangle;
         pointer-events: none;
     }
-
     h4 {
         @include rotateH;
     }
-
     .content {
         overflow: hidden;
         position: relative;
         .txt {
+          z-index: 2;
             display: -webkit-inline-box;
             display: -ms-inline-flexbox;
             display: inline-flex;
@@ -120,7 +118,7 @@ body {
         }
     }
 
-    &:hover {
+    &:hover, &:focus, &:active {
         .txt {
             -webkit-transition: background 0.5s ease, -webkit-transform 0.5s ease;
             transition: background 0.5s ease, -webkit-transform 0.5s ease;
@@ -237,6 +235,10 @@ body {
                     align-items: flex-end;
             p{
               text-align: right!important;
+              img{
+                width: 15px;
+                margin-left: 5px;
+              }
             }
           }
           &:nth-of-type(2){

user/themes/le_style_de_lours_modif/scss/theme/_typography.scss

@@ -168,6 +168,9 @@ header {
   h4 {
     font-size: $h3;
     color: white;
+    font-family: $Regular-L;
+    text-transform: uppercase;
+    font-weight: normal;
   }
 
   .txt {

user/themes/le_style_de_lours_modif/templates/item-etapes.html.twig

@@ -1,6 +1,8 @@
 <div class="item-etapes blocks">
-
   <div class="content">
+    <div class="title">
+      <h4>{{child.title}}</h4>
+    </div>
     {% for images in child.media.images %}
     <div class="img">
       {{ images.html }}