scss

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

@@ -1,7 +1,58 @@
+// home
+
+.gal{
+  width: 100%;
+  height:400px;
+  overflow-y: hidden;
+  margin-bottom: 20px;
+  position: relative;
+  .slidesjs-navigation{
+    z-index: 999;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    &.slidesjs-previous{
+      left: 10px;
+      &:before{
+        display: block;
+        content: " ";
+        width: 30px;
+        height: 50px;
+        background-image: url('/user/themes/lecampus/images/arrow.svg');
+        background-repeat: no-repeat;
+        background-size: 30px 50px;
+      }
+    }
+    &.slidesjs-next{
+      right: 10px;
+      &:before{
+        display: block;
+        content: " ";
+        width: 30px;
+        height: 50px;
+        background-image: url('/user/themes/lecampus/images/arrow.svg');
+        background-repeat: no-repeat;
+        background-size: 30px 50px;
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+
+.cat{
+  height: 50px;
+  a{
+    padding: 10px;
+    border: 1px solid black;
+  }
+}
+
 #item{
   @include inlineflex();
+  width: 100%;
   .card{
     width: calc( (100% / 4) - 45px);
+    min-width: 250px;
     margin: 0 15px 30px 15px;
     position: relative;
     border: 1px solid black;
@@ -13,7 +64,9 @@
       .publics{
         padding: 10px;
         background: grey;
-        color: white;
+        a{
+          color: white;
+        }
       }
     }
     .card-body{
@@ -27,11 +80,47 @@
 
 .content{
   width: 40%;
+  margin: 0px 20px 20px auto;
   p{
     margin: 10px 0;
   }
 }
 
+#default{
+  .content{
+    & > p{
+      &:first-child{
+        a{
+          display: block;
+          padding: 10px;
+          text-align: center;
+          border: 1px solid black;
+          margin-left: 60%;
+        }
+      }
+      &:last-child{
+        margin-top: 80px;
+        padding: 10px;
+        border: 1px solid black;
+        img{
+          width: 33%;
+          margin-right: 20px;
+          float: left;
+        }
+        a{
+          display: block;
+          text-align: right;
+          margin-top:15px;
+          padding: 5px;
+          border: 1px solid black;
+          width: auto;
+          margin-left: 70%;
+        }
+      }
+    }
+  }
+}
+
 // items
 .bandeau{
   width: 100%;
@@ -43,8 +132,17 @@
   }
 }
 
+.sub-content{
+  border-top: 1px solid black;
+  margin-bottom: 20px;
+  margin-top: 20px;
+  h3{
+    margin-top: 20px;
+  }
+}
+
 .sidebar{
-  margin-left: 50px;
+  margin: 0 auto 0 20px;
   .side-agenda{
     border-top: 1px solid black;
     padding: 10px 0;
@@ -61,8 +159,20 @@
     border: 1px solid black;
   }
   .side-newsletter{
-    margin-top: 60px;
+    margin-top: 100px;
     padding: 20px;
     background: lightgrey;
   }
 }
+
+#footer{
+  margin-top: 20px;
+}
+
+
+// .card{
+//   height: 100px;
+//   .card-image{
+//     height: 100px;
+//   }
+// }

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

@@ -1,4 +1,14 @@
 #footer{
   width: 100%;
   background: grey;
+  #map{
+    height: 300px;
+    width: 300px;
+  }
+}
+
+a#map{
+    display: block;
+  height: 300px;
+  width: 300px;
 }

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

@@ -1,15 +1,53 @@
 #header{
+  z-index: 999;
+  position: relative;
   nav{
     @include inlineflex();
+    justify-content: space-between;
     height: 100px;
+    width: auto;
+    a{
+      padding: 10px;
+    }
     & > ul{
       @include inlineflex();
-      li{
+      &> li{
         margin-left: 10px;
+        padding: 0 10px 10px 10px;
         & > ul{
           display: none;
         }
+        &:nth-last-child(-n+2){
+          & > a{
+            display: block;
+            height: 100px;
+            background: rgb(84, 153, 183);
+            color: white;
+          }
+        }
+        &:hover{
+          & > ul{
+            display: block;
+            a{
+              display: block;
+              height: 50px;
+              background: white;
+              padding: 10px;
+            }
+          }
+        }
       }
     }
+    .reso{
+      @include inlineflex();
+      flex-wrap: nowrap;
+      width: 30px;
+      img{
+        margin-left: 10px;
+      }
+    }
+    .desktop-menu{
+      @include inlineflex;
+    }
   }
 }

user/themes/lecampus/scss/theme/_typography.scss

@@ -42,3 +42,14 @@ p{
     }
   }
 }
+
+.cat{
+  width: 100%;
+  a{
+    font-family: $Bold;
+  }
+}
+
+.dt{
+  font-family: $Bold;
+}