body {
background : #808080 url(bg.jpg) repeat-y top center;
padding : 0% 5% 1%;
margin :  auto;
max-width : 1100px;
font-size : 0.8em;
font-family : arial;
color : #FFF;
}
.astuce, .erreur {
border : 1px solid #000;
font-size : 1.8em;
background : #000;
color : FF0;
margin : 65px auto;
padding : 40px;
}

.center {
text-align : center;
}

.tt {
width : 100%;
margin : 40px auto 30px;
padding : 30px 0 10px;
border : 1px solid #600;
background : #550000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}




.gg {
margin-top : 120px;
width : 520px;
vertical-align : top;
text-align : center;
}
.gg p {
margin : 0px 80px;
font-size : 0.8em;
color : #abf;
}

.gg a {
color : #960;
font-weight : bold;
font-size : 1.4em;
display : block;
text-align : center;
margin-top : 5px;
}
.gg a:hover {
color : #f00;
}

.dd {
width : 477px;
vertical-align : top;
}
.formulouf {
width : 440px;
color : #ff8;
margin : 0 auto 0;
background : #4d0000;
border : 1px solid #600;
padding : 5px 15px 15px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.formulouf input[type=text], .formulouf input[type=password] {
width : 200px;
background : #ffa;
border : 1px solid #300;
color : #888;
}
.formulouf input[type=text]:focus, .formulouf input[type=password]:focus {
background : #fff;
color : #000;
}
.formulouf input[type=submit] {
font-size : 2.4em;
font-weight : bold;
padding : 15px 0;
width : 203px;
text-align : center;
margin-top : 15px;
background : #6e4000;
border : 1px solid #300;
color : #000;
}
.formulouf input[type=submit]:focus, .formulouf input[type=submit]:hover {
background : #fff;
cursor : pointer;
color : #000;
}
.formulouf h2 {
color : #ff0;
}
.formulouf .tablo {
width : 100%;
}
.formulouf .tablo td{
width : 50%;
vertical-align : top;
}
.formulouf p{
font-size : 0.8em;
color : #950;
}
.formulouf img{
vertical-align : middle;
}


.gamess {
width : 420px;
text-align : center;
background : #3d0000;
border : 1px solid #600;
margin : 5px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

}
.gamess td{
padding-right : 20px;
}
.gamess .tg{
width : 200px;
text-align : right;
}


.tt h4 {
color : #fff;
font-size : 2.6em;
text-align :center;
margin : 20px;
margin-top : 40px;
}
.tt h5 {
color : #a00;
font-size : 1.5em;
text-align :center;
margin : 20px;
}

.pub {
margin : auto;
width : 836px;
height : 90px;
}
.pub img{
margin : auto;
border : 2px inset #700;
}
.pub h6{
float : left;
width : 100px;
height : 80px;
font-size : 2.2em;
text-align : center;
background : #300;
padding : 0;
padding-top : 10px;
margin : 0;
border : 2px outset #700;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}



.naga {
margin : 30px auto;
text-align : center;
color : #722;
width : 800px;
}
.naga td {
width : 50%;
}














#free {
position : absolute;
top : 5px;
right : 50%;
margin-right : -620px;
}


























#infos {
width : 100%;
}
#infos td {
vertical-align : top;
width : 33%;
}

#infos h1 {
padding : 10px;
margin : 0;
margin-top : 15px;
text-align : center;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border : 1px solid #000;
}
#infos h3 {
padding : 5px;
border-right : 1px solid #000;
text-align : center;
border-left : 1px solid #000;
margin : 0;
}
#infos p {
padding : 10px;
margin : 0;
text-align : justify;
border : 1px solid #000;
background : #fff;
}


#infos #ql h1 {background : #500;color : #FF0;}
#infos #ql h3 {background : #700;color : #FF5;}
#infos #ql p {color : #400;}
#infos #sc h1 {background : #005;color : #FF0;}
#infos #sc h3 {background : #007;color : #FF5;}
#infos #sc p {color : #004;}
#infos #tm h1 {background : #050;color : #FF0;}
#infos #tm h3 {background : #070;color : #FF5;}
#infos #tm p {color : #040;}