html {
background: #000 url(macross.jpg) center top repeat-x fixed;
}
body{
margin: auto;
}
a {text-decoration:none; color: #FFFFFF;}
a:hover {color: #000000}
img {border: 0px; border-color: #FFFFFF;}

#logo{
margin-left: 2%;
margin-top: 0px;
margin-top: 30px;
position : relative; 
width: 300px;
}

#global {
margin-top: -80px;
}
#profil{
background: #fff;
width: 200px;
text-align: left;
margin-top: 10px;
margin-right: 4%;
padding:10px;
float: right;
font : 13px tahoma, Arial,sans-serif;
color: #999;
}
#profil a{
font : 13px tahoma, Arial,sans-serif;
color: #000;
}
#profil a:hover{
color: #ccc;
}
#profil img{
float: right;
text-align: center;
border: 3px solid #fff;
margin-top: -22px;
margin-right: -30px;
max-width: 60px;
max-height: 60px; 
}
#formulaire{
width: 300px;
text-align: center;
margin-top: 0px;
margin-right: 2%;
float: right;
font : 13px tahoma, Arial,sans-serif;
color: #999;
}
#formulaire input{
background:  #fff;
font : 9px Verdana, Arial,sans-serif;
padding: 2px;
margin: 3px;
float: left;
border:1px solid white;
box-shadow: 0px 1px 4px #000; 
border-radius: 3px; 
}
#formulaire b{
color: #ff9000;
margin-left: 340px;
}
#formulaire a{
color: #66ffcc;
font : 12px Verdana, Arial,sans-serif;
}
#formulaire a:hover{
color: #FFF;
font : 12px Verdana, Arial,sans-serif;
}
#formulaire  strong {
color: #999;
font : 12px Verdana, Arial,sans-serif;
}
#formulaire label{
float: left;
}
#corps{
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

#title {
text-align: center;
margin-left: 310px;
background-color: #FFFFFF;
background-image: url("/img/hautfond.jpg");
background-position: bottom right;
background-repeat: no-repeat;
border-right:5px solid #FFF;
border-top:3px solid #FFF;
}
#title strong{
font : 20px Arial,sans-serif;
color: #000
}
#plus {
width: 456px;
float: left;
background-color: #FFFFFF;
}
#zoom {
float: left;
width: 456px;
background-color: #FFFFFF;
border-right:2px solid #FFF;
}
#id{
width: 320px;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
float: left;
background-color: #FFFFFF;
font : 14px Verdana, Arial,sans-serif;
color: #ff9000;
}
#zoom a{
font : 18px bold Verdana, Arial,sans-serif;
color: #9e0104;
}
#information{
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 128px;
float: right;
text-align: right;
background-color: #FFFFFF;
font : 9px Verdana, Arial, sans-serif;
color: #000000;
}
#information a{
font : 9px Verdana, Arial, sans-serif;
color: #000000;
}
#information a:hover{
font : 9px Verdana, Arial, sans-serif;
color: #CCCCCC;
}
#cadre{
float: right;
width: 100%;
height: 175px;
padding-bottom: 20px;
background-image: url("/img/bottomcadre.jpg");
background-position: bottom;
background-repeat: repeat-x;
background-color: #FFFFFF;
border-right:5px solid #FFF;
}
#cadredeux{
height: 175px;
background-image: url("/img/basfond.jpg");
background-position: top right;
background-repeat: no-repeat;
}
#lien {
float: right;
background-color: #FF9000;
background-position: bottom left;
background-repeat: repeat-x;
padding: 3px;
margin-right: 0px;
border:2px solid #FFF;
border-left:5px solid #FFF;
}
#lien a img{
margin: 1px;
}
#espace {
max-height: 400px;
float: right;
background-color: #051424;
padding: 3px;
color: #317bab;
margin-right: 0px;
border: 2px solid #061729;
border-left: 5px solid #061729;
border-right: 5px solid #061729;
font : 12px Verdana, Arial,sans-serif;
text-align: left;
}

#erreur {
margin: auto;
width: 100%;
padding-left: 1%;
padding-right: 0%;
padding-bottom: 10px;
padding-top: 0px;
border-bottom: 4px solid #fff;
background-color:  #FF9000;
}
#erreur h2 {
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
font : 30px Arial, sans-serif;
padding: 0px;
color: #FFF;
}
#info{
background-image: url("/img/manga_info/Gurren-Lagann/gif.png");
padding-left: 2px;
width: 270px;
}

#contenue{
margin-top: 10px;
padding-left: 1%;
padding-right: 1%;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 7%;
float: left;
width: 84%;
font : 14px Arial, sans-serif;
background-color: #FFFFFF;
}
#contenue a{
color: #FF9000;
}
#contenue a:hover{
color: #333333;
}


#block{
font : 16px Verdana, Arial, sans-serif;
color: #FFF;
padding: 5px;
margin-right: 2%;
float: right;
width: 35%;
}
#block b{
color: #FF9000;
}
#block a{
color: #FFF;
}
#block img{
max-width: 160px;
max-height: 100px;
background-image: url("/img/site/avatar/rien.gif");
border: 3px solid #FFFFFF;
border-top: 3px solid #FF9000;
border-right: 3px solid #FF9000;
position : relative; 
}
#pub250{
position : relative;
margin-top: 150px;
padding-left: 4%;
padding-bottom: 15px;
color: #FFF;
margin-right: -29%;
float: right;
}
#carteid img{
max-width: 160px;
max-height: 100px;
background-image: url("/img/site/avatar/rien.gif");
border: 3px solid #FFFFFF;
border-top: 3px solid #FF9000;
border-right: 3px solid #FF9000;
position : relative; 
}
.block a:hover{
color: #FF5C00;
}

