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;