body
{
   width: 1000px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px; 
	background-color: Black;
   background-image:url("http://www.freefightfever.com/fondffftest.jpg");  
}



/* L'en-tête */

#en_tete
{
   width: 950px;
   height: 120px;
   background-image: url("http://idata.over-blog.com/0/40/34/96/Free-FF/fff-banierre3.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
	
}


/* Le menu */
#menupubh a
 {
   margin-top: 120px;
	}
#menuh a
   {
   margin-top: 130px;
	display:block; /*Pour que le "bloc" soit un vrai bloc*/
   float:left; /*Pour que les blocs soient align?s horizontalement (essayez de l'enlever pour voir)*/
   width:12.5%; /*J'explique en d?tail apr?s*/
   height:30px; /*La m?me hauteur que notre menu*/
   border:none; /*On enl?ve les bordures (enfin, on ne les met pas, m?me s'il n'y en avait pas)*/
   text-align:center; /*Pour que les liens soient centr?s par rapport ? l'horizontale*/
   }
#menuh a, #menuh a:visited    /*on utilisera les propri?t?s qui suivront sur les liens dans menu, et les liens visit?s dans menu*/
{
color: White;    /*la couleur*/
text-align:center; /*on le centre horizontalement*/
padding-top:3px; /*on le centre verticalement*/
}
 
#menuh a:hover, #menuh a:visited:hover   /*on utilisera les propri?t?s qui suivront sur les liens survol?s dans menu, et les liens survol?s et visit?s dans menu*/
{
color: #FFD700; /*la couleur*/
text-decoration: underline;  /*on enl?ve le soulignement du lien*/
}



#menuD
{
   float: left;
   width: 165px;
}

.element_menuD
{
   background-color: none;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


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

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

.element_menuD a
{
   color: White;
}

.element_menuD a:hover
{
   background-color: none;
   color: Orange;
}

#menuG
{
   float: right;
   width: 245px;
}

.element_menuG
{
   background-color: none;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


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

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

.element_menuG a
{
   color: White;
}

.element_menuG a:hover
{
   background-color: none;
   color: Orange;
}

/* Le corps de la page */

#corps
{
   margin-left: 170px;
   margin-Right: 275px;
	margin-bottom: 20px;
   padding: 5px;
   
   color: Yellow;
   background-color: none;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid black;
}

#corps h1
{
   color: #FFD700;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 0px;
   color: #B3B3B3;
   text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   clear: both;

   text-align: center;

   color: #E0FFFF;
   background-color: none;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid black;
}