/* Template réaliser sur http://www.darkamzone.ca/
Design & Codage par Sauron
Powered by Nuked Klan sp4 */

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

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

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

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

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

td {
font-size:10px;
}

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

select{
color:#FFFFFF; 
background-color:#60656B;
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:45px;
}
<!--  Bouton accueil  -->
li#accueil {
margin:0 auto;
padding:0;
height:45px;
width:90px;
background:url(images/nav/accueil.png);
}
li#accueil a {
margin:0 auto;
padding:0;
display:block;
height:45px;
text-decoration:none;
width:90px;
border:0;
background:url(images/nav/accueil.png);
}
li#accueil a:hover {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:90px;
background:url(images/nav/accueil-h.png);
}
<!--  Bouton forum  -->
li#forum {
margin:0 auto;
padding:0;
height:45px;
width:88px;
background:url(images/nav/forum.png);
}
li#forum a {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:88px;
background:url(images/nav/forum.png);
}
li#forum a:hover {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:88px;
background:url(images/nav/forum-h.png);
}
<!--  Bouton Download  -->
li#download {
margin:0 auto;
padding:0;
height:45px;
width:120px;
background:url(images/nav/download.png);
}
li#download a {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:120px;
background:url(images/nav/download.png);
}
li#download a:hover {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:120px;
background:url(images/nav/download-h.png);
}
<!--  Bouton compte  -->
li#compte {
margin:0 auto;
padding:0;
height:45px;
width:115px;
background:url(images/nav/compte.png);
}
li#compte a {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:115px;
background:url(images/nav/compte.png);
}
li#compte a:hover {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:115px;
background:url(images/nav/compte-h.png);
}
<!--  Bouton admin  -->
li#admin {
margin:0 auto;
padding:0;
height:45px;
width:172px;
background:url(images/nav/admin.png);
}
li#admin a {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:172px;
background:url(images/nav/admin.png);
}
li#admin a:hover {
margin:0 auto;
padding:0;
display:block;
height:45px;
border:0;
text-decoration:none;
width:172px;
background:url(images/nav/admin-h.png);
}

/* Class Wars */
.win 
{
font-family: Verdana, Arial, Sans-serif;
color: #00ff00;
font-size: 9px;
background-color: transparent;
text-decoration: none;
}

.draw
{
font-family: Verdana, Arial, Sans-serif;
color: #0099FF;
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;
}
/* Fin Wars */