maj

user/themes/lecampus/scss/theme/_blog.scss

@@ -552,7 +552,6 @@
     }
     .content_s{
       width: calc(60% - 30px);
-
     }
     .icones{
       margin: 70px 0;
@@ -721,18 +720,30 @@
     p{
       color: white;
       width: 300px;
-      margin: 0 20px 20px 20px;
-      border-left: 1px solid white;
-      padding-left: 20px;
       a{
         color: white;
         text-decoration: underline;
       }
     }
     &.open{
-      // bottom: 0;
       z-index: 999;
       background: $dark-blue;
+      .item{
+        display: block;
+      }
+    }
+    h3{
+      color: $green;
+    }
+  }
+  .item{
+    display: none;
+    margin: 0 0px 20px 20px;
+    border-left: 1px solid white;
+    padding-left: 20px;
+    img{
+      width: 50px;
+      margin-bottom: 10px;
     }
   }
 }
@@ -852,8 +863,30 @@
         font-family: $Bold;
       }
   }
+  svg{
+      pointer-events: none;
+  }
   .mapsalles{
     width: 50%;
+    .contour{
+      position: relative;
+      z-index: 1;
+      pointer-events: none;
+    }
+    .fond{
+      position: absolute;
+      z-index:0;
+      top: 110px;
+      path{
+        fill: none;
+        pointer-events: all;
+        transition: fill 0.3s ease;
+        &:hover{
+          fill: $light-blue!important;
+          transition: fill 0.3s ease;
+        }
+      }
+    }
   }
   .content_salle{
     position: absolute;

user/themes/lecampus/templates/mapsalle.html.twig

@@ -27,9 +27,11 @@
   {% embed 'partials/layout.html.twig' %}
       {% block item %}
         <div class="content">
+          <div class="txt">
           <h2>{{page.title}}</h2>
           {{content}}
         </div>
+        </div>
       {% endblock %}
   {% endembed %}
 

user/themes/lecampus/templates/partials/reco.html.twig

@@ -1,14 +1,24 @@
 {% set options = { items: {'@page.self': '/nos-references'}, 'limit': 1 } %}
-{% set image = page.media.images|first %}
 {% set h5 = h5 ?: 'h2' %}
 
 <div id="reco">
   {% for p in page.collection(options)%}
     <div class="txt">
-      {{p.content}}
+      {% for item in p.collection %}
-    </div>
+      {% set image = item.media.images|first %}
-    <div class="title">
+      <div class="item">
-      <{{h5}}>{{p.title}}</{{h5}}>
+      {% if image %}
+        {{ image.html('','logo') }}
+      {% endif %}
+        <h3>{{item.title}}</h3>
+        {{item.content}}
       </div>
       {% endfor %}
     </div>
+
+    <div class="title">
+      <{{h5}}>{{p.title}}</{{h5}}>
+    </div>
+
+  {% endfor %}
+</div>