
body {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background:url('images/bg.gif');
background-repeat:repeat-x;
background-color:#f136be;
}


#header {
background:url('images/logo.jpg');
height:350px;
}

#header h1{
margin:0px;
position:absolute;
top:110px;
left:20px;
color:#c1479e;
}

#header p{
position:absolute;
top:30px;
width:580px;
padding:110px 20px;
}

#header p.cat{
position:absolute;
top:150px;
left:100px;
width:360px;
}

.titrejeu{

display:block;
padding:2px;
color:#b92b08;
font-family:Arial;

}

.jeu{
background-color:#000000;
display:block;
width:640px;
margin:0px;
height:420px;
text-align:center;
float:left;
z-index: 0;
padding:5px;
}


.jeuhome{
width:900px;
margin:0px;
text-align:center;
float:left;
z-index: 0;
padding:0px;
}

.meta-jeu{
background-color:#cee8ef;
float:right;
width:245px;
margin:0px;
padding:0px;
height:430px;
}




.titrejeu H1{
width:900px;
margin:4px;
color:#5d5959;
font-family:arial;
text-align:left;
font-size:28px;
}
.desc-jeu{
width:65%;
margin:2px;
float:left;
padding:5px;
margin:0px;
color:#7b969d;
font-family:arial;
font-weight:lighter;
font-size:17px;
text-align:justify;
}

.touche-jeu{
text-align:center;
background-color:#000000;
float:right;
margin:4px;
width:240px;
padding:5px;
margin:0px;
color:#ffffff;
font-family:arial;
font-weight:lighter;
font-size:17px;

}
#conteneur {
position: relative;
width: 900px;
margin: 0 auto; 
}
#centre {
min-height:400px;
}
#centre img{
border:0px;
}

#conteneur2 {
position: relative;
width: 900px;
margin: 0 auto; 
}
#centre {
min-height:400px;
}
#centre img{
border:0px;
}


#centre a:link {

    color: #ffffff;
    margin:4px;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;

}
#centre a:visited {

    color: #3399FF;
    text-decoration: underline;
    font-weight: normal;


}
#centre a:hover {

    color: red;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;

}
#centre a:active {

    color: #FF0000;

    text-decoration: none;
    font-weight: normal;
    font-style: normal;

}




#pied {
height: 80px;
}

h2{
color:#ffffff;
font-weight:lighter;
font-size:15px;
padding:2px 10px;
font-family:arial;
margin:0px;
}

p {margin: 0 0 10px 0;}



#stylefour{position:relative;display:block;height:39px;font-size:20px;font-weight:bold;background:transparent url(/code/style4/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}

#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}


#stylefour ul li{display:block;float:left;margin:0;}

#stylefour ul li a{display:block;float:left;color:#ffffff;text-decoration:none;padding:0px 10px 8px 10px;height:23px;background:transparent url(/code/style4/images/bgDIVIDER.gif) no-repeat top right;}

#stylefour ul li a:hover,#stylefour ul li a.current{color:#f68558;background:#fff url(images/bgON.gif) no-repeat top right;}

.tdtop{
background:url('images/fondtd.gif');
background-repeat:repeat-x;
text-align:center;
width:300px;
padding:0px 0px 0px 0px;
}


.tdtop a{
color:#000000;
padding-left:12px;
font-size:10px;
}

.tdtop a:hover{
color:#000000;
}
