/* CSS Document */

body {
	background-color: #002500;
	text-align: center;
	font-family: "Trebuchet MS"
}

#conteneur {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background-color: #002500;
	}

#banniere {
	background-color: #002500;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: auto;
}

a {
   color: #ffffcc;
   text-decoration: none;
   outline: none;
}

a:hover, a:focus {
	text-decoration: underline;
	color: #FF9933;
	line-height: normal;
}

#corps {
	background-color: #002500;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
ul {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	padding-top: 300px;
}

h1 {
	font-family:"Trebuchet MS";
	font-size: 24px;
	color: #ffffcc;
	font-style: normal;
}

h2 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #ffffcc;
	font-style: normal;
	line-height: 1em;
}
	
h3 img {
	position: absolute;
	border: none;
	height: 165px;
	width: 220px;
}

h4 img {
	position: absolute;
	border: none;
	left: 725px;
	top: 542px;
}

a:hover img {
	height: 188px;
	width: 250px;
    border: 4px solid #ffffcc;
	z-index: 30; 
}

#plume h3 img { top: 280px; left: 276px; }
#cuculia h3 img { top: 360px; left: 82px; }
#rififi h3 img { top: 240px; left: 525px; }
#carota h3 img { top: 155px; left: 142px; }
#larves h3 img { top: 29px; left: 250px; }
#brindherbe h3 img { top: 115px; left: 388px; }
#herisson h3 img { top: 380px; left: 450px; }
#abeilles h3 img { top: 5px; left: 525px; }
#genet h3 img { top: 0px; left: 66px; }
#retour h3 img {top: 560px; left:700px }
#barre700 h4 img { top: 570px; left: 60px; }