@charset "utf-8";
/* CSS Document for profiles fanlisting
author: anja 
uri: http://fan.skykissed.net
*/

html {
padding: 0;
margin: 0 auto;
}

img {
border: 0;
}

body {
background: #7D989F;
margin: 0;
text-align: center;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #D2DEE1;
}

#header {
margin: 0 auto;
margin-top: 2%;
background-image: url(images/header.gif);
background-repeat: no-repeat;
width: 658px;
height: 271px;
}

#box {
background: #2E2E2E;
width: 658px;
min-height: 400px;
margin: 0 auto;
background-image: url(images/footer.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#menu {
margin: 0;
width: 99%;
height: 31px;
font-size: 13px;
border: 1px solid #2E2E2E;
line-height: 17px;
text-align: center;
}

ul.menu {
margin: 0;
list-style-type: none; 
text-decoration: none;
}
ul.menu li {
margin: 0;
list-style-type: none; 
text-decoration: none;
display: inline;
}
ul.menu a {
margin: 0;
list-style-type: none; 
display: inline;
color: #7F7F7F;
text-decoration: none;
padding: 0px 9px 9px 9px;
color: #D2DEE1;
margin-right: 12px;
}
ul.menu a:hover {
margin: 0;
list-style-type: none; 
text-decoration: none;
display: inline;
padding: 0px 9px 9px 9px;
color: #3D5B63;
background-color: #D29F00;
margin-right: 12px;
}

#content {
width: 94%;
margin: 1% auto;
color: #D2DEE1;
font-size: 11px;
line-height: 18px;
text-align: left;
margin-bottom: 40px;
}

#footer {
width: 100%;
height: 80px;
text-align: center;
font-size: 10px;
line-height: 95px;
color: #D29F00;
}

/* texte formate */

h1 {
background-image: url(images/h1.gif);
background-position: left;
background-repeat: no-repeat;
font-size: 18px;
line-height: 18px;
color: #7D989F;
font-style: italic;
font-weight: bold;
text-align: left;
padding-left: 23px;
}

h2 {
font-size: 15px;
line-height: 15px;
color: #D29F00;
font-style: italic;
font-weight: bold;
text-align: left;
}

ul.liste {
margin: 0;
list-style-type: none; 
text-decoration: none;
}
ul.liste li {
margin: 0;
list-style-type: none; 
text-decoration: none;
display: block;
}
ul.liste a {
margin: 0;
list-style-type: none; 
display: block;
color: #7F7F7F;
text-decoration: none;
padding: 0 0 0 7px;
color: #D2DEE1;
background-image: url(images/li.gif);
background-repeat: no-repeat;
background-position: left;
}
ul.liste a:hover {
margin: 0;
list-style-type: none; 
text-decoration: none;
display: block;
color: #3D5B63;
padding: 0 0 0 7px;
background-color: #D29F00;
background-image: url(images/li.gif);
background-repeat: no-repeat;
background-position: left;
}

textarea, select, input, option {
border: 1px solid #7D989F;
background: #2E2E2E;
padding: 3px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D2DEE1;
}

#content a:link {
text-decoration: none;
color: #7D989F;
font-style: italic;
font-weight: bold;
}
#content a:visited {
text-decoration: none;
color: #7D989F;
font-style: italic;
font-weight: bold;
}
#content a:hover {
text-decoration: none;
color: #fff;
background: #D29F00;
font-style: italic;
font-weight: bold;
}
#content a:active {
text-decoration: none;
color: #7D989F;
font-style: italic;
font-weight: bold;
}

#footer a:link {
text-decoration: none;
color: #7D989F;
font-style: italic;
font-weight: bold;
}
#footer a:visited {
text-decoration: none;
color: #7D989F;
font-style: italic;
font-weight: bold;
}
#footer a:hover {
text-decoration: none;
color: #fff;
background: #D29F00;
font-style: italic;
font-weight: bold;
}
#footer a:active {
text-decoration: none;
color: #7D989F;
font-style: italic;
font-weight: bold;
}