@charset "UTF-8";
/* CSS Document */

body
{
  width: 760px;
  margin: auto;
  /*margin-top: 20px;
  margin-bottom: 20px;*/
  margin-top: 2%;
  margin-bottom: 2%;
  background-image: url("images/fond.png");
  background-repeat: repeat;
}

a
{
text-decoration: none;
color: #5E2828;
}

a:hover
{
color: #7C3636;
text-decoration: underline;
}
a:active
{
text-decoration: none;
color: #5E2828;
}

/* Le header */

#header
{
   width: 760px;
   height: 199px;
   background: url("images/header3.png");
   background-repeat: no-repeat;
   /*margin-bottom: 10px;*/
}

#contenuPage
{
 /*margin : 20px auto;*/
 /*background-image: url("images/menu5.png");
 background-repeat: repeat-y;*/
 /*float: left;
 width: 21%;*/
 background-image: url("images/menu5.png");
 background-repeat: repeat-y;
 /*float: left;
 width: 21%;*/
}


/*#header {
  width: 760px;
  height: 199px;
  background: #fff url("images/header.png") no-repeat;*/
  /*margin-bottom: 10px;*/
  /*}*/
  
/* Le menu */

#contener_menu
{
	float: left;
    width: 21%;
	min-height: 365px;
   
    background-image: url("images/menu5.png");
    background-repeat: repeat-y;
}

#contener_menu2
{
	float: left;
    width: 21%;

   
    background-image: url("images/fond.png");
    background-repeat: no-repeat;
}


#menu
{
   float: left;
   width: 21%;
   
   background-image: url("images/menu4.png");
   background-repeat: no-repeat;
   
  /*position:absolute*/
  /*padding: 0;
  margin: 0;*/
  height: 100%;
  width: 100%;
  /*background : url("images/menu4.png") top right no-repeat;*/
}

.element_menu
{
   /*background-color: #8e845c;*/
   /*background-image: url("images/menu3.png");
   background-repeat: repeat-x;*/
   
   /*border: 2px solid black;*/
   
   margin-bottom: 20px;
   margin-left: 2px;
   /*text-align: center;*/
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #54412A;
   text-decoration: none;
}

.element_menu a:hover
{
   color: #604A30;
   text-decoration: underline;
}

.element_menu a:active
{
   color: #54412A;
   text-decoration: none;
}



/* Le corps de la page */


#haut_corps
{
	margin-left: 153px;
	/*padding: 21px;*/
	
	width: 607px;
	height: 43px;

   	background-image: url("images/hautcorps.png");
	background-repeat: no-repeat;
}


#zone1
{
	float: left;
	position:absolute;
	width : 96px;
	height: 35px;
	/*margin-left: 7px;*/
	margin-top: 5px;
}

#zone2
{
	float: left;
	position:absolute;
	width : 72px;
	height: 30px;
	margin-left: 149px;
	margin-top: 8px;
}

#corps
{
   /*margin-bottom: 20px;*/
   /*padding: 281px;*/
   padding: 20px;
   
   /*	position:absolute; *//*<- je sais pas si il est obligatoire */
 	/* padding:0;*/
  	margin:0;
  	min-height:281px;
  	/*width:100%;*/
	width: 570px;
   
   background-image: url("images/corps.png");
   background-repeat: no-repeat;
}

#contener
{
   margin-left: 153px;
   min-height: 311px;
   /*margin-bottom: 20px;*/
   /*padding: 5px;*/
   
  /* color: #B3B3B3;*/
   /*background-color: #626262;*/
  /* background-image: url("images/corps.png");*/
   background-image: url("images/page.png");
   background-repeat: repeat-y;
   
   /*border: 2px solid black;*/
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
 
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

#pied_de_page
{
	/*margin-left: 40px;*/
  	/*padding: 31px;*/
	height: 31px;
	width: 760px;

   /*text-align: center;*/

   /*color: #B3B3B3;
   background-color: #626262;*/
   background-image: url("images/finentete.png");
   background-repeat: no-repeat;
   
  /* border: 2px solid black;*/
}

#contenuPiedDePage
{
margin-left: 160px;
font-style: italic;
font-size: 75%;
}

W
{
font-size: 90%;
}

.marge {
margin-left: 2.5em;
}