body {
	background: url(orythie-enceintes-genese-fond.jpg) no-repeat;	
	background-position: right 40px;
	background-attachment: fixed;
	background-color: #767676;
}
.body-conteneur {	
	position: relative;	
}
.conteneur-fil {	
	margin-top: 400px;	
}
	
/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (min-height: 201px) and (max-height: 700px) {
body {
	background-size: 20% auto, 20% auto;
	background-position: right top, left bottom;
	background-attachment: fixed;
	background-color: #767676;	
	top: 10px;
}
.background-illustration {
	z-index: -5;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	width: 70%;
	height: auto;
}
.background-illustration img{
	width: 70%;
	height: auto;
	margin-top: 1.5em;
}
.menu-interne {
	top: 100px;
}
.conteneur-fil {
	margin-top: 258px;
}
.body-conteneur {
	margin-top: -150px;
	position: relative;
}
}
@media screen and (min-width: 500px) and (max-width: 1350px) {
body {		
	background-color: #767676;
	top: 10px;
	}
.background-illustration {
	z-index: -5;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	width: 70%;
	height: auto;
}
.background-illustration img {
	width: 70%;
	height: auto;
	margin-top: 1.5em;
}
.conteneur-fil {
	margin-top: 258px;
}
.body-conteneur {
	margin-top: -150px;
	position: relative;
}
}