footer fin essai

app/assets/stylesheets/public.scss

@@ -470,8 +470,59 @@ img{
   }
 }
 
-#footer {
-  padding: 20px 10px !important;
+#footer{
+  margin-top:50px;
+  padding:20px 0;
+  background:no-repeat top right;
+  background-color:#4D4D4D;
+  background-image:url('/lines.png');
+  background-size: auto 100%;
+  h2{
+    color:white;
+  }
+
+  fieldset{
+    border:0;
+    padding:0;
+    margin:0;
+
+  }
+
+  table{
+    width:600px !important;
+    max-width:100%;
+    border-collapse:collapse;
+    td{
+      padding-bottom:12px;
+    }
+  }
+
+  input, textarea{
+    box-sizing:border-box;
+    padding:12px 15px;
+    font-size:1em;
+    width:100%;
+    border:0;
+
+
+  }
+  .error{
+    color:red;
+  }
+  .submit{
+    width:600px;
+    max-width:100%;
+    text-align:right;
+    padding:14px 0;
+    padding-top:0px;
+
+  }
+
+  .btn{
+    border-color:white !important;
+    color:white;
+    background:transparent;
+  }
 }
 
 .imgpayre {
@@ -479,6 +530,8 @@ img{
   bottom: 10px;
 }
 
+
+
 @media screen and (max-width: 880px) {
 
   //page d'accueil
@@ -673,44 +726,49 @@ img{
 
   }
 
-  #sub_footer {
+ #logo_fond {
+    max-width: 150px;
+    width: 30%;
+    height: auto;
+  }
+
+
+#sub_footer {
+    padding: 5px 0 !important;
     text-align: center;
-    #contacts {
-      padding-right: 0px !important;
-      height: 10vh;
-    }
+
     #logos {
-      padding: 15px;
+      padding: 20px;
       img {
-        margin: 5px 10px !important;
-      }
-      #groupepayreid img{
-        height: 90px !important;
-        display: block;
-        width: auto;
-        position: relative;
-        left: 35%;
+
       }
     }
 
-
-
-
     #place, #contacts {
-      padding-right: 5% !important;
-      padding-left: 0% !important;
-      font-size: 12px;
-    }
+      padding-right: 10px !important;
+      padding-left: 10px !important;
+      padding-top: 0px !important;
 
+    }
 
     img {
       height: 70px !important;
     }
   }
 
-  table {
-    padding-left: 20px;
+  #groupepayreid img{
+      height: 90px !important;
+      display: block;
+      margin: 0 auto !important;
+      padding-bottom: 20px;
+    }
+
+  tbody {
+    width: 100% !important;
   }
+}
+
+
 
 
   //pages
@@ -745,6 +803,13 @@ img{
       width: 70%;
       margin-top: 10px;
   }
-  }
-
+}
+
+
+
+
+@media screen and (max-width: 880px) {
+  #sub_footer #logos {
+    float: none;
+  }
 }