close salles

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

@@ -6,7 +6,6 @@
       .title_gal{
         opacity: 1;
         right: 70px;
-        -webkit-transition: all 1s ease;
         transition: right 1s ease, opacity 1s ease;
       }
     }
@@ -124,8 +123,6 @@
       margin: 40px auto 40px auto;
       .header-wrapper{
         .title{
-          display: -webkit-box;
-          display: -ms-flexbox;
           display: flex;
         h1{
           width: auto;
@@ -142,8 +139,6 @@
   &#event{
     margin: 40px auto 40px auto;
     .title{
-      display: -webkit-box;
-      display: -ms-flexbox;
       display: flex;
     h1{
       width: auto;
@@ -159,9 +154,7 @@
   }
   .body-wrapper{
     @include inlineflex();
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
+    justify-content: center;
     width: 100%;
     position: relative;
     .card{
@@ -199,11 +192,8 @@
       width: 45%;
       .card-content{
         @include inlineflex;
-        -ms-flex-wrap: nowrap;
-            flex-wrap: nowrap;
-        -webkit-box-pack: justify;
-            -ms-flex-pack: justify;
-                justify-content: space-between;
+        flex-wrap: nowrap;
+        justify-content: space-between;
         .reso{
           width: 20%;
           a{
@@ -298,8 +288,7 @@
             background: white;
             border-radius: 30px;
             padding: 10px 35px;
-            -webkit-box-shadow:none;
-                    box-shadow:none;
+            box-shadow:none;
             border:0;
           }
         }
@@ -418,8 +407,7 @@
     }
     .reso{
       @include inlineflex;
-      -ms-flex-wrap: nowrap;
-          flex-wrap: nowrap;
+      flex-wrap: nowrap;
       width: 50px;
       height: 25px;
     }
@@ -467,14 +455,12 @@
     float: left;
     border: 2px solid $red;
     border-radius: 30px;
-    -webkit-transition: background-color 0.3s ease;
     transition: background-color 0.3s ease;
     a{
       color: black;
     }
     &:hover{
       background-color: $red;
-      -webkit-transition: background-color 0.3s ease;
       transition: background-color 0.3s ease;
       a{
         color: white;
@@ -513,8 +499,7 @@
         input{
           border-radius: 30px;
           height: 31px;
-          -webkit-box-shadow: none;
-                  box-shadow: none;
+          box-shadow: none;
           border: none;
         }
         .clear{
@@ -559,7 +544,6 @@
           border: 2px solid $green;
           border-radius: 30px;
           margin: auto;
-          -webkit-transition: background-color 0.3s ease;
           transition: background-color 0.3s ease;
         }
       }
@@ -585,8 +569,7 @@
     .icones{
       margin: 70px 0;
       @include inlineflex;
-      -ms-flex-pack: distribute;
-          justify-content: space-around;
+      justify-content: space-around;
       width: 100%;
       .icon{
         height: 50px;
@@ -606,12 +589,8 @@
 
 #devis{
   @include inlineflex();
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   background-image: url('/user/themes/lecampus/images/Trame-bleu.svg');
   background-position: center;
   background-repeat: no-repeat;
@@ -685,7 +664,6 @@
         color: black;
         .title{
           background: white;
-          -webkit-transition: background 0.3s ease;
           transition: background 0.3s ease;
         }
       }
@@ -700,8 +678,6 @@
 #reco{
   background: $dark-blue;
   .title{
-    display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
     cursor: pointer;
     width: 100%;
@@ -716,8 +692,6 @@
       border-bottom: 1px solid white;
       font-size: 1rem;
       &::after{
-        display: -webkit-inline-box;
-        display: -ms-inline-flexbox;
         display: inline-flex;
         margin-left: 10px;
         content: " ";
@@ -741,9 +715,7 @@
     width: 100%;
     padding-top: 20px;
     @include inlineflex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
+    justify-content: center;
     -webkit-transform: translateY(-100%);
             transform: translateY(-100%);
     p{
@@ -819,10 +791,7 @@
 }
 .card-header{
   @include inlineflex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   width: 100%;
   &.professionnels{
     background-color: $red;
@@ -934,7 +903,7 @@
   .content_salle{
     // display: none;
     visibility: hidden;
-    
+
     position: absolute;
     left: 50%;
     top: 300px;

user/themes/lecampus/scss/theme/_footer.scss

@@ -6,9 +6,7 @@
     @include inlineflex;
     width: 100%;
     margin: 20px 0;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
+    justify-content: center;
     p{
       padding: 0 20px;
 
@@ -31,7 +29,8 @@
 
 .opt-out{
   height: auto;
-  transform: translateY(70%);
+  -webkit-transform: translateY(70%);
+          transform: translateY(70%);
   z-index: 9999;
   position: fixed;
   bottom: 0;
@@ -39,7 +38,9 @@
   background: rgba(255,255,255,.5 );
   text-align: center;
   font-family: $Bold;
+  transition: background 0.3s ease, -webkit-transform 0.3s ease;
   transition: transform 0.3s ease, background 0.3s ease;
+  transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
   iframe{
     height: 110px;
   }
@@ -53,11 +54,13 @@
     cursor: pointer;
   }
   &.open{
-    transform: translateX(0);
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
     background: white;
     transition: all 0.3s ease;
     img{
-      transform: rotate(180deg);
+      -webkit-transform: rotate(180deg);
+              transform: rotate(180deg);
     }
   }
 }

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

@@ -11,10 +11,7 @@
       width: auto!important;
       height: auto;
       &>ul{
-        -webkit-box-orient: vertical!important;
-        -webkit-box-direction: normal!important;
-            -ms-flex-direction: column!important;
-                flex-direction: column!important;
+        flex-direction: column!important;
         &>li{
           text-align: left;
           &>ul{
@@ -307,8 +304,6 @@
     height: 110px!important;
     margin-top: -55px!important;
     a{
-      display: -webkit-inline-box!important;
-      display: -ms-inline-flexbox!important;
       display: inline-flex!important;
     }
     p:nth-of-type(2){
@@ -451,10 +446,7 @@
       width: 280px!important;
       padding: 0!important;
       #mc_embed_signup_scroll{
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-            -ms-flex-direction: column;
-                flex-direction: column;
+        flex-direction: column;
         input{
           width: 280px!important;
         }
@@ -479,10 +471,7 @@
     }
   }
   #footer .block{
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
     p{
       margin-bottom: 10px;
       text-align: center;
@@ -496,8 +485,10 @@
   }
   #sublog {
     .bandeau{
+      height: auto;
       img{
         width: 100%;
+        height: auto;
       }
     }
     .title_gal{
@@ -506,7 +497,7 @@
     .content_salle{
       width: 90%!important;
       left: 5%!important;
-      top: 250px!important;
+      top: 200px!important;
       .header-salles{
         display: inline-flex;
         justify-content: space-between;
@@ -543,17 +534,11 @@
     width: 100%!important;
   }
   .start:not(#form) .body-wrapper .event .card-content{
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
     .reso{
       width: 100%!important;
-      display: -webkit-box;
-      display: -ms-flexbox;
       display: flex;
-      -ms-flex-pack: distribute;
-          justify-content: space-around;
+      justify-content: space-around;
     }
     .txt{
       width: 100%!important;