demande de devis fix

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%;
   }
 }