body { background-color: #e6f0e5;
	font-family: "Gill Sans", verdana, arial, sans-serif; font-size: 15px;
	color: #063; text-align: center; line-height: 1.2em;
}

/* les liens*/

a.barnav:link,a.barnav:visited,a.barnav:active,a.barnav:hover {
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	color: #FFCC00;
	font-family: "Times New Roman", Times, serif;
}
a.barnav:hover {
	color: #860000;
}
a.barnav:active {
	color: #FF9966;}	
	
a.lienchene {
	font-weight: bold;
	color: #860000;
	text-decoration: none;
}
a.lienchene:visited {
	color: #860000;
}
a.lienchene:hover {
	color: #FF6633;
}

/* les Elements id et les class*/

#xiti {
	float: right;
}
#fond {
	position:absolute; background-image: url(../images/fond/fond-de-feuilles.jpg);
	left: 50%; top: 50%; width: 800px; height: 600px;
	margin-left: -400px; margin-top: -300px; padding: 0;
	background-repeat: no-repeat;
	border: solid 2px #d4d4d4;
	
}
#banniere {
	background-image: url(../images/fond/banniere.jpg);
	margin: 0; padding: 0; width: 800px; height: 95px;
}
#gdf {
	position: relative;top: 5%; left: 30%; border: none;
}
.habitant	{
	float: right; top: 3%; clear: right; padding-top: 10px;
	}
#barnav {
	width: 165px; height: 352px; float: left; margin: 15px 0 0 -26px; padding: 0;
	}
#contenu {
	float: left; margin: 5px 0 0 20px ; padding: 0;
	width: 635px;	
}

/* les balises html*/

h1 {
	font-size: 24px; font-weight: bold; font-variant: small-caps;
	letter-spacing: 0.1em; margin: 1em; padding: 0;
}
ul {
	list-style-type: none;
}
li {
	margin-top: 19px;
}