@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; text-align:left;}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#000000;
	background-image:url(../fond_site.jpg);
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	line-height:13px;
	
	font-family: "Trebuchet MS";
  	font-style: normal;
  	font-variant: normal;
  	font-size: 12px;
 	line-height: normal;
}

a { text-decoration:none; color:#444444}
a:hover { color:#999999; text-decoration:none; font-weight:bold; }
a img { border:0;}

h1 { font-size:18px; font-weight:bold; display:inline; padding-left:2px; text-transform:uppercase; line-height:25px;}
h1 a{ color:#FFFFFF; }
h1 a:hover{ color:#FFFFFF; }
h1 .orange{ color:#ff8400; }

h2 { font-size:13px; font-weight:bold; padding-top:15px; color:#FF8400;}
h2 a{ color:#FF8400; }
h2 a:hover{ color:#9f1a22; }

h3 { font-size:11px; font-weight:bold; }

ol { padding-top:15px; padding-bottom:15px; }
li { list-style:none; padding-left:17px; line-height:16px; color:#a6a6a6; }


.erreur{ font-size:13px; color:#FF0000;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENEUR GLOBAL --- */
div#page {
	position: relative;
		/* permet au bloc de servir de référent pour
		ses descendants positionnés en absolu */
	width: 992px;
	margin: 0 auto;
	display:block;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENU --- */
div#contenu{
	position:relative;
	top:0px;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	height:100%;
	background-color:#000000;
	min-height: 100%;
	display:block;
}
* html div#contenu {
	height: 100%;
}

div#general{
	width:972px;
	display:block;
	float:left;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC BANNIERE --- */
div#banniere{
	width:992px;
	min-height:150px;
	display:block;
	background-color:#272727;
}
div#banniere div#logo{
	width:992px;
	height:116px;
	float:left;
	display:block;
}
div#banniere div#haut_banniere{
	width:992px;
	float:left;
	display:block;
	background-color:#171717;
	text-align:center;
}
div#banniere div#banniere_flash{
	width:992px;
	height:383px;
	float:left;
	display:block;
}
div#banniere div#banniere_petite_flash{
	width:992px;
	height:29px;
	float:left;
	display:block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- LES 2 COLONNES PRINCIPALES  --- */
div#navigation{
	width:440px;
	float:left;
	display:block;
}

div#actualites {
	width:460px;
	float:left;
	display:block;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC FOOTER --- */
div#footer{
	width:992px;
	display:block;
	color:#FFFFFF;
	float:left;
	background-color:#272727;
	background-image:url(../images/fond_footer.jpg);
	background-repeat:repeat-x;
}
div#footer img{ padding-top:20px; padding-left:5px}
div#footer .colonne{
	width:248px;
	float:left;
	display:block;
	color:#FFFFFF;
}
div#footer div#colonne ol { padding-top:15px; }
div#footer div#colonne li { list-style:none; padding-left:20px; line-height:16px; color:#a6a6a6; }

div#footer .signature{
	width:992px;
	float:left;
	display:block;
	color:#FFFFFF;
	text-align:center;
}