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;