/* CSS Document */

*{ 
	font-family: verdana;
	margin: 0px;
	padding: 0px; 
	font-size: 11px;
	color: #747477;
	border: none; }

#page {
	width: 900px;
	height: 600px;
	margin: auto; 
	border: 0px solid green;
	position: relative;	 }

#img1 {
	position: absolute;
	left: 0px;
	top: 0px; }

#img2 {
	position: absolute;
	left: 25px;
	top: 0px; }

#img3 {
	position: absolute;
	left: 873px;
	top: 0px; }

#img6 {
	position: absolute;
	left: 25px;
	top: 574px; }
	
#img7 {
	position: absolute;
	left: 58px;
	top: 180px; }

#nav1 {
	position: relative;
	left: 60px;
	top: 105px;
	width: 400px;
	height: 17px; }

#arborescence1 {
	position: absolute;
	left: 43px;
	top: 113px; }

#arborescence2 {
	position: absolute;
	left: 43px;
	top: 122px; }

#nav1 li {	
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	float: left;
	padding-right: 20px; }

#nav1 a:hover {
	color: #7DB956; }

#nav2 {
	position: relative;
	left: 60px;
	top: 115px;
	width: 550px;
	height: 17px; }

#nav2 li {	
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	float: left;
	padding-right: 20px; }

#nav2 a:hover {
	color: #7DB956; }

#fleche_gauche {
	position: relative;
	width: 45px;
	height: 45px;
	left: 765px;
	top: 70px;
	border: none; }

#fleche_droite {
	position: relative;
	width: 45px;
	height: 45px;
	left: 800px;
	top: 70px;
	border: none; }

#fleche_droite2 {
	position: relative;
	width: 45px;
	height: 45px;
	left: 800px;
	top: 25px;
	border: none; }

#texte1 {
	position: absolute;
	width: 230px;
	height: 300px;
	left: 60px;
	top: 190px; }
	
#grande_image {
	position: absolute;
	left: 300px;
	top: 170px; }

#texte2 {
	position: absolute;
	width: 565px;
	height: 360px;
	left: 250px;
	top: 0px; }

#texte2 a {
	text-decoration: underline; }


