img {border:0;}

h1, h2, h3 { font-size: 11px; line-height: 13px;font-weight:bold; text-align: left; margin: 0px; padding: 0px; display:inline; }

body {
	/* initial : font-family: Tahoma, Helvetica, sans-serif; */
	/* 1 : font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;*/
	font-family:  Verdana, Arial, serif; 
	font-size:11px;
	background-color: #111111;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	color: #111111;
	margin-top:0px;
}

a {
	color: #111111;
	text-decoration: undelrine;
}

a:hover {
	color: #7DB517;
	text-decoraiton: underline;
}

/**************************** CONTENEUR ****************************/

#conteneur {
	width: 1000px;
	margin: 0 auto;
}

/**************************** HEADER ****************************/

#conteneur #header {
	position: relative;
	width: 1000px;
	height: 300px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#conteneur #header #logo {
	position: absolute;
	bottom: 0;
	color: #ffffff;
	font-size: 20px;
	padding: 0 0 10px 40px;
	text-transform: uppercase;
}

/**************************** MENU ****************************/
#menu .liens
{
float:left;
position:relative;
text-align:center;
font-size:11px;

}
#menu .liens a
{
float:none;
color:#fff;
min-width:30px;
text-decoration:none;
}

#menu a
{
text-decoration:none;
float:left;
color:#59493f;
display:block;
line-height:15px;
padding-left:4px;
padding-right:25px;
padding-top:2px;
margin-top:1px;
}

#conteneur #menu {
	width: 1000px;
	height: 45px;
	background-color: #222222;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
	margin-top:-6px;

}

#conteneur #menu ul {
	padding:0;
	margin-top:7px;
}

#conteneur #menu li {
	list-style-type: none;
	float: left;
	padding: 0 10px 0 10px;
	background-image: url(images/separation_menu.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#conteneur #menu li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
}

#conteneur #menu li a:hover {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	background-color: #a3e32c;
	text-transform: uppercase;
}

#conteneur #menu #last {
	background: none;
}

.rub
{
display:none;
position:absolute;
z-index:99;
width:10px;
top:36px;
left:0;
color:#000;
background:#222222;
border-top:none;
margin-left:-13px;
}
.rub a
{
text-align:left;
background:#222222;
}

.rub a
{
text-align:left;
background:#222222;
}

/**************************** WRAPPER ****************************/

#conteneur #wrapper {
	width: 1000px;
	height: 300px;
	position: relative;
}

#conteneur #wrapper #info {
	width: 1000px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	background-image: url(images/wrapper_info.png);
	background-repeat: repeat;
}

#conteneur #wrapper #info p {
	color: #ffffff;
	padding: 0 10px 5px 10px;
	text-align: justify;
}

#conteneur #wrapper #info h3 {
	color: #ffffff;
	padding: 5px 10px 5px 10px;
}

/**************************** CONTENU ****************************/

#conteneur #contenu {
	width: 1000px;
	background-image: url(images/contenu.jpg);
	background-repeat: repeat-y;
	border-top: 5px solid #f4f4f4;
	border-bottom: 5px solid #f4f4f4;
}

#conteneur #contenu .block {
	margin: 10px 0;
}

/**************************** GAUCHE ****************************/

#conteneur #left {
	width: 690px;
	float: left;
	margin: 0 10px;
}

#conteneur #contenu #left .top {
	background-color: #222222;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
	height: 32px;
	line-height: 32px;
	padding: 0 10px 0 40px;
	text-transform: uppercase;
}

#contenu_lire {
   padding: 5px;
   background-color: #F8F8F8;
}

/**************************** DROITE ****************************/

#conteneur #right {
	width: 270px;
	float: left;
	margin: 0 10px;
}

#conteneur #contenu #right .top {
	background-color: #222222;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	color: #ffffff;
	height: 32px;
	line-height: 32px;
	padding: 0 40px 0 10px;
	text-transform: uppercase;
}

.top a {
color:orange;
}


#conteneur #contenu #right #bouton {
	width: 252px;
	border: none;
	height: 24px;
	color: #ffffff;
	background: #555555;
}

/**************************** FOOTER ****************************/

#conteneur #footer {
	width: 1000px;
	background: #222222;
	border-top: 1px solid #111111;
	color: #ffffff;
}

#conteneur #footer a {
	color: #ffffff;
	text-decoration: underline;
}

#conteneur #footer li {
	list-style-type: none;
}

/************************************ MATCH ***********************************/

#container ul#border li {
	margin: 0;
	padding: 0;

}
#container ul#border {
	width: 500px;
	font-weight: bold;
	background:#ebebeb;
}
#container ul#border li {
	float: left;
	display: inline;
}
#container ul#border li a {
	text-align: center;
	display: block;
	height: 25px;
	line-height: 25px;
	padding:3px;
	text-decoration:none;
}
#container li {

}

#container ul#border li a:hover {
	background-color: #ebebebe;
}
#container h1, #container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container a.current {
	background-color: #2F2F2F;
	color: #fff;
}
#container a.ghost  {
	background-color: #adadad;
	color: #2F2F2F;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}


/* infobulle */


a.info {
   position: relative;
   color: #000;
   
}
a.info span {
   display: none;
   color: #000;
}
a.info:hover {
   background: none;
   z-index: 500; 
   clear:both;
   text-decoration:none;
   color:#000;
}
a.info:hover span {
   display: inline;
   position: absolute;
   margin:auto;
   top: 15px; 
   margin-left:-410px;
   width:400px;
   background: white;
   padding: 5px;
   border: 1px solid #adadad;
}

a.infomembre {
   position: relative;
  
}
a.infomembre span {
   display: none; /* on masque l'infobulle */
}
a.infomembre:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   clear:both;
}
a.infomembre:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
min-width: 300px;
background: #EDEDEB;
text-align: left;
color: #000000;
border: 1px solid #596E79;
padding: 5px;

}
.champ
{
background:#ebebeb;
border:1px ridge #adadad;
padding:2px;
}

/************************** BATTLES *******************************/

#battle_mdj
{
background:#333333;
width:320px;
padding:10px;
text-align:center;
margin-top:-5px;
font-size:14px;
font-weight:bold;
color:red;
}
#battle_session
{
background:#ebebeb;
width:330px;
padding:4px;
border:1px ridge #adadad;
margin-top:-5px;
}

/********************** ADMINISTRATION FORUM ************************/

#menuforum
{
float:left;
width:160px;
border:1px ridge #CCCCCC;
}
#forum
{
margin-left:175px;
min-height:500px;
}

/********************** CARTE IDENTITE ***************************/

#carte
{
background:url(images/carte.png);
width:385px;
height:200px;
}

/*********************  BARRE REPONSE ***************************/

#barre_rep
{
background:#222222;
padding:5px;
font-weight:bold;
font-size:11px;
color:#fff;
}
#barre_rep a 
{
color:orange;
text-decoration:none;
}
#barre_rep a:hover
{
color:#7DB517;
}

/***************** AFFICHER / CACHER *****************/

.clicTitre
  {
  border:1px ridge #000;
  background-color: #eeeeee;
  padding:5px;
  }

.clicCacher
  {
  top: -25px;
  right:10px;
  position: relative;
  text-align:right;
  }

.contenant
  {
  display : none;
  border: 1px solid #000000;
   background-color: #eeeeee;
  padding:5px;
  }