/* CSS Document */
body{
	padding : 0;
	margin : 0;
	background:none;
	background-image : url(image/fond55.gif);
	background-repeat : repeat;
}
#logo{
position:absolute;
	top:0px;
	left:0px;
}
#barre{
position:absolute;
	top:183px;
	left:0px;
}
#coin{
position:absolute;
	top:0px;
	right:0%;
}
#banniere{
position:absolute;
	top:0px;
	left:20%;
}
#note{
position:absolute;
	top:180px;
	left:40px;
	z-index:50;
}

#analyse{
	position:absolute;
	top:180px;
	left:300px;
	z-index:50;
}

ul#analyse
{
	margin:200;
	padding:0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#analyse li
{
	margin:  0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#analyse li a
{
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color:#333333 ;
	text-indent: 60px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bout3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#analyse li a:hover
{
	background: url(image/bout3.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}
#formation{
	position:absolute;
	top:180px;
	left:700px;
	z-index:50;
}

ul#formation
{
	margin:200;
	padding:0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#formation li
{
	margin:  0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#formation li a
{
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color:#333333 ;
	text-indent: 55px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bout3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#formation li a:hover
{
	background: url(image/bout3.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}
#conseil{
	position:absolute;
	top:180px;
	left:500px;
	z-index:50;
}

ul#conseil
{
	margin:200;
	padding:0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#conseil li
{
	margin:  0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#conseil li a
{
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color:#333333 ;
	text-indent: 60px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bout3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#conseil li a:hover
{
	background: url(image/bout3.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}
				
#menu{
	position:absolute;
	top:280px;
	left:0px;
	z-index:50;
}

ul#menu
{
	margin:200;
	padding:0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin:  40px 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color:#ffffff ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bouton2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(image/bouton2.jpg) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}
#contenu{
	position:absolute;
	padding-top:260px;
	padding-bottom: 30px;
	padding-left: 260px;
	padding-right: 5%;
	z-index:50;
	
}
#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	color:#000033;
	background-color:transparent;
	line-height:120%;
	text-align:justify;
	text-indent: 30px;
	z-index:50;
}
h1{
font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:normal;
	color:#000033;
	background-color:transparent;
	line-height:120%;
	text-align:center;
	text-indent: 20px;
	}