fixe gal et devis

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

@@ -942,17 +942,22 @@
     }
   }
   .demander-votre-devis{
-    margin-top: 0;
-    -webkit-transform: translateX(-200px);
-            transform: translateX(-200px);
+    // margin-top: 0;
+    // -webkit-transform: translateX(-200px);
+            // transform: translateX(-200px);
   }
   .img{
     width: 400px;
     height: 300px;
-    overflow: hidden;
-    img{
-      width: auto;
-      height: 400px;
+    position: relative;
+    .content-img{
+      width: 400px;
+      height: 300px;
+      overflow: hidden;
+      & > img{
+        width: auto;
+        height: 400px;
+      }
     }
   }
 }
@@ -1138,14 +1143,16 @@
 .demander-votre-devis{
   padding: 10px;
   z-index: 999;
+  top: 50%;
+  transform: translate(100%, -50%);
   background: $red;
   position: absolute;
   width: 200px;
   height: 200px;
   right: 100px;
-  margin-top: -100px;
   color: white;
   text-align: center;
+
   strong{
     font-weight: bold!important;
   }
@@ -1159,6 +1166,9 @@
 }
 
 #sublog{
+  .demander-votre-devis{
+    transform: translateY(-50%);
+  }
   .body-wrapper{
     background-image: url('../images/Trame-gris.svg');
     background-repeat: repeat;
@@ -1216,9 +1226,8 @@
   }
 
   .content_salle{
-    // display: none;
     visibility: hidden;
-
+    overflow-x: hidden;
     position: absolute;
     left: 50%;
     top: 300px;
@@ -1228,6 +1237,7 @@
       padding-left: 10px;
     }
     .header-salles{
+      height: 100%;
       background: $light-blue;
       padding: 5px 10px;
       color: white;
@@ -1240,6 +1250,14 @@
         display: none;
       }
     }
+    .gal-salles{
+      height: 100%;
+      position: relative;
+      img{
+        width: 100%;
+        height: 100%;
+      }
+    }
     h4{
       background: $green;
       font-size: 1.2rem;
@@ -1247,31 +1265,30 @@
       padding: 5px 10px;
       margin-top: -1px;
     }
-    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
-      bottom: 10px!important;
-    }
-    .bx-controls-direction{
-      a{
-        background-size: cover;
-        background-repeat: no-repeat;
-      }
-      .bx-prev{
-        background-image: url('/user/themes/lecampus/images/arrow-gal.svg');
-      }
-      .bx-next{
-        background-image: url('/user/themes/lecampus/images/arrow-gal-next.svg');
-        &:hover, &:focus{
-          background-position: center!important;
-        }
-      }
-    }
-    .bx-pager-link {
-      background: white!important;
-      &.active{
-        background: black!important;
-      }
-    }
   }
+  .slidesjs-navigation{
+    margin-right: 5px;
+    float: left;
+    display: block;
+    width: 30px;
+    height: 30px;
+    padding-top: 13px;
+    background-position: 0 0;
+    overflow: hidden;
+    z-index: 999;
+    position: absolute;
+    top: 50%;
+  }
+    .slidesjs-previous {
+      left: 10px;
+      background-image: url('/user/themes/lecampus/images/arrow-gal.svg');
+    }
+
+    .slidesjs-next {
+      background-image: url('/user/themes/lecampus/images/arrow-gal-next.svg');
+      right: 10px;
+    }
+
 }
 
 #default{

user/themes/lecampus/scss/theme/_mobile.scss

@@ -285,9 +285,9 @@
       width: auto!important;
     }
     .demander-votre-devis{
-      -webkit-transform: translate(0px, 40%)!important;
-              transform: translate(0px, 40%)!important;
-      right: 30px!important;
+      -webkit-transform: translate(0, -50%)!important;
+              transform: translate(0, -50%)!important;
+
     }
   }