*{margin:0;padding:0;}
html{
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
font-size:x-small;
color:#333;
background:#f30;
}

a,a:link {color:#333;}
a:visited {color:#333;}
a:hover,a:active {color:#555;text-decoration:none;}

img, a img{border:0;}

a span{display:none;}

h1,h2,h3,h4,h5,h6{font-size:1.0em;font-weight:normal;}

.input{
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
font-size:x-small;
width:70px;
height:25px;
border:0;
background:url(/data/img/input.gif) no-repeat 0 0 #FC0;
padding:6px 13px 0;
//padding-top:8px;
line-height:1.0em;
}

.red{color:#F30;}

#container{
width:687px;
margin:0 auto 0;
font-size:1.1em;
}


#head{
width:100%;
height:184px;
background:url(/data/img/top.jpg) no-repeat 0 0;
position:relative;
}
#head a{
display:block;
width:100%;
height:100%;
}

#logo{
position:absolute;
top:22px;
width:246px;
height:62px;
}

#enregister{
position:absolute;
right:0;
width:164px;
height:163px;
background:url(/data/img/label.jpg);
}







#main{
width:654px;
background:url(/data/img/bg.gif) repeat-y 0 0 #ffdd56;
}






#line{height:51px;position:relative;}

#line .line{
height:33px;
float:left;
background:url(/data/img/null.gif) no-repeat 0 0;
padding-top:18px;
}

#line #line-yellowbig{
width:577px;
background-image:url(/data/img/surface-yellow.gif);
padding-left:17px;
}
#line #line-aide{
width:60px;
background-image:url(/data/img/surface-aide.gif);
}
#line-aide a, #line-deconnexion a, #line-jouer a{
display:block;
width:100%;
height:51px;
position:relative;
top:-18px;
}
#line #line-deconnexion{
float:right;
width:132px;
background-image:url(/data/img/deconnexion.gif);
position:absolute;
top:0;
right:60px;
}
#line #line-jouer{
float:right;
width:182px;
background-image:url(/data/img/jouer.gif);
position:absolute;
top:0;
right:192px;
}



#line .oneblock{
float:left;
height:38px;
padding-right:15px;
}
#line .inputblock label{
float:left;
height:38px;
padding-right:5px;
}
#line .inputblock .input{
position:relative;
top:-18px;
float:left;
}
#line .okbutton{
position:relative;
top:-15px;
}




#content{
padding:7px 0 0 22px;
float:left;
width:624px;
position:relative;
}




#rightline{
width:32px;
height:95%;
float:right;
}
#rightline .arrow{
width:21px;
height:23px;
position:absolute;
background:url(/data/img/null.gif) no-repeat 0 0 #f30;
}
#rightline .arrow a{
display:block;
width:100%;
height:100%;
}
#rightline #arrow-top{
top:3px;
background-image:url(/data/img/arrow-top.gif);
}
#rightline #arrow-bottom{
bottom:3px;
background-image:url(/data/img/arrow-bottom.gif);
}







#text{
float:left;
width:580px;
overflow:hidden;
padding-bottom:15px;
}




#text h1{
margin-bottom:0.5em;
font-size:1.25em;
font-weight:bold;
}
#text h2{
margin-bottom:0.25em;
font-size:1.1em;
font-weight:bold;
}

#text p.right{
float:right;
padding:0 0 0.2em 0.5em;
}
#text p{
margin-bottom:1em;
}


#text a img,a:link img{border:2px solid #ff3400;}
#text a:visited img{border:2px solid #ff3400;}
#text a:hover img, #text a:active img{border:2px solid #ff3400;}


#footer{
background:url(/data/img/footer-bg.gif) repeat-y 0 0 #f30;
}
#footer-top{
height:11px;
width:100%;
background:url(/data/img/footer-top.gif) no-repeat 0 0;
}
#footer-bottom{
height:26px;
width:100%;
background:url(/data/img/footer-bottom.gif) no-repeat 0 0;
}
#footer-main{
padding:0 22px;
color:#FFF;
text-align:center;
}
#footer-main p{margin-bottom:1em;}

#banner{
width:478px;
height:69px;
background:url(/data/img/banner.gif) no-repeat 0 0;
margin:0 auto;
padding:3px;
/padding:5px 0 0;
}
#banner img{display:block;}