html, body{
font-family:		tahoma,arial,sans-serif;
font-size:			8pt;
background-image:	url('../images/fond_body.jpg');
background-repeat:	no-repeat;
background-position:top center;
background-color:	#ececec;
padding:			0px;
margin:				0px;
color:				#3b3b3b;
height: 100%;
}

div#principale{
width:				100%;
min-height:			100%;
position:			relative;
}

div#contenu{
text-align:			left;
width:				1000px;
}

div#contenu_gauche{
float:				left;
}

div#contenu_droite{
margin-top: 50px;
float:				left;
}

div.spacer{
clear:				both;
}

div#mini_menu_haut{
background-image:	url('../images/fond_mini_menu.png');
color:				white;
height:				26px;
}

div#mini_menu_haut #content_mini_menu{
width:				1000px;
text-align:			right;
font-weight:		bold;
padding-top:		6px;
height:				20px;
}

div#mini_menu_haut #content_mini_menu a{
color:				white;
text-decoration:	none;
}

div#mini_menu_haut #content_mini_menu a:hover{
text-decoration:	underline;
}

div#pre_menu{
background-image:	url('../images/fond_pre_menu.png');
width:				623px;
height:				30px;
margin-top:			174px;
}

div#menu{
background-color:	black;
width:				623px;
height:				20px;
margin-top:			-40px;
margin-left:		14px;
padding-top:		7px;
margin-bottom:		50px;
}



div#under_news{
width:				296px;
background-image:	url('../images/fond_under_news.png');
margin-left:		28px;
margin-top:			136px;
padding-left:		14px;
padding-right:		14px;
padding-top:		17px;
padding-bottom:		17px;
}

div.news{
background-color:	white;
padding-top:		10px;
padding-left:		12px;
padding-right:		12px;			
}

div#under_content_page{
background-image:	url('../images/fond_under_news.png');
padding:			12px;
margin-left:		12px;
}

div.content_page{
width:				640px;
background-image:	url('../images/fond_trait.png');
background-position:bottom right;
background-repeat:	no-repeat;
padding-bottom:		5px;
margin-bottom:		-50px;
margin-left:		-30px;
margin-right:		-40px;
}

div.content_page div.texte_page{
width:				536px;
background-color:	white;
padding:			20px;
padding-right:		0px;
padding-bottom:		20px;
}

div.content_page div.texte_page a{
color:				black;
text-decoration:	underline;
}

div.content_page div.texte_page a:hover{
color:				#dc0000;
text-decoration:	underline;
}

a{
color:				black;
text-decoration:	underline;
}

a:hover{
color:				#dc0000;
text-decoration:	underline;
}

div.separator{
height:				60px;
}

div#pied{
width:				100%;
background-color:	#5c5c5c;
height:				128px;
color:				#ececec;
bottom:				0px;
position:			absolute;
}

div#pied div#content_pied{
width:				1000px;
text-align:			left;
padding-top:		20px;
}

/*MENU DEROULANT*/
div#menu a{
color:				#009ee0;
font-weight:		bold;
/*height:				30px;*/
padding:			7px;
text-decoration:	none;
margin:				0px;
margin-top:				-6px;
text-align:center;
}

div#menu a:hover{
color:				black;
background-color:	#009ee0;
}


#nav, #nav ul { /* toutes les listes */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#nav a {
display: block;
height:	10px;
}

#nav li ul a{
margin-top:0px;
}

#nav li { /* tous les items de liste */
float: left;
width: 80px; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
position: absolute;
background-image: url('../images/fond_pre_menu.png');
width:100px;
font-size: 8pt;
left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
text-align: left;
color:	#009ee0;
}

#nav li ul a{
color:	#fff;
width:	86px;
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
left: auto;
}

#nav li.sfhover ul{
margin-left: -40px;
}