#trackback{
margin-top: 5px;
width: 100%;
color: #000;
font : 12px Verdana, Arial, sans-serif;
background-color: #FFF;
}
#trackback input{
color: #FFF;
width: 92%;
margin-top: 2px;
margin-right: 4%;
margin-left: 4%;
background-color: #C0C0C0;
border: 0px;
}
#bottom{
margin-top: 20px;
padding-left: 6%;
float: left;
text-align: left;
height: 50px;
width: 94%;
color: #fff;
font : 11px Verdana, Arial, sans-serif;
background-image: url("/img/site/backbottom/back.jpg");
background-position: bottom;
background-repeat: repeat-x;
background-color: #000000;
}
#bottom a{
color: #FF9000;
}
#bottom a:hover{
color: #333333;
}
#center{
margin-top: 0px;
width:500px;
margin-left: 5%;

}
#navigation {
margin-top: 70px;
float: left;
color: #FFFFFF;
font : 10px Verdana, Arial,sans-serif;
}
#navigation a{
font : 12px Verdana, Arial,sans-serif;
color: #434343;
}
#navigation a:hover{
color: #FFF;
}
#navigation strong{
font : 16px Verdana, Arial,sans-serif;
color: #FFFFFF;
}

#pub{
margin-top: 25px;
float: left;
text-align: left;
}
#pub .ecran-pub img{
max-width: 1800px;
min-width: 900px;
height: 470px;
}
#pubtext {
position: absolute;
margin-left: 8%;
margin-top: 200px;
float: left;
font: 18px Arial, sans-serif; text-decoration:none; color: #FFF;
font-weight: bold;
font-style: italic;
text-align: center;
text-shadow: 0px 0px 10px;
}
#infor a {text-decoration:none; color: #FF9000;
font : 10px "Verdana",sans-serif;
text-shadow: white 1px 1px 2px;
}
#infor a:hover {color: #FFF}
#infor img {border: 0px; border-color: #FFFFFF;}
#infor h5{
padding: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 10px;
font : 15px Arial;
color: #000;
text-transform : uppercase;
}
#infor{
float: left;
margin-left: 7px;
color: #333333;
font : 12px Arial;
}
#menu{
color: #FFFFFF;
}

#menu ul {
margin-top: -16px;
margin-left: 50%;
list-style-type: none;
padding-left: 10%;

}

#menu li {
float: left;
}

#menu .menu a {
width: 35px;
height: 35px;
display: block;
text-align: center;
text-decoration: none;
color: #FFFFFF;
margin-left: 3px;

}


#menu .menu a span {
display: none;
text-align: center;
}

#menu .menu a:hover span {
display: block;
color: #FFFFFF;
font : 8px Verdana, Arial, sans-serif;
}
.quote{
text-align: left;
border: 2px solid #FF9000;
border-left: 10px solid #FF9000;
padding-right: 1%;
padding-left: 1%;
margin-left: 3%;
margin-right: 3%;
color: #FFF;
width: 91%;
background: #041e38;;
}
.quote a{
color: #000
}
.image{
margin: auto;
border: 5px solid #C0C0C0;
max-height: 1024px;
max-width: 700px;
}
#un{
width: 300px;
margin-top: -55px;
margin-left: -30px;
color: #000;
height: 10px;
}
#deux {
width: 230px;
margin-top: -55px;
text-align: left;
margin-left: -38px;
color: #000;
height: 10px;
}
#trois {
width: 230px;
margin-top: -55px;
text-align: left;
margin-left: -76px;
color: #000;
height: 10px;
}
#quatre {
width: 230px;
margin-top: -55px;
margin-left: -117px;
text-align: center;
color: #000;
height: 10px;
}
#cinq {
width: 230px;
margin-top: -55px;
margin-left: -155px;
color: #000;
height: 10px;
}
#six {
width: 230px;
margin-top: -55px;
margin-left: -193px;
color: #000;
height: 10px;
}
#jaune {background: url("/img/site/icon/accueil.jpg") no-repeat transparent 0 -25px;}
#jaune :hover {background: url("/img/site/icon/accueil.jpg") no-repeat #010d1a 0 3px;}
#orange{background: url("/img/site/icon/rss.jpg") no-repeat transparent 0 -25px;}
#orange :hover {background: url("/img/site/icon/rss.jpg") no-repeat #010d1a 0 3px;}
#rouge {background: url("/img/site/icon/forum.jpg") no-repeat transparent 0 -25px;}
#rouge :hover {background: url("/img/site/icon/forum.jpg") no-repeat #010d1a 0 3px;}
#violet {background: url("/img/site/icon/team.jpg") no-repeat transparent 0 -25px;}
#violet :hover {background: url("/img/site/icon/team.jpg") no-repeat #010d1a 0 3px;}
#bleu {background: url("/img/site/icon/scantrad.jpg") no-repeat transparent 0 -25px;}
#bleu :hover{background: url("/img/site/icon/scantrad.jpg") no-repeat #010d1a 0 3px;}
#vert {background: url("/img/site/icon/faq.jpg") no-repeat transparent 0 -25px;}
#vert :hover {background: url("/img/site/icon/faq.jpg") no-repeat #010d1a 0 3px;}