responsive

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

@@ -404,7 +404,7 @@
 .sidebar{
   position: absolute;
   right: 0;
-  width: 250px;
+  width: 300px;
   margin: -55px auto 0 20px;
   h2{
     background: $red;
@@ -432,6 +432,7 @@
     }
   }
   .side-all-agenda{
+    background: white;
     width: auto;
     padding: 10px 20px;
     margin-bottom: 10px;
@@ -544,7 +545,7 @@
     .images_s{
       // width: calc(100% / 2 - 15px);
       width: 40%;
-      min-width: 300px;
+      // min-width: 300px;
       margin-right: 15px;
       img{
         margin-bottom: 15px;
@@ -588,7 +589,7 @@
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
-  height: 300px;
+  // height: 300px;
   .title{
     width: 200px;
     height: 200px;
@@ -848,7 +849,6 @@
   }
 }
 
-
 #sublog{
   .body-wrapper{
     background-image: url('../images/Trame-gris.svg');
@@ -858,6 +858,8 @@
   .content{
     @include inlineflex;
     width: 90%;
+    flex-direction: row-reverse;
+    justify-content: start;
     & > p{
         font-size: 1.2rem;
         font-family: $Bold;
@@ -868,15 +870,25 @@
   }
   .mapsalles{
     width: 50%;
+    position: relative;
     .contour{
       position: relative;
       z-index: 1;
       pointer-events: none;
+      display: inline-block;
+      width: 100%;
+      vertical-align: middle;
+      overflow: hidden;
     }
     .fond{
       position: absolute;
+      display: inline-block;
+      width: 100%;
+      vertical-align: middle;
+      overflow: hidden;
       z-index:0;
-      top: 110px;
+      left: 0;
+      top: 5.3%;
       path{
         fill: none;
         pointer-events: all;
@@ -888,11 +900,14 @@
       }
     }
   }
+  .txt{
+    width: 30%;
+  }
   .content_salle{
     position: absolute;
     left: 50%;
     top: 300px;
-    width: 35%;
+    width: 30%;
     background: white;
     & > p{
       padding-left: 10px;