@charset "utf-8";
/* CSS Document */



/* Navigation */
#navigation {
	background-image: url(/image/navig.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 800px;
	margin-top: 80px;
}
# navigation .toggleSousMenu  a{
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
}
#navigation .toggleSousMenu a:hover, #navigation .toggleSousMenu a:focus {
	color: #00F;
}

/* Contenu principal */
#contenu {
	color: #99C;
}


/* --- POSITIONNEMENT --- */

/* Menu de navigation */
#navigation {
	width: 250px;
	/* -> 5 */
	height: 620px;
	float: left;
	padding-top: 70px;
}
#navigation li {
	margin: 0;
	width: 150px;
	list-style: none;
	font-size: 1.5em;
	text-decoration: none;
	display:block;
	padding-top: 20px;
}
#navigation .SousMenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0.5em;
}
#navigation ul.SousMenu  
{
	float: none;
	margin-left: 40px;
}	
#navigation ul.SousMenu  a {
	
	line-height: 0.5em;
}

#navigation .SousMenu li a : hover {
	color: #00F;	
}

#navigation li a:hover, li a:focus {
	color: #00F;	
}

#navigation a {
	display: block;
	height: 1%; /* -> 6 */
	padding: 6px 6px 6px 0px;
	line-height: 2 em;
	font-size: 1.2em;
	text-decoration: none;
	color: #FFF;
	list-style-type: none;
}

/* Contenu */
#contenu {
	/* -> 7 */
	overflow: visible;
	position: relative;
	width: 620px;
	margin-left: 250px;
	height: 650px;
	font-size: 1em;
	padding-left: 50px;
}

/* Mention de copyright */
#copyright {
	width: 250px;
	margin: 0;
	text-align: center;
	color: #99C;
	font-weight: bold;
	font-size: 1em;
}