image arrière plan accueil

app/assets/stylesheets/public/structure.less

@@ -6,9 +6,10 @@
   width:100%;
 	z-index: 1;
   img{
-    width:100%;
+    width:88%;
     position:absolute;
-    top:-100px;
+    top:0px;
+    left:350px;
   }  
   
 }
@@ -21,21 +22,7 @@
   opacity:0.2;
 }
 
-#midground {
-	background: url(/midground.png) repeat 20% 20%;
-	position: fixed;
-	top: 0; left: 0; right: 0; bottom: 0;
-	z-index: 1;
-  opacity:0.2;
-}
 
-#foreground {
-	background: url(/foreground.png) repeat 90% 110%;
-	position: fixed;
-	top: 0; left: 0; right: 0; bottom: 0;
-	z-index: 2;
-  opacity:0.2;
-}
 
 
 #color_background{
@@ -238,6 +225,18 @@ display:none;
 
 @media only screen and (max-width: 1100px) {
 
+#background1 {
+ 
+  img{
+    width:88%;
+    
+    top:0px;
+    left:280px;
+  }  
+  
+}
+
+
 #bandeau{
 
   
@@ -263,6 +262,26 @@ left:339px;
 
 
 @media only screen and (max-width: 800px) {
+
+#accueil{
+margin-left:1em !important;
+
+
+}
+#background1 {
+ 
+  img{
+    width:120%;
+    max-width:120%;
+    
+    top:100px;
+    left:0px;
+    
+  }  
+  
+}
+
+
 #bandeau{
   position:static;