/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------                                    GENERALITES                                  -------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/

 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0 auto; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: */
  font-family: Tahoma, Helvetica, FreeSans, sans-serif;
  font-size: 1em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: white; 
  width:1000px;
  background: url('images/fond_page.jpg') no-repeat top black; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
  margin:0;
} 
h1 { 
  font-size: 1.25em; 
} 
h2 { 
  font-size: 1em; 
} 
h3 { 
  font-size: .75em; 
} 
h4 { 
  font-size: .5em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: 0; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
 ul{
 	list-style-type:none;
 }
/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
    text-decoration: underline; 
} 
 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------                                      HOME-PAGE                                    -------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/





#menu
{
	height:42px;
	margin-top:30px;
	background: url('images/fond_menu.png') repeat-x;
	padding-top:2px;
	padding-left:15px;
}

#menu label
{
	margin-right:35px;
}

#information
{
	width:400px;
	float:left;
}

#connexion
{
	float:left;
}

#connexion input
{
	margin-right:10px;
}

#content
{
	margin-top:50px;
}

#content_ingame
{
	margin-top:15px;
}

#banniere
{
	margin-top:10px;
}

#renseignement
{
	background: url('images/fond_inscription.png') no-repeat;
	width:295px;
	height:220px;
	float:left;
	margin-left:30px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	font-size: .70em;
	text-align:justify;
}

#renseignement img
{
	margin-top:10px;
	margin-left:10px;
}

#screen
{
	float:left;
	margin-left:30px;
}

#vignette
{
	height:205px;
}

#haut_content
{
	height:270px;
}

.vignette
{
	float:left;
	margin-left:15px;
	width:315px;
	height:201px;
	background:url('images/fond_vignette.png') no-repeat;
}

.titre
{
	padding-top:10px;
	padding-left:10px;
}

.titre img
{
	float:left;
	margin-right:10px;
}

.titre h1
{
	padding-top:3px;
}

.content_vignette
{
	margin-top:35px;
	padding-left:10px;
}

.content_vignette img
{
	float:left;
	margin-right:10px;
}

.content_vignette p
{
	padding-top:5px;
	text-align:justify;
	padding-right:10px;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------                                MENU IN-GAME                                   -------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/



#menu ul
{
	
}

#menu ul li
{
	float:left; /*pour IE*/
	list-style-type:none;
}

#menu ul li a 
{
	color:white;
	display:block;
	text-decoration: none;
	padding-left:35px;
	height:35px;
	line-height:35px;
}


#listecarriere{
	width: 110px;
	background: url(images/menu/carriere.png) no-repeat left center;
}

#listeequipe{
	width: 100px;
	background: url(images/menu/equipe.png) no-repeat left center;
}

#listesponsors{
	width: 115px;
	background: url(images/menu/sponsor.png) no-repeat left center;
}

#listeboutique{
	width: 115px;
	background: url(images/menu/boutique.png) no-repeat left center;
}

#listeforum{	
	width: 90px;
	background: url(images/menu/forum.png) no-repeat left center;
}

#listefaq{
	width: 90px;
	background: url(images/menu/FAQ.png) no-repeat left center;
}

#listecontact{
	width: 100px;
	background: url(images/menu/contact.png) no-repeat left center;
}


#menu ul li a:hover{
	text-decoration:underline;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------------                      STRUCTURE IN-GAME                                 -------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------*/


#partie_gauche{

	width:300px;
	float:left;
	height:800px;

}

#partie_droite{
	float:left;
	margin-left:20px;
	width:660px;
	height:800px;
	background: #292929;
	padding:10px;
}

#profil
{
	width:300px;
	background: url(images/fond_avatar.png) no-repeat;
	height:200px;
}

#profil_gauche
{
	width:130px;
	float:left;
	height:200px;
	text-align:center;
	padding-top:17px;
}

#profil_gauche a
{
	color:white;
	font-size:10px;
	text-decoration:none;
}

#profil_gauche a:hover
{
	text-decoration:underline;
}

#profil_droit
{
	padding-top:17px;
	font-size:14px;
}

#profil_droit h1
{
	font-size:25px;
}

#profil_droit ul .color
{
	color:#d40c00;
}

#publicite
{
	height:300px;
}

#terrain{
	width:313px;
	height:447px;
	float:left;
	margin-right:5px;
	background: url(images/terrain.png) no-repeat;
}

#liste_joueur{

}

#liste_joueur h1{
	text-align:center;
	margin:2px 0;
}

#liste_joueur table{
	width:342px;
	border:none;
	/* border: 1px solid silver;*/
}

#liste_joueur table th{
	text-align:left;
	font-size:14px;
}

#liste_joueur table .clair{
	background-color: #6c6c6c;
}

#liste_joueur table .poste{
	width:30px; 
	padding: 3px 3px;
}

#liste_joueur table .pseudo{
	width:237px;
	padding: 3px 3px;
}

#liste_joueur table .nombre{
	width:40px; 
	text-align:center;
}

#liste_joueur table{
	font-size:12px;
}