body {
	color: white;
	margin: 10px;    
	background-color: #333333;
	background-image:url(/images/site/head_background.gif);
	background-repeat : repeat-x; 
	font-size: 14px;
	text-align: center;
}

a:link{
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: yellow;
	text-decoration: underline;
	font-weight: bold;
}

a:active{
	color: red;
	text-decoration: underline;
	font-weight: bold;
}

a.bouton {
  border: 1px solid black;
  color: white;
  background-color: #333333;
  background-image:url(/images/site/fond_menu.png);
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin: 5;
  padding: 0px 10px 1px 10px !important;
  padding: 2px 10px 2px 10px;
}

a.bouton:visited {
  background-color: #333333;
  background-image:url(/images/site/fond_menu.png);
  text-decoration: none;
  color: white;
}

a.bouton:hover {
  background-color: #FF6600;
  text-decoration: none;
  color: #333333;
  background-image:url(/images/site/fond_menu_over.png);
}



h1 {
	color:#FF6600;
	text-align: left;
}

h2 {
	color:#FF6600;
	text-align: left;
	margin : 0px;
}

input {
	border:1px solid black;
	background-color:#454545;
	font-weight:bold;
	color:white;
}

select, option {
	background-color:#454545;
	font-weight:bold;
	color:white;
}

textarea {
	border:1px solid black;
	background-color:#454545;
	font-weight:bold;
	color:white;
}

input.bouton {
	border:1px solid black;
	background-color:#333333;
	background-image:url(/images/site/fond_menu.png);
	color:white;
}

input.bouton:hover {
	background-color:#FF6600;
	color:#333333;
	background-image:url(/images/site/fond_menu_over.png);
}

input.bouton:active {
	border:2px inset red;
	background-color:red;
	ccolor:#333333;
} 

.entete {
	margin: 10px;
	color: white;
}

.banniere {
	margin: 1px;
	width: 1000px;
	color: white;
	border: 0px solid black; 
}

.credit {
	margin: 0px;
	width: 628px !important;
	width:630px;
	color: white;
	background-image:url(/images/site/fond-index.png);
	background-repeat : repeat-x; 
	border: 1px solid black; 
}

.menu_gauche {
	position: absolute;
	left:0;
	width:200px;
	color: white;
	background-color: #333333;
	
}

.dernier_topic{
	border: 1px solid black;
	width: 136px !important;
	width: 160px;
	margin-left: 20px;
	padding: 10px;
	background: #101112 url(/images/site/fond_rectangle.png) repeat-x;
}

.partenaire{
	border: 1px solid black;
	width: 136px !important;
	width: 160px;
	margin-left: 20px;
	padding: 10px;
	text-align: center;
	background: #101112 url(/images/site/fond_rectangle.png) repeat-x;
}

.dernier_topic ul
{
margin: 20;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer ul
{
margin: 20;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid black;
width: 130px !important;
width: 160px;
/* height:15px; */
background-color: #333333;
background-image:url(/images/site/fond_menu.png);
color:white;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid black;
background-color: #FF6600;
background-image:url(/images/site/fond_menu_over.png);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image:url(/images/site/fond_menu_over.png);
color: #333;
}

.titre_menu
{
display: block;
padding: 2px 2px 2px ; /*24px;*/
border: 1px solid black;
width: 152px !important;
width: 160px;

background-color: #333333;
background-image:url(/images/site/fond_titre.png);
margin: 20;
text-align: center;
color: #FF6600;
font-weight:bold;
}

/* menu spécial */

.dernier_post
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid black;
width: 130px !important;
width: 160px;
background: #101112 url(/images/site/fond_rectangle.png) repeat-x;
margin: 20;
}

/* espace perso */

.espace_perso{
	border: 1px solid black;
	width: 136px !important;
	width: 160px;
	margin-left: 20px;
	padding: 10px;
	background: #101112 url(/images/site/fond_rectangle.png) repeat-x;
}

/* espace perso haut */

.espace_perso{
	border: 1px solid black;
	width: 136px !important;
	width: 160px;
	margin-left: 20px;
	padding: 10px;
}

.espace_perso input {
border: 1px solid black;
	font-weight:bold;
	color:white;
	background-image: url(/images/site/fond_input.png);
}

.espace_perso input.bouton {
	font-size:12px;
	color:white;
	background-image: url(/images/site/fond_menu.png);

}

.espace_perso input.bouton:hover {
  	background-image: url(/images/site/fond_menu_over.png);
  	color: #333;
}

