demande de devis fix

user/themes/lecampus/scss/theme/_animation.scss

@@ -4,20 +4,36 @@
 
 // Pulse Animation
 .pulse {
-  animation-name: pulse_animation;
-  animation-duration: 2000ms;
-  transform-origin:70% 70%;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
+  -webkit-animation-name: pulse_animation;
+          animation-name: pulse_animation;
+  -webkit-animation-duration: 2000ms;
+          animation-duration: 2000ms;
+  -webkit-transform-origin:70% 70%;
+          transform-origin:70% 70%;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+
+@-webkit-keyframes pulse_animation {
+  0% { -webkit-transform: scale(1); transform: scale(1); }
+  30% { -webkit-transform: scale(1); transform: scale(1); }
+  40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
+  50% { -webkit-transform: scale(1); transform: scale(1); }
+  60% { -webkit-transform: scale(1); transform: scale(1); }
+  70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
+  80% { -webkit-transform: scale(1); transform: scale(1); }
+  100% { -webkit-transform: scale(1); transform: scale(1); }
 }
 
 @keyframes pulse_animation {
-  0% { transform: scale(1); }
-  30% { transform: scale(1); }
-  40% { transform: scale(1.08); }
-  50% { transform: scale(1); }
-  60% { transform: scale(1); }
-  70% { transform: scale(1.05); }
-  80% { transform: scale(1); }
-  100% { transform: scale(1); }
+  0% { -webkit-transform: scale(1); transform: scale(1); }
+  30% { -webkit-transform: scale(1); transform: scale(1); }
+  40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
+  50% { -webkit-transform: scale(1); transform: scale(1); }
+  60% { -webkit-transform: scale(1); transform: scale(1); }
+  70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
+  80% { -webkit-transform: scale(1); transform: scale(1); }
+  100% { -webkit-transform: scale(1); transform: scale(1); }
 }

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

@@ -511,14 +511,27 @@
         border-radius: 50%;
         border: 4px solid #fff;
         border-color: #ffffff #ffffff #ffffff transparent;
-        animation: ml-form-embedSubmitLoad 1.2s linear infinite;
+        -webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
+                animation: ml-form-embedSubmitLoad 1.2s linear infinite;
+      }
+      @-webkit-keyframes ml-form-embedSubmitLoad {
+        0% {
+        -webkit-transform: rotate(0deg);
+                transform: rotate(0deg);
+        }
+        100% {
+        -webkit-transform: rotate(360deg);
+                transform: rotate(360deg);
+        }
       }
       @keyframes ml-form-embedSubmitLoad {
         0% {
-        transform: rotate(0deg);
+        -webkit-transform: rotate(0deg);
+                transform: rotate(0deg);
         }
         100% {
-        transform: rotate(360deg);
+        -webkit-transform: rotate(360deg);
+                transform: rotate(360deg);
         }
       }
         #mlb2-985974.ml-form-embedContainer {
@@ -772,7 +785,7 @@
         #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
           color: #ff0000 !important;
         }
-        //       @media only screen and (max-width: 400px){
+        //   @media only screen and (max-width: 400px){
         //   .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
         //   .ml-form-formContent.horozintalForm { float: left!important; }
         //   .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
@@ -1143,13 +1156,13 @@
 .demander-votre-devis{
   padding: 10px;
   z-index: 999;
-  top: 50%;
-  transform: translate(100%, -50%);
+  -webkit-transform: translate(0, -50%);
+          transform: translate(0, -50%);
   background: $red;
   position: absolute;
   width: 200px;
   height: 200px;
-  right: 100px;
+  right: 5%;
   color: white;
   text-align: center;
 
@@ -1164,17 +1177,8 @@
     width: 50px;
   }
 }
-#item{
-  .demander-votre-devis{
-    top: 100%;
-    transform: translate(0, -80%);
-  }
-}
+
 #sublog{
-  .demander-votre-devis{
-    top: 100%;
-    transform: translate(0, -50%);
-  }
   .body-wrapper{
     background-image: url('../images/Trame-gris.svg');
     background-repeat: repeat;
@@ -1352,7 +1356,8 @@
     left: 50%;
     position: absolute;
     top: 50%;
-    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
     width: 70%;
   }
 }

user/themes/lecampus/scss/theme/_header.scss

@@ -2,22 +2,17 @@ header{
   z-index: 999;
   position: relative;
   @include inlineflex();
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
   width: 100%;
   border-bottom: 1px solid $light-blue;
   height: 105px;
   nav{
     @include inlineflex();
-    -ms-flex-pack: distribute;
     justify-content: space-around;
     height: 100px;
     width: 70%;
     flex-wrap: nowrap;
     .logo{
-      display: -webkit-box;
-      display: -ms-flexbox;
       display: flex;
       a{
         display: block;
@@ -30,8 +25,7 @@ header{
       }
       & > ul{
         @include inlineflex();
-        -ms-flex-wrap: nowrap;
-            flex-wrap: nowrap;
+        flex-wrap: nowrap;
         & > li{
           text-align: center;
           max-width: 241px;
@@ -64,7 +58,6 @@ header{
                   visibility: hidden;
                   -webkit-transform: scaleX(0);
                   transform: scaleX(0);
-                  -webkit-transition: all 0.3s ease-in-out 0s;
                   transition: all 0.3s ease-in-out 0s;
                 }
               }
@@ -88,8 +81,7 @@ header{
     }
     .reso{
       @include inlineflex;
-      -ms-flex-wrap: nowrap;
-          flex-wrap: nowrap;
+      flex-wrap: nowrap;
       a{
         display: block;
         width: 35px;

user/themes/lecampus/scss/theme/_hover.scss

@@ -4,7 +4,6 @@
       a:hover{
         color: white;
         background-color: $green;
-        -webkit-transition: background-color 0.3s ease;
         transition: background-color 0.3s ease;
       }
     }

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

@@ -308,7 +308,8 @@
       width: 70%!important;
       z-index: 2;
       left: 50%!important;
-      transform: translateX(-50%);
+      -webkit-transform: translateX(-50%);
+              transform: translateX(-50%);
       .header-salles{
         display: inline-flex;
         justify-content: space-between;
@@ -326,10 +327,8 @@
     }
   }
   #sublog .demander-votre-devis{
-    transform: translate(0, -110%)!important;
     width: 300px!important;
     height: 110px!important;
-    // margin-top: -55px!important;
     a{
       display: inline-flex!important;
     }
@@ -344,8 +343,6 @@
   #item .demander-votre-devis{
     width: 300px!important;
     height: 110px!important;
-    // margin-top: -55px!important;
-    transform: translate(0, -200%)!important;
     a{
       display: inline-flex!important;
     }