/* Template réaliser par mike74 Design & Codage 
Powered by Nuked Klan 1.7 */

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

body{
background-image:url(images/background.png);
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:#77b7ff;
text-decoration:none;
}

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

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

td {
font-size:10px;
}

textarea{
font-family:Verdana, Arial, Sans-serif;
font-size:9px;
background-color:#000000;
border:1px solid #FFFFFF;
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:30px;
}
<!--  Bouton accueil  -->
li#accueil {
margin:0 auto;
padding:0;
height:30px;
width:91px;
background:url(menu/accueil.jpg);
}
li#accueil a {
margin:0 auto;
padding:0;
display:block;
height:30px;
text-decoration:none;
width:91px;
border:0;
background:url(menu/accueil.jpg);
}
li#accueil a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:91px;
background:url(menu/accueil-own.jpg);
}
<!--  Bouton forum  -->
li#forum {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/forum.jpg);
}
li#forum a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/forum.jpg);
}
li#forum a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/forum-own.jpg);
}
<!--  Bouton team  -->
li#team {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/team.jpg);
}
li#team a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/team.jpg);
}
li#team a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/team-own.jpg);
}
<!--  Bouton wars  -->
li#wars {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/wars.jpg);
}
li#wars a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/wars.jpg);
}
li#wars a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/wars-own.jpg);
}
<!--  Bouton defier  -->
li#defier {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/defier.jpg);
}
li#defier a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/defier.jpg);
}
li#defier a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/defier-own.jpg);
}
<!--  Bouton recrut  -->
li#recrut {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/recrut.jpg);
}
li#recrut a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/recrut.jpg);
}
li#recrut a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/recrut-own.jpg);
}
<!--  Bouton calendrier  -->
li#calendrier {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/calendrier.jpg);
}
li#calendrier a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/calendrier.jpg);
}
li#calendrier a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/calendrier-own.jpg);
}
<!--  Bouton download  -->
li#download {
margin:0 auto;
padding:0;
height:30px;
width:110px;
background:url(menu/download.jpg);
}
li#download a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:110px;
background:url(menu/download.jpg);
}
li#download a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:110px;
background:url(menu/download-own.jpg);
}
<!--  Bouton membres  -->
li#membres {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/membres.jpg);
}
li#membres a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/membres.jpg);
}
li#membres a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/membres-own.jpg);
}
<!--  Bouton compte  -->
li#compte {
margin:0 auto;
padding:0;
height:30px;
width:90px;
background:url(menu/compte.jpg);
}
li#compte a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/compte.jpg);
}
li#compte a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:90px;
background:url(menu/compte-own.jpg);
}
<!--  Bouton admin  -->
li#admin {
margin:0 auto;
padding:0;
height:30px;
width:79px;
background:url(menu/admin.jpg);
}
li#admin a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:79px;
background:url(menu/admin.jpg);
}
li#admin a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:79px;
background:url(menu/admin-own.jpg);
}
.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;
}