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

				/* ..................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:0;
padding:0;
list-style-type:none;
}
#menu li {
float:left;
height:30px;
}
<!--  Bouton accueil  -->
li#accueil {
margin:0 auto;
padding:0;
height:30px;
width:65px;
background:url(images/navigation/accueil.png);
}
li#accueil a {
margin:0 auto;
padding:0;
display:block;
height:30px;
text-decoration:none;
width:65px;
border:0;
background:url(images/navigation/accueil.png);
}
li#accueil a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:65px;
background:url(images/navigation/accueil-h.png);
}
<!--  Bouton forum  -->
li#forum {
margin:0 auto;
padding:0;
height:30px;
width:54px;
background:url(images/navigation/forum.png);
}
li#forum a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:54px;
background:url(images/navigation/forum.png);
}
li#forum a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:54px;
background:url(images/navigation/forum-h.png);
}
<!--  Bouton Download  -->
li#download {
margin:0 auto;
padding:0;
height:30px;
width:112px;
background:url(images/navigation/download.png);
}
li#download a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:112px;
background:url(images/navigation/download.png);
}
li#download a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:112px;
background:url(images/navigation/download-h.png);
}
<!--  Bouton livre  -->
li#livre {
margin:0 auto;
padding:0;
height:30px;
width:78px;
background:url(images/navigation/livre.png);
}
li#livre a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:78px;
background:url(images/navigation/livre.png);
}
li#livre a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:78px;
background:url(images/navigation/livre-h.png);
}
<!--  Bouton lien web  -->
li#lien {
margin:0 auto;
padding:0;
height:30px;
width:67px;
background:url(images/navigation/lien.png);
}
li#lien a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:67px;
background:url(images/navigation/lien.png);
}
li#lien a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:67px;
background:url(images/navigation/lien-h.png);
}
<!--  Bouton compte  -->
li#compte {
margin:0 auto;
padding:0;
height:30px;
width:59px;
background:url(images/navigation/compte.png);
}
li#compte a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:59px;
background:url(images/navigation/compte.png);
}
li#compte a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:59px;
background:url(images/navigation/compte-h.png);
}
<!--  Bouton admin  -->
li#admin {
margin:0 auto;
padding:0;
height:30px;
width:97px;
background:url(images/navigation/admin.png);
}
li#admin a {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:97px;
background:url(images/navigation/admin.png);
}
li#admin a:hover {
margin:0 auto;
padding:0;
display:block;
height:30px;
border:0;
text-decoration:none;
width:97px;
background:url(images/navigation/admin-h.png);
}