body {
	background: white url(bg-body.jpg) top left repeat-x;
}

div#header, div#nav, div#main-content-wrapper {
	background: white;
	position: relative;
	color: #333;
	&::before {
		box-shadow: -15px 0 15px -15px inset;
		content: " ";
		height: 100%;
		left: -15px;
		position: absolute;
		top: 0;
		width: 15px;
	}
	&::after {
		box-shadow: 15px 0 15px -15px inset;
		content: " ";
		height: 100%;
		right: -15px;
		position: absolute;
		top: 0;
		width: 15px;
	}
	@media screen and ($max-mobile-viewport) {
		background: transparent;
		&::before, &::after {
			content: none;
		}
	}
}

div#nav {
	margin: 0 auto;
}

div#nav > ul {
	margin: 0 1ex;
	font-size: 110%;
}

div#main-content-wrapper {
	padding: 1ex;
}

div#main-content-wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

div#footer-wrapper {
	margin-top: 0;
	padding-top: 1em;
	background: #296A94 url(bg-footer.jpg) top left repeat-x;
}

div#header {
	background: url(bandeau-1.jpg) 0 -60px no-repeat;
	padding: 0;
}

div#top {
	height: 190px;
	background: url(bg-courbe-content.png) bottom center no-repeat;
}

#logo {
	padding-top: 50px;
	padding-left: 10px;
}

#logo a {
	color: white;
}

@media screen and ($max-mobile-viewport) {
	#logo {
		padding-left: 20px;
	}
	#nav-wrapper {
		margin-top: -52px;
	}
}
