body
{
   margin: auto;
   text-align : center; 
   background-color: #333333;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size:12px;
}


#fond_menu_haut
{
 width: 859px;
   height: 97px;
   background-image: url("images/zone_menu.png");
  background-repeat: no-repeat;
   margin-top: 0px;
   margin-bottom: 0px;    
}


#page
{

   margin: auto;  
   width: 859px;
   text-align : left;
   background-color: #333333;
}

/* L'entête */

#entete
{
   width: 859px;
   height: 88px;
   background-image: url("images/zone_entete.png");
   background-repeat: no-repeat;
   margin-top: 0px;
   margin-bottom: 0px;    
}

/* Le corps de la page */

#corps
{
   width: 859px;
   margin-bottom: 0px; 
    margin-top: 0px; 
   background-image: url("images/fond_corps.png");   
   font-family: Arial;
   margin-left: 0px; 
}


#centre
{
	width: 590px;
	position: relative;
	left: 220px;
	top:-50px;
	/*bottom:-50px;*/
	font-family: Arial;
	text-align: justify;
	color: #333333;
}

#centre td {
   text-decoration: none;
font-size:12px;

}

#centre a {
   color: #333333;
   text-decoration: none;
}

#centre a:hover {
   /*color: #cddf00;*/
   color: #fe3102 ;
   text-align: left;
}


#centre paragraphe {
   color: #000000;
   text-align: left;
}

/*************** TITRE H2 ***********/

#corps H2 {
   color: #333333;
   text-align: left;
/*    line-height: 30px;  
    vertical-align: middle; */
}

/*************** TITRE H3 ***********/

#corps h3 {
   font-size:18px;
   color: #333333;
   text-align: left;
   text-decoration: bold;
    vertical-align: middle;
}

/*************** TITRE H4 ***********/

#corps h4 {
   color: #333333;
   text-align: left;
   text-decoration: bold;
}

/*************** TITRE H5 ***********/

#corps h5 {
   color: #333333;
   text-align: left;
   text-decoration: bold;
}

/* Bas de page */

#pied
{

   width: 859px;
   height: 69px;
   
   background-color: #333333;
   background-image: url("images/pied.png");
   background-repeat: no-repeat;
   
   margin-top: 0px;
   margin-bottom: 0px;    
}

/****************************** MENU ****************************/

/* --------------------------------------*/
/* ------------  Le menu HAUT -----------*/


/* image de gauche du bord du menu haut  (arrondi) */
#menu_haut_gauche
{
	float: left;
	width: 15px;
	top: -92px;
	left :205px;
	height: 27px;
	position: relative;
	background-color: #F7F7F7;
	background-image: url("images/haut_gauche.jpg");
	background-repeat: repeat-x;
}

/* image de droite du bord du menu haut (arrondi) */
#menu_haut_droit
{
	float: left;
	width: 15px;
	top: -92px;
	left :205px;
	height: 27px;
	position: relative;
	background-color: #F7F7F7;
	background-image: url("images/haut_droit.jpg");
	background-repeat: repeat-x;
}


#menu_haut
{
	float: left;
	width: 590px;
	top: -92px;
	left :205px;
	height: 27px;
	position: relative;
	background-color: #F7F7F7;
	background-image: url("images/menu_haut_milieu.jpg");
	background-repeat: repeat-x;
}

#menu_haut li {
	display: inline;
}

.element_menu_haut
{
	color: #FFFFFF;
	margin-top: 3px;
	text-decoration: bold;
	vertical-align: middle;
	line-height: 21px; 
}

.element_menu_haut a:hover
{
	color: #000000;
	background-image:url("images/menu_haut_milieu_hover.jpg");
	background-repeat:repeat-x;
	
}

#menu_haut li a
{
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	height: 21px;
	width:97px;
	overflow: hidden;

}

.element_menu_haut li a#current
{
	color: #FFFFFF;
	background-image:url("images/menu_haut_milieu_selection.jpg");
	background-repeat:repeat-x;
	/* font-weight: bold;*/
	float: left;
	text-align: center;
	text-decoration: none;
	width:97px;
	height: 21px;
}

/* ----------------------------------------*/
/* ------------  Le menu GAUCHE -----------*/


/* div générale */
#menu
{
	float: left;
	top: 0px;
	left : -600px; 
	/* left : 0px; */
	position: relative;
	width: 0px;
   	height: 0px;
}

/* div d'encapsulation des tous les éléments */
.menu_gauche
{
	float: left;
	top: 10px;
	position: relative;
	width: 184px;
   	height: 450px;
}

/* grand fond blanc ombré */
.element_fond_1
{
   width: 184px;
   height: 450px;
   background-color: #F7F7F7;   
   background-image: url("images/fond_blanc_menu.png");
   background-repeat: no-repeat;
   position: absolute;
}

/* fond du MENU */
.element_fond_2
{
	width: 158px;
	height: 192px;
	background-color: #FFFFFF;
	background-image: url("images/fond_menu.png");
	background-repeat: no-repeat;
	top:10px;
	left:10px;
	position: absolute;
}

/* fond des NEWS */
.element_fond_3
{
	width: 158px;
	height: 192px;
	background-color: #FFFFFF;
	background-image: url("images/fond_infos.png");
	background-repeat: no-repeat;
	top:220px;
	left:10px;
	position: absolute;
	
}
.connexion
{
top:450px;
	left:50px;
   background-color: #F7F7F7;   
   background-repeat: no-repeat;
   position: absolute;
}
/* contenant du texte qui défile */
.element_news
{
   
   width: 120px;
   height: 150px;
   background-color: #FFFFFF;
   margin-top: 30px;
   margin-bottom: 0px;
   margin-left: 20px;
   text-decoration: none;
}

/* contenant du menu */
.element_menu
{
   margin-top: 40px;
   margin-bottom: 0px;
   margin-left: 20px;
   	text-decoration: none;
 font-size:14px;
 
}


/* mise en forme de la liste "MENU" */
.element_menu li {
	margin-top: 0px;
	width: 100px;
	height: 18px;
	line-height: 18px;  
	vertical-align: middle; 
}

.element_menu li a#current 
{
	color: #000000;
	/*background-image:url("images/menu_haut_milieu.jpg");
	background-repeat:repeat-x;*/
	background-color: #FFFFFF;
	font-weight: bold;
}

.element_menu a
{

	color: #999999;
	text-decoration: none;
}

.element_menu li a:hover
{
	background-color: #FFFFFF;
	color: #000000;
}