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,81 +296,29 @@ img {
 
 
 @media screen and (max-width: 880px) {
-  #menu_top .sub_menu {
+  #logo_container{
-    font-size: 11px;
+    position:static;
-    position: absolute;
+    background:$green;
-    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;
+      width:200px;
-      left: 20%;
-      right: 20%;
-    }
-  }
       
-  .actu .img {
-    width: 100%;
-    margin-bottom: 20px;
     }
-
+  }
-  .menu {
+  #top_gradient{
     display:none;
   }
-
+  #services-img{
-
+    position:absolute;width:120px;
-
+  }
-  //general
+  .rea-gal img {
-  h2 {
+      width: 20%;
-    margin-bottom: 30px;
     }
       
-  p {
+      
-    margin: 30px;
+  .center {
+    margin: 0 20px;
   }
-    //formulaire
   
   #footer table {
     width: auto !important;
@@ -382,108 +331,71 @@ img {
     max-width: auto;
   }
 
-  .center {
+
-    margin: 20px;
+  .slide_home_wrapper{
+    position:relative;
+    background:no-repeat center center;
+    background-size:100%;
+    background-size:cover;
+  
+    .bx-wrapper{
+      margin:0;
     }
 
-  #footer {
+    .bx-controls{
-    margin-top: 0px;
-  }
-
-  #sub_footer #logos img {
-    height: 75px;
-    margin: 0 10px;
-}
-
-#sub_footer {
-    padding: 5px 0 !important;
-    text-align: center;
-    #logos {
-      padding: 20px;
-      img {
-        margin: 5px 12px !important;
-      }
-    }
-
-    #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;
+      bottom:40px;
-    right: 10%;
+      left:0;
-    top: 10%;
+      right:0;
+
+    }
+
+    .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);
-
-  .slide_home_wrapper .slide .content {
-
-  }
-
-  #menu_top {
         position:absolute;
-    top: 5px;
+        bottom:-25px;
-    font-size: 11px;
+        right:-25px;
-    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;
         
       }
-
+      h3{
-.slide_home_wrapper .slide .content .view_site {
+        font-weight:normal;
-    margin-top: 5px;
+        padding:0;
-    font-size: 8px;
+        margin:0;
-    text-align: right;
+        margin-bottom:2px;
-}
+        font-size:20px;
-
+        font-family:"Stylograph", sans-serif;
-  .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