/*Last modification : 5 février 2009*/

body{
/*	margin : 0px;*/
	margin-top : Opx;
/*	padding : 0px;
	height : 100%;*/
	background-color : #ffffff;
	font-size : 110%;
	line-height : 1.6;
	color : #000000;
}

a {
	color : #7777ee;
}
a:hover {
	font-weight:bolder;
}
a:active {
	color:#afafff;
}
a:visited {
	font-style:italic;
}
a img {
	border : none;
}

#titre {
	position : absolute;
	top : 0px;
	left : 0px;
	height : 130px;
	width : 100%;
	background-color : #7777ee;
	text-align : right;
	color : #ffffff;
}

#titre h1 {
	font-family : "Lucida Handwriting", times;
	text-align : center;
	font-size : 300%;
}

#menu {
	position : absolute;
	top : 130px;
	min-height : 82%;
	<!--[if lte IE 6]>
		<style type="text/css">
			div#page {
				height: 82%;
			}
		</style>
	<![endif]-->;
	left : 0px;
	width : 210px;
	background-color : #d4d4ff;
	padding : 20px;
	font-size : 80%;
}

#menu dl {
	font-size : 140%;
}

#menu h3 {
	color : #7777ee;
}

#contenu {
	position : absolute;
	top : 130px;
	left : 250px;
	right : 0px;
	min-height : 82%;
	<!--[if lte IE 6]>
		<style type="text/css">
			div#page {
				height: 82%;
			}
		</style>
	<![endif]-->;
}

#texte {
	padding : 20px;
	padding-top : 10px;
	padding-bottom : 0px;
	text-align : justify;
}

#texte h2 {
	color : #7777ee;
}

#pied_page {
	position : relative;
	right : 0px;
	bottom : 0px;
	left : 0px;
	height : 20px;
	background-color : #afafff;
	padding : 10px;
	font-size : 80%;
	color : #ffffff;
}

#pied_page a {
	color : #ffffff;
}
#pied_page a:hover {
	font-weight:bolder;
}
#pied_page a:active {
	color:#d4d4ff;
}

#references a {
	color : #000;
	text-decoration : none;
	font-weight : bolder;
}
#references a:hover {
	font-weight:normal;
}
#references a:active {
	font-style:normal;
}

#logo {
	position : relative;
	left : 550px;
	right : 0px;
	width : 400px;
	bottom : 20px;
}