/* Template réaliser sur http://www.darkamzone.ca/
Design par Darkangel
Codage Alain & DarkAngel
Powered by Nuked Klan 1.7 */

				/* ..................La zones général................. */

body{
background-color:#000000;
font-family:verdana, Arial, Sans-serif;
font-size:10px;
color:#FFFFFF;
margin:0;
padding:0;
}

a:link{
font-family:verdana, Arial, Sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

a:visited{
font-family:verdana, Arial, Sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

a:hover{
font-family:verdana, Arial, Sans-serif;
font-size:10px;
color:#EB950D;
text-decoration:none;
}

td {
font-size:11px;
}

textarea{
font-family:Verdana, Arial, Sans-serif;
font-size:9px;
background-color:#000000;
border:1px solid #000000;
color:#FFFFFF;
}

select{
color:#FFFFFF; 
background-color:#464646;
font-family:Verdana, Arial, Sans-serif; 
font-size:9px; 
}


input{
color:#FFFFFF; 
background-color:#000000;
font-size:9px; 
font-family:Verdana, Arial, Sans-serif; 
border:#FFFFFF 1px solid; 
}
				/* ..................La zones menu.................. */

ul#menu {
margin:auto;
padding:0;
list-style-type:none;
}
#menu li {
float:left;
height:40px;
}
<!--  Bouton accueil  -->
li#accueil {
margin:0 auto;
padding:0;
height:40px;
width:106px;
background:url(menu/accueil.png);
}
li#accueil a {
margin:0 auto;
padding:0;
display:block;
height:40px;
text-decoration:none;
width:106px;
border:0;
background:url(menu/accueil.png);
}
li#accueil a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:106px;
background:url(menu/accueil-own.png);
}
<!--  Bouton forum  -->
li#forum {
margin:0 auto;
padding:0;
height:40px;
width:95px;
background:url(menu/forum.png);
}
li#forum a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:95px;
background:url(menu/forum.png);
}
li#forum a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:95px;
background:url(menu/forum-own.png);
}
<!--  Bouton membres  -->
li#membres {
margin:0 auto;
padding:0;
height:40px;
width:109px;
background:url(menu/membres.png);
}
li#membres a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:109px;
background:url(menu/membres.png);
}
li#membres a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:109px;
background:url(menu/membres-own.png);
}
<!--  Bouton compte  -->
li#compte {
margin:0 auto;
padding:0;
height:40px;
width:99px;
background:url(menu/compte.png);
}
li#compte a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:99px;
background:url(menu/compte.png);
}
li#compte a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:99px;
background:url(menu/compte-own.png);
}
<!--  Bouton matches  -->
li#matches {
margin:0 auto;
padding:0;
height:40px;
width:98px;
background:url(menu/matches.png);
}
li#matches a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:98px;
background:url(menu/matches.png);
}
li#matches a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:98px;
background:url(menu/matches-own.png);
}
<!--  Bouton recrutement  -->
li#recrutement {
margin:0 auto;
padding:0;
height:40px;
width:94px;
background:url(menu/recrutement.png);
}
li#recrutement a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:94px;
background:url(menu/recrutement.png);
}
li#recrutement a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:94px;
background:url(menu/recrutement-own.png);
}
<!--  Bouton defier  -->
li#defier {
margin:0 auto;
padding:0;
height:40px;
width:108px;
background:url(menu/defier.png);
}
li#defier a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:108px;
background:url(menu/defier.png);
}
li#defier a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:108px;
background:url(menu/defier-own.png);
}
<!--  Bouton calendrier  -->
li#calendrier {
margin:0 auto;
padding:0;
height:40px;
width:100px;
background:url(menu/calendrier.png);
}
li#calendrier a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:100px;
background:url(menu/calendrier.png);
}
li#calendrier a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:100px;
background:url(menu/calendrier-own.png);
}
<!--  Bouton admin  -->
li#admin {
margin:0 auto;
padding:0;
height:40px;
width:96px;
background:url(menu/admin.png);
}
li#admin a {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:96px;
background:url(menu/admin.png);
}
li#admin a:hover {
margin:0 auto;
padding:0;
display:block;
height:40px;
border:0;
text-decoration:none;
width:96px;
background:url(menu/admin-own.png);
}

				/* ..................La zones block wars................. */
.win 
{
font-family: Verdana, Arial, Sans-serif;
color: #01FD3C;
font-size: 9px;
background-color: transparent;
text-decoration: none;
}

.draw
{
font-family: Verdana, Arial, Sans-serif;
color: #1ABCEB;
font-size: 9px;
background-color: transparent;
text-decoration: none;
}

.loss
{
font-family: Verdana, Arial, Sans-serif;
color: #FF0000;
font-size: 9px;
background-color: transparent;
text-decoration: none;
}