body {
	background: url(accueil-solutre.jpg) no-repeat top right fixed;
}

div#page {
	background: url(trame_image.png);
}

div#header,
div#nav,
div#footer,
div#main-content-wrapper {
	margin: 0;
}

div#header {
	width: auto;
}

@media screen and ($max-mobile-viewport) {
	div#header {
		padding-top: 70px;
	}
	div#nav > ul {
		margin-bottom: 0;
	}
	div#main-content {
		padding-top: 1ex;
	}
}

#top > h1 {display: none;}

#sidebar, #side {
	box-shadow: 8px 0 8px -10px #000000,-8px 0 8px -10px #000000;
	background: url(logo.gif) no-repeat top center;
	padding-top: 180px;
	margin-right: 10px;
}

@media screen and ($min-desktop-viewport) {
	div#nav > ul {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 15px;
		padding-left: 240px;
	}

	div#nav > ul > li {
		border-radius: 0px 0px 5px 5px;
		font-weight: bold;
		font-size: 140%;
		text-align: center;
		height: 44px;
		width: 238px;
		margin: 0px 2px 0px 0px;
		padding: 0px 0px 15px 0px;
		line-height: 3em;
		background: url(bg_menu_fond_bleu.png) #04b6e6 bottom repeat-x;
	}

	div#nav > ul > li:nth-child(2) {
		background: url(bg_menu_fond_vert.png)  #b4e500 bottom repeat-x;
	}

	div#nav > ul > li:nth-child(3) {
		background: url(bg_menu_fond_orange.png)  #ff7e00 bottom repeat-x;
	}

	div#nav > ul > li:nth-child(4) {
		background: url("bg_menu_fond_violet.png")  #bd0174 bottom repeat-x;
	}
}

div#nav > ul > li a {
	text-transform: uppercase;
}

div#sidebar div.cell {
	text-align: right;
}

#toplinks {
	max-width: 200px;
}

#nav-wrapper #nav a {
	font-weight: bold;
}

div#main-content {
	background: white;
}

div#nav > ul li ul > li a,
div#nav > ul li:hover ul > li a {
	color: #555;
	text-transform: none;
}

div#rub_service,
div#gauche {
	margin-top: 0;
}

@media screen and ($min-desktop-viewport) {
	div#gauche {
		width: $sidebar-width + 10px;
	}

	div#gauche + div#rub_service {
		width: calc(100% - #{$sidebar-width} - 10px);
	}

	div#main-content {
		min-height: calc(100vh - 150px);
	}
}
