body {
	color: #000;
	background: #d3d3d3;
}

/*#content a {
	color: #9f2892;
}

#content a:hover {
	color:#fe4e09;
}

#content h2, #content h3, #content h4, #footer a {
	color: #800808;
}

#content h1 {
	color:#800808;
}*/

#content {
	font-size:1.2em;
	background:#eaeaea;
}

/*--------------------------------*/

#header h1 {
	width:100%;
	height:100%;
}
	#header h1 img {
		width: 100%;
	}

#header h1 a {
	display:block;
	width:100%;
	height:100%;
}

#header h1 span {
	display:none;
}

body {
	/*background-image: url(../images/noir.png);*/
}

#header {
	/*background-image:url(../images/general.jpg?v2);
	background-position:center -35px;
	background-repeat:no-repeat;*/
}

#container {
	/*background: url(../images/general.jpg?v2) -120px  -35px no-repeat;*/
}

#footer {
	clear:both;
	background-image:url(../images/general.jpg?v2);
	background-position:-120px 0px;
	background-repeat:no-repeat;	
	text-align:center;
}

#footer a {
	text-decoration:none;
}

#rootBar {
	/*background: url(../images/general.jpg?v2) -120px -202px no-repeat;
	padding-left:40px;*/
	background:#003366;
	width:100%;
	position:relative;
	z-index:1;
	font-size:0.9em;
}
	#rootBar a {
		position:relative;
		top:-1px;
	}

			
aside#icones-utiles {
	 left: 910px;
    opacity: 0.5;
    position: absolute;
    top: 370px;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}	
		aside#icones-utiles:hover {
			opacity: 1;
			filter: alpha(opacity=100);
		}

aside#icones-utiles li {
	margin-bottom: 20px;
	list-style-type: none;
}
aside#icones-utiles li:hover {
	position: relative;
	right: 6px;
}

@media screen and (max-width: 800px) {

	#rootBar {
		background: none;
	}
	
	#content img, #content iframe, #content object, #content embed {
		max-width: 100%;
	}
	#principal {
		width: 100%;
		float: none;
	}
	
	#container>aside {
		text-align: center;
		position: static;
		width: 100%;
		margin-top: 10px;
	}	
	
	#content a {
		font-size: 1.2em;
	}	
	
	#content h1 {
		left: 0 !important;
	}

	/*#rootBar li a {
		background: #e6e1d7;
		font-size: 1.4em;
	}
	
	#rootBar li a, #rootBar li.menuactive, #rootBar li.currentpage, #rootBar li.active a, #rootBar li a:hover {
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;	
		behavior: url(/_ressources/themes/site/PIE.htc);	
	}	

	#rootBar {
		float: none;
	}

	#rootBar li {
		float:none;
		margin: 5px;
	}	
	
	#rootBar li.menuactive, #rootBar li.currentpage {
	padding: 5px 15px;
	}*/
	
	#rootBar li {
		flex: 1 100%;
	}
	
	#container {
		width: 100%;
	}

	#content {
		padding: 20px 5px;
	}	
	
}