suite

app/assets/stylesheets/public.scss

@@ -174,6 +174,7 @@ h1,h2{
   table{
     width:600px !important;
     max-width:100%;
+    margin:auto;
     border-collapse:collapse;
     td{
       padding-bottom:12px;
@@ -295,82 +296,30 @@ img {
 
 
 @media screen and (max-width: 880px) {
-  #menu_top .sub_menu {
-    font-size: 11px;
-    position: absolute;
-    bottom: -60%;
-    color: black;
-    left: 5%;
-    right: 5%;
-  }
-
-  #logo_fond {
-    height: 15%;
-  }
-
-
-
-  .center_block {
-    margin-top: 0px !important;
-  }
-
-  .columns.span_3 {
-    width: auto !important;
-  }
-
-  .btn {
-    padding: 6px 12px;
-    margin: 5% 20%;
-    text-decoration: none;
-    cursor: pointer;
-    display: flex;
-  }
-
-  .span_12 {
-    padding-bottom: 30px !important;
-  }
-
-  #left_actus, #right_actus {
-    float: left !important;
-    width: auto !important;
-  }
-
-
-  .actu .description {
-    margin-left: auto;
-  }
-
-  #actus {
-    text-align: center;
-    padding: 0px;
-    img {
-      position: relative;
-      left: 20%;
-      right: 20%;
+  #logo_container{
+    position:static;
+    background:$green;
+    text-align:center;
+    img{
+      width:200px;
+      
     }
   }
-
-  .actu .img {
-    width: 100%;
-    margin-bottom: 20px;
+  #top_gradient{
+    display:none;
   }
-
-  .menu {
-    display: none;
+  #services-img{
+    position:absolute;width:120px;
   }
-
-
-
-  //general
-  h2 {
-    margin-bottom: 30px;
+  .rea-gal img {
+      width: 20%;
+    }
+      
+      
+  .center {
+    margin: 0 20px;
   }
-
-  p {
-    margin: 30px;
-  }
-    //formulaire
-
+  
   #footer table {
     width: auto !important;
     max-width: auto;
@@ -382,108 +331,71 @@ img {
     max-width: auto;
   }
 
-  .center {
-    margin: 20px;
-  }
 
-  #footer {
-    margin-top: 0px;
-  }
+  .slide_home_wrapper{
+    position:relative;
+    background:no-repeat center center;
+    background-size:100%;
+    background-size:cover;
+  
+    .bx-wrapper{
+      margin:0;
+    }
 
-  #sub_footer #logos img {
-    height: 75px;
-    margin: 0 10px;
-}
+    .bx-controls{
+      position:absolute;
+      bottom:40px;
+      left:0;
+      right:0;
 
-#sub_footer {
-    padding: 5px 0 !important;
-    text-align: center;
-    #logos {
-      padding: 20px;
-      img {
-        margin: 5px 12px !important;
+    }
+
+    .slide{
+      .link_overlay{
+        position:absolute;
+        top:0;
+        left:0;
+        right:0;
+        bottom:0;
       }
-    }
+      position:relative;
+      overflow:hidden;
+      .description{
+        position:absolute;
+        bottom:0px;
+        right:0px;
+        width:230px;
+        padding-right:25px;
+        height:100px;
+        text-align:right;
+        font-size:12px;
+        
+      }
+      .description_background{
+        background:rgba(255,255,255,0.85);
+        width:300px;
+        height:130px;
+        transform: rotate(-5deg);
+        position:absolute;
+        bottom:-25px;
+        right:-25px;
+        
+      }
+      h3{
+        font-weight:normal;
+        padding:0;
+        margin:0;
+        margin-bottom:2px;
+        font-size:20px;
+        font-family:"Stylograph", sans-serif;
+      }
+      
+
 
-    #place {
-      padding-right: 5% !important;
-      padding-left: 0% !important;
-    }
 
-    img {
-      height: 70px !important;
     }
   }
-
-
-  .breve {
-    margin-bottom: 35px;
-  }
-
-  .slide_home_wrapper .slide .logo {
-    width: 20%;
-  }
-
-  .slide_home_wrapper .slide .description {
-    position: absolute;
-    bottom: 50px;
-    right: 10%;
-    top: 10%;
-    background: rgba(255, 255, 255, 0.85);
-    width: 300px;
-    height: 130px;
-  }
-
-  .slide_home_wrapper .slide .content {
-
-  }
-
-  #menu_top {
-    position: absolute;
-    top: 5px;
-    font-size: 11px;
-    padding: 10px;
-    background: none;
-  }
-  .slide_home_wrapper #cinquante {
-    width: 40%;
-  }
-
-  .slide_home_wrapper .slide .content {
-    position: absolute;
-    top: 5px;
-    left: 40px;
-    padding: 6px 0;
-    color: black;
-    font-size: 9px;
-    padding-left: 30px;
-
-  }
-
-.slide_home_wrapper .slide .content .view_site {
-    margin-top: 5px;
-    font-size: 8px;
-    text-align: right;
+ 
 }
 
-  .sub_bar {
-    font-size: 9px;
-  }
 
-  .description img {
-    display: none;
-  }
-
-  .blog_content_show {
-    h1 {
-      font-size: 15px;
-      margin-top: 20%;
-    }
-
-
-  }
-  #main_content {
-      padding: 0px;
-      margin-top: 20%;
-    }
-}

app/views/layouts/public.html.haml

@@ -144,7 +144,7 @@
     #menu_top
       =link_to "Jardinage", "#jardinage"
       =link_to "Bricolage", "#bricolage"
-      =link_to "Contactez-nous", "#contact"
+      =link_to "Contactez-nous", "#footer"
       
       
     -if @menu_item and @menu_item.id == 1