/* index du site */

.index {
	border: 1px solid black;
	width: 608px !important;
	width:630px;
	margin-left: 200px;
	padding: 10px;
	background-image:url(/images/site/fond-index.png);
	background-repeat : repeat-x; 
	
	
}

.index_center {
	border: 1px solid black;
	width: 608px !important;
	width:630px;
	margin-left: 200px;
	text-align: center;
	padding: 10px;
	background-image:url(/images/site/fond-index.png);
	background-repeat : repeat-x; 
	
}

.menu_droite {
	position: absolute;
	left:830;
	width:200px;
	color: white;
	background-color: #333333; 
}

.pied {
	margin: 10px;
	margin-left: 200px;
	color: white;
	background-color: #333333;
	border: 0px solid black;
	width: 628px !important;
	width:630px;
	text-align: center;
}

.conteneur{
	position: relative;
	margin: 0 auto;
	width: 1024px;
	text-align: left;
}

.chevron{
	font-size: 24px;
}

.formulaire_titre{
	font-size: 12px;
	color: white;
	font-weight: bold;
}

.formulaire_recapitulatif{
	font-size: 14px;
	color: white;
	font-weight: bold;
}

.information{
	color: red;
	font-weight: bold;
}

.information_centre{
	color: red;
	font-weight: bold;
	text-align: center;
	
}

.orange{
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
}

.orange_cpt{
	color: #FF6600;
	font-weight: bold;
}

.centre{
	text-align: center;
	
}

/* séparation de titre */

.separation {
	border-top : 2px solid #FF6600;
}

/* les mails */

.mail {
	height : 400px;
	background-color: #333333;
	border: 2px solid black;
	overflow : auto;
}

div.mail_lu {
 	clear: both;
	 padding-top: 10px;
 }

div.mail_lu span.label {
 	float: left;
 	width: 100px;
 	text-align: right;
 }

div.mail_lu span.formw {
	 float: right;
 	width: 480px;
 	text-align: left;
 }
 
