body {
	background: url(environnement-8-g.png) no-repeat, url(environnement-8-d.png) no-repeat, url(environnement-8-m.png) repeat-x;
	background-color: #767676;
	background-position: left top, right top, center top;
	}
.aside {
	bottom: 50px;
}

/* 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: url(environnement-8-g-m.png) no-repeat, url(environnement-8-d-m.png) no-repeat, url(environnement-8-m-m.png) repeat-x;
	background-color: #767676;
	background-position: left top, right top, center top;
	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: 0.5em;
}
.menu-interne {
	top: 100px;
}
.conteneur-fil {
	margin-top: 48px;
}
.body-conteneur {
	margin-top: -150px;
	position: relative;
}
}
@media screen and (min-width: 500px) and (max-width: 1350px) {
body {		
	background: url(environnement-8-g-m.png) no-repeat, url(environnement-8-d-m.png) no-repeat, url(environnement-8-m-m.png) repeat-x;
	background-color: #767676;
	background-position: left top, right top, center top;
	}
.background-illustration {
	z-index: -5;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	height: auto;
}
.background-illustration img {
	width: 70%;
	height: auto;
	margin-top: 1em;
}
.conteneur-fil {
	margin-top: 48px;
}
.body-conteneur {
	margin-top: -150px;
	position: relative;
}
}