.Style1 {color: #990000}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 1em;
	margin-top:0px;
	background-image:url(../images/center.jpg);
	background-position:center;
	color: #006;
	font-family:"Times New Roman", Times, serif;
}

p {
	text-align:justify;
}

a {

color:#990099;
text-decoration:none;
}

a:hover {

color:#660099;
text-decoration:none;
}

		#conteneur { 
			position: absolute;
			top : 170px;
			width: 800px;
			left: 50%;
			margin-left: -400px;

		}
		/* haut (titre) */
		#top {
			position: absolute;
			width: 100%;
			background-image:url(../images/top.jpg);
			background-repeat:no-repeat;
			background-position:center;
			height:170px;
		}
		
		#end {
		text-align:center;
		color:#999999;
		}
		
		#menu {
			position:absolute;
			margin-top:0px;
			left:35px;
			margin-right:10px;
			margin-right: 0px;
			text-align:center;
			width:120px;
		}
		
		#menu ul /* Toutes les listes à puces se trouvant dans un menu */
		{
		   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
		   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
		   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
		   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
		   list-style:none;
		}
		
		#menu li /* Toutes les listes à puces se trouvant dans un menu */
		{
			margin-top:20px;
		}

		#menu a /* Tous les liens se trouvant dans un menu */
		{
		   color:#9412B4;
		   font-size:18px;
		   text-decoration:none;
		}

		#menu a:hover /* Quand on pointe sur un lien du menu */
		{
		   color:#9412B4;
		   text-decoration:underline;

		}
 
		/* contenu */
		#center {
			
			padding-left:170px;
			padding-right:50px;
		}


/* tout ce qui suit met en forme les puces et lignes, tableaux, formulaires... */


hr {
	 height:1px;
	 border:none;
	 border-bottom:1px dashed #ccc;
	 width:95%;
	 margin:2px auto;
}

h1 {
	color:#660099;
	font-size:20px;
	margin-top:23px;
}

h2 {
	color:#000033;
	font-size:14px;
	margin-top:5px;
}

/* mise en page des images flotantes */
.ImgFlotD {
	float:right;
	margin-left:20px;
}

.ImgFlotG {
	float:left;
	margin-left:20px;
}
			
#droite {
	float:right;
	width:150px;
	margin-left:15px;
	margin-right: 0px;
	text-align:center;
	border-left-style:groove;
	border-left-width:thin;
}
.center {
	text-align:center;
}

.solution {
	color: #666666;
	text-align:justify;
}