*{border:0;margin:0;padding:0;} 


body
{
font-family: trebuchet ms, tahoma, geneva, arial, sans-serif;
font-size: 80%;
color: #333333;
line-height: 180%;
margin-top: 0px;
background: #FFFFFF url(bg_roseaux.jpg) repeat-x left top;
}

/* ~~~~~~~~~ liens ~~~~~~~~~ */
a{
	color: #3980f4;
	text-decoration: underline;
	font-weight: bold;
}


a:hover{
	color: #6da4ff;
	text-decoration: none;
	background: #dfebff;
}


/* ~~~~~~~~~ menu ~~~~~~~~~ */  

	ul, .encart ul { margin: 0; padding: 0; text-align: left; list-style: none;}
	li, .encart li { margin: 0; padding: 3px 23px; background: url(ic_menu.gif) no-repeat 5px 5px;}

#menu {
	widht: 200px;
	height: 100%;
	text-valign: top;
	background: url(bg_menu.jpg) repeat-y top;

	}	

#menu a{
	color: #800101;
	text-decoration: underline;
	font-weight: bold;
	}

#menu a:hover{		
	color: #D32D01;
	text-decoration: none;
	background: #E7E0AA;
	font-weight: bold;
	}

.menu_05{
	height: 298px;
	padding:5px;
	background: url(bg_menu_05.jpg) no-repeat top
	}




/*~~~~~~~~~~ contenu ~~~~~~~~~~~~~~ */
#contenu {
	padding:5px;
	text-valign: top;
	text-align: left;
	background: url(bg_contenu.jpg) no-repeat left top;
	}
	
/*~~~~~~~~~~ A la une ~~~~~~~~~~~~~~ */
#alaune {
	width: 207px;
	background: #F7EFB4 url(alaune_bg.gif) no-repeat left top;
	text-valign: 5px;
	padding-left: 7px;
	}

	
/* ~~~~~~~~~ titres ~~~~~~~~~ */  

h1{
	color:#562225;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:190%;
	font-weight:bold;
	background:url(hrh1.gif) repeat-x left top;
	margin-top: 10px;
}

h2{
	color: #FF6800;
	font-size: 140%;
	height: 30px;
	word-spacing:4px;
	letter-spacing:3px;	
	background:url(hrh2.gif) repeat-x left top;
	margin:5px 0 0 40px;
}


h3{
	color: #67321d;
	font-size: 120%;
	font-style: italic;
	letter-spacing:3px;	
	height: 30px;
	background:url(hr.gif) repeat-x bottom;
}

h4{
	color: #67321d;
	font-size: 120%;
	font-style: italic;
	margin-top: 30px;
	background:url(hr.gif) repeat-x bottom;
}

/* ~~~~~~~~~ ariane ~~~~~~~~~ */
#ariane
{
	font-style: italic;
	text-align: left;
	font-size: 80%;
	padding-top: 10px;
}


/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	text-align: left;
	font-size: 80%;
	padding-top: 10px;
	background:url(hr_footstep.gif) repeat-x left top;
}


/*~~~~~~~~~~~ styles ~~~~~~~~~~~~~~~*/

.flash {
	position: absolute;
	left: 240px;
	top:105px;
}