.gauche {
	float: left;
 }
 
 /* visualisation */
 
 /* visualisation - joueur */
 
 /* info enregistrement */
 
 
  div.info_enregistrement{

 /* background-color: #D7E7F2; */
 border: 0px solid black;
 padding: 1px !important;
 padding: 0px;
 margin-bottom: 20px;
  margin-top: 15px !important;
  margin-top: 14px;

 }
 
 
 /* avatar */
 
 div.libelle_avatar{
  width: 75px !important;
  width: 80px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
   color: #FF6600;
 }
  
 div.avatar{

 /* background-color: #D7E7F2; */
 border: 0px solid black;
 padding: 3px;
  margin-top: 5px;
    text-align: center;
 }
 
 /* info perso */
 
 div.libelle_perso{
  width: 95px !important;
  width: 100px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  color: #FF6600;
  /* background-color: #FF6600; */
 }
 
 div.info_perso{
 width: 277px !important;
 width: 283px;
 /* background-color: #D7E7F2; */
 border: 1px solid black;
 padding: 3px;
  margin-top: 5px;
  margin-bottom: 20px;
 }
 
 /* info jeux */
 
  div.libelle_jeux{
  width: 150px !important;
  width: 160px;
  border: 1px solid black;
  padding: 3px;
  margin-top:20px;
  text-align: center;
  font-weight:bold;
    color: #FF6600;
 }
 
 /* div info_perso réutilisé */
 
 /* description perso */
 
  div.libelle_desc{
  	position: absolute;
  	left: 507px;
  	top: 442px !important; /* +278 pour fire */
  	top: 426px; /* +270 pour IE 5*/
  width: 140px !important;
  width: 150px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
   div.desc{
  	position: absolute;
  	left: 507px;
  	top: 473px !important;
  	top: 456px;
  width: 304px !important;
  width: 313px;
  height: 367px !important;
  height: 360px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  overflow: auto;
 }
 
 /* Recrutement */
 
  div.libelle_recrutement{
  width: 115px !important;
  width: 120;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
    color: #FF6600;
 }
 
 div.recrutement{
 width: 271px !important;
 width: 283px;
 /* background-color: #D7E7F2; */
 border: 1px solid black;
 padding: 6px !important;
 padding: 8;
  margin-top: 5px;
  margin-bottom: 20px;
 }
 
  /* Recrutement team */
 
  div.libelle_recrutement_team{
  width: 115px !important;
  width: 120;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
    color: #FF6600;
 }
 
 div.recrutement_team{
 width: 271px !important;
 width: 283px;
 height: 236px;
 /* background-color: #D7E7F2; */
 border: 1px solid black;
 padding: 6px !important;
 padding: 8;
  margin-top: 5px;
  margin-bottom: 20px;
 }
 
 /* Messagerie */
 
   div.libelle_messagerie{
  	position: absolute;
  	left: 507px;
  	top: 868px !important;
  	top: 836px;
  width: 100px !important;
  width: 110px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
   div.messagerie{
  	position: absolute;
  	left: 507px;
  	top: 899px !important;
  	top: 866px;
  width: 298px !important;
  width: 313px;
  border: 1px solid black;
  padding: 6px !important;
  padding: 8;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
 }
 
 
div.row {
 	 clear: both;
	 padding-top: 5px;
 }
 
div.row_espace {
 	 clear: both;
	 padding: 7px;
 }
 
div.row_centre {
 	 clear: both;
	 padding: 10px;
	 text-align: center;
 }
 
div.row span.label {
 	float: left;
 	width: 100px;
 	text-align: right;
	padding-right:5px;
	font-weight:bold;
	font-size: 13px;
	
 }

div.row span.info {
	float: right;
 	width: 335px;
 	text-align: left;
 	font-weight:bold;
 }
 
 /* team */
 
 /* utilisation de la div perso pour les info de gauche */
 
 /* libellé info */
 
 div.libelle_info{
  width: 130px !important;
  width: 140px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
  /* activité */
  
div.libelle_act{
  width: 140px !important;
  width: 145;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
    color: #FF6600;
 }
 
 /* description de la team */
 
 /* libelle */
 
 div.libelle_desc_team{
  	position: absolute;
  	left: 507px;
  	top: 442px !important;
  	top: 426px;
  width: 100px !important;
  width: 110px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
 div.desc_team{
  	position: absolute;
  	left: 507px;
  	top: 473px !important;
  	top: 456px;
  width: 304px !important;
  width: 313px;
  height: 433px !important;
  height: 423px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  overflow: auto;
 }
 
 /* monitoring serveur team */
 
    div.libelle_serveur_team{
  	position: absolute;
  	left: 507px;
  	top: 933px !important;
  	top: 899px;
  width: 100px !important;
  width: 108px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
   div.serveur_team{
  	position: absolute;
  	left: 507px;
  	top: 965px !important;
  	top: 929px;
  width: 298px !important;
  width: 313px;
  height: 100px !important;
  height: 105px !important;
  border: 1px solid black;
  padding: 6px !important;
  padding: 8;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  overflow: auto;
 }
 
 div.pas_serveur{
 	padding: 27px !important;
 	padding: 33;
 }
 
 
 /* Messagerie team */
 
   div.libelle_messagerie_team{
  	position: absolute;
  	left: 507px;
  	top: 1098px !important;
  	top: 1053px;
  width: 100px !important;
  width: 110px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
   div.messagerie_team{
  	position: absolute;
  	left: 507px;
  	top: 1130px !important;
  	top: 1084px;
  width: 298px !important;
  width: 313px;
  height: 71px !important;
  height: 81px;
  border: 1px solid black;
  padding: 6px !important;
  padding: 8;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
 }
 
 
 /* les membres de la team libelle */
 
   div.libelle_membre_team{
  width: 185px !important;
  width: 200px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
    color: #FF6600;
 }
 
  /* les membres de la team */
 
  div.membre_team{
 /* background-color: #D7E7F2; */
 border: 1px solid black;
 padding: 6px !important;
 padding: 8;
  margin-top: 5px;
  margin-bottom: 20px;
 }
 
 
 /* information serveur */

 div.libelle_info_serveur{
  width: 110px !important;
  width: 115px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
 div.info_serveur{
 width: 277px !important;
 width: 283px;
 /* background-color: #D7E7F2; */
 border: 1px solid black;
 padding: 3px;
  margin-top: 5px;
  margin-bottom: 20px;
 }
 
 /* description serveur */
 
   div.libelle_desc_serveur{
  	position: absolute;
  	left: 507px;
  	top: 502px !important;
  	top: 486px;
  width: 100px !important;
  width: 110px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
   div.desc_serveur{
  	position: absolute;
  	left: 507px;
  	top: 533px !important;
  	top: 516px;
  width: 304px !important;
  width: 313px;
  height: 205px !important;
  height: 195px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  overflow: auto;
 }
 
 /* messagerie serveur */
 
div.libelle_messagerie_serveur{
  	position: absolute;
  	left: 507px;
  	top: 774px !important;
  	top: 742px;
  width: 100px !important;
  width: 110px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
    color: #FF6600;
 }
 
   div.messagerie_serveur{
  	position: absolute;
  	left: 507px;
  	top: 805px !important;
  	top: 775px;
  width: 298px !important;
  width: 313px;
  border: 1px solid black;
  padding: 6px !important;
  padding: 8;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
 }

/* monitoring serveur */

 div.libelle_monitoring{
  width: 100px !important;
  width: 105px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
    color: #FF6600;
 }
  
 div.monitoring{

 /* background-color: #D7E7F2; */
 border: 0px solid black;
 padding: 3px;
  margin-top: 5px;
    text-align: center;
 }
 
 /* tournois */
 
 
   div.desc_tournois{
  	position: absolute;
  	left: 507px;
  	top: 473px !important;
  	top: 456px;
  width: 304px !important;
  width: 313px;
  height: 205px !important;
  height: 195px;
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  overflow: auto;
 }
 
 
 .bloc_tournois{
	 margin:4px;
	 border:1px solid black;
	 background-color: #333333;
	 height: 125px;
 }
 
 /* les tableau */
 
 .tableau table{
 	border: medium solid black;
 	border-collapse: collapse;
 }
 
  .tableau  td{
 	 border: solid black 1px;
 }
 
  .tableau th{
 	border: solid black 1px;
 	background-color: #FF6600;
 	color: #333333;
 }
 
 /* les listes */
 
 .liste table{
 	border: medium solid black;
 	border-collapse: collapse;
 }
 
  .liste a:link{
  	color: white;
	text-decoration: none;
	font-weight: bold;
  }
  
  .liste a:visited{
	color: white;
	text-decoration: none;
	font-weight: bold;
}


.liste a:hover{
	color: yellow;
	text-decoration: none;
	font-weight: bold;
}

.liste tr:hover a{
	color: #333;
	font-weight: bold;
}

.liste tr:hover a:hover{
	color: black;
	font-weight: bold;
}

.liste tr:hover {
	background-color: #FF6600;
	color: #333;
}

.liste a:active{
	color: red;
	text-decoration: underline;
	font-weight: bold;
}
 
 .liste th{
 	border: solid black 1px;
 	background-color: #454545;
 	color: #FF6600;
 }
 
 .liste  td{
 	 border: solid black 1px;
 }
 
 .colonne_orange1{
 	background-color: #101112;
 }
 
  .colonne_orange2{
 	background-color: #2a2929;
 }
 
 /* messagerie */
 
 .colonne_titre{
 	background-color: #454545;
	color: #FF6600;
 }
 
  .colonne_texte{
 	background-color: #2a2929;
 	color: white;
 	
 }
 
 /* test couleur #CC3300; //orange brique, #993300; // marron */

 
 div.recherche{
 /* background-color: #D7E7F2; */
 border: 0px solid black;

 }
 
 div.row_recherche {
 	 clear: both;
	 padding: 0px;
	 text-align: center;
 }
/*
.recherche input {
	border:1px solid black;
	background-color:#333333;
	font-weight:bold;
	color:white;
}
*/

.centrage {
	border: 0px solid black;
	text-align: center;
	padding: 10px;
}

 /* bloc de visualisation  width: 277px !important; */

 div.bloc_content{
 width: 290px;
 background-color: black;
 border: 1px solid black;
 /* padding: 3px; */
  margin-bottom: 20px;
  	background: #101112 url(/images/site/fond_rectangle.png) repeat-x;
 }
 
  div.bloc_content_wide{

 width: 100%;
 background-color: black;
 border: 1px solid black;
 /* padding: 3px; */
  margin-bottom: 20px;
  	background: #101112 url(/images/site/fond_rectangle.png) repeat-x;
 }
 
  div.bloc_titre{

  padding: 3px;
  text-align: center;
  font-weight:bold;
  color: #333333;
  background-color: #FF6600;
  background: #101112 url(/images/site/bloc_titre.png) repeat-x;
 }
 
   div.bloc_titre_index{

  padding: 3px;
  text-align: center;
  font-weight:bold;
  color: #333333;
  background-color: #FF6600;
  background: #101112 url(/images/site/menu_index.png) repeat-x;
 }
 
 hr.spacer_float{
   border: 0;
   visibility: hidden;
   clear: both;
 }