/* CSS Document */

html,body {
	font:  8pt/16pt georgia;
	color: black;
	background-color:white;
	margin: 0px;
}


p { 
	font: 8pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
}

div#janoueix{
	margin-left:10px;
	margin-top:5px;
	width:164px;
	height:150px;
	background:url(Imgs3/Janoueix.jpg);
}
	
div#banniere{
	position:absolute;
	border-color:#000000;
	top:5px;
	left:175px;
	width:813px;
	height:150px;
	margin-left:10px;
	margin-top:0px;
	margin-right:5px;
	background:url(Imgs3/banniere2bis.jpg);
}

div#barre_navigation{
	position:absolute;
	font: 12pt Georgia, "Times New Roman", Times, serif;
	color: black;
	padding-top:3px;
	padding-left:10px;
	background:url(Imgs3/navigation.jpg) no-repeat;
	top:155px;
	left:0px;
	margin-top: 10px;
	margin-left:10px;
	margin-right:5px;
	width:978px; 
	height: 25px; 
}

div#bn_droit{
	position:absolute;
	right:5px;
	text-align:right;
	float:left;
}

div#bn_gauche{
	text-align:left;
	float:left;
}

div#pied_page{
	clear:both;
	float:left;
	position:absolute;
	width:813px;
	height:100px;
	background:url(Imgs3/Pied_page.jpg) no-repeat;
}



/*---------------------------------------Menu-----------------------------------*/

div#menu {
	position:absolute;
	top:200px;
	left:0px;
	margin-left:10px;
	width: 164px; 
	height:auto;
	float:left;
}

div#menu_haut{
	float:left;
	background:url(Imgs3/Menu_entete.jpg);
	margin-bottom:0px;
	width: 164px; 
	height: 50px;
}

div#menu_milieu{
	float:left;
	background:url(Imgs3/Menu_milieu.jpg);
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	width: 164px; 
	height: 300px;
}

div#menu_pied{
	clear:both;
	background:url(Imgs3/Menu_pied.jpg);
	margin-top:0px;
	width: 164px; 
	height: 30px;
}


/*----------------------------------SKIN-------------------------------*/

div#skin{
	position:absolute;
	top:590px;
	left:0px;
	margin-left:10px;
	width: 164px; 
	height:auto;
	float:left;
}

div#skin_haut{
	float:left;
	background:url(Imgs3/skin_entete.jpg);
	margin-bottom:0px;
	width: 164px; 
	height: 50px;
}

div#skin_milieu{
	float:left;
	background:url(Imgs3/Menu_milieu.jpg);
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	width: 164px; 
	height: 140px;
}

/*----------------------------------PAGE-------------------------------*/

div#contenu{
	position:absolute;
	background-color:white;
	top:190px;
	left:175px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:813px;
	height:auto;
	float:left;
}

div#photo_contenu{
	margin-left:0px;
	margin-top:0px;
	margin-right:15px;
	float:left;
}
/*--------------------------Fenêtre-------------------------------*/
div#fenetre_entete{
	margin-top:15px;
	margin-left:20px;
	width:783px;
	height:35px;
	background:url(Imgs3/Fenetre_haut.jpg);
}
div#fenetre_milieur{
	font: 10pt Georgia, "Times New Roman", Times, serif;
	color:black;
	padding-top:20px;
	margin-left:20px;
	width:780px;
	height:auto;
	text-align:justify;
	background:url(Imgs3/fenetre_milieu.jpg);
	padding-left:10px;
	padding-right:10px;
}
div#fenetre_bas{
	margin-left:20px;
	width:700px;
	height:35px;
	background:url(Imgs3/Fenetre_bas.jpg);
}

#liste_menu {
	font: 10pt Georgia, "Times New Roman", Times, serif;
	top: 0px; 
	right: 0px;
}

#liste_menu ul {
	list-style-type:none;
	margin-top:5px;
	margin-left:10px;
	padding: 0px;
	}
	
#liste_menu li {
	color: white;
	line-height: 4ex;
	padding-top: 5px; 
	margin-bottom: 5px;
}

/*------------------Comportement de la liste des liens dans la menu --------------------------*/

#liste_menu li a{
	text-align:left;
	padding: 4px 0px;
	}
	
#liste_menu li a:hover, #liste_menu li a:focus, #liste_menu li a:active {
	color:#FBE6AF;
	font-weight:bold;
	}
	
#liste_menu li a:link { 
	color: white;
	text-decoration:none;
	}
	
#liste_menu li a:visited {
	color: white;
	text-decoration:underline;
	}