.jeu-de-role{
width:600px;
max-width:600px;
background: url(../img/index/fantastique.jpg) left top no-repeat;
overflow: hidden;
float: left;
}
.Labyrinth{
padding-left:257px;;
background: url(../img/index/labyrinth-jdr.jpg) right no-repeat;
display: block;
width : 343px;
height:189px;
}
.menu{
padding-left:72px;
background: url(../img/index/menu.jpg) left top no-repeat;
width:600px;
height:238px;
}
.menu a{
display: block;
}
.menu .decouverte{
width:528px;
height: 79px;
background: url(../img/index/dedale.jpg) right no-repeat;
}
.menu .decouverte a{
width:254px;
height:79px;
background: url(../img/index/decouverte.jpg) no-repeat;
}
.menu .niv2{
width: 528px;
height:159px;
background: url(../img/index/galerie.jpg) left no-repeat;
}
.menu .gamme{
float: right;
width:440px;
height:55px;
background: url(../img/index/gamme2.jpg) right no-repeat;
}
.menu .gamme a{
width: 218px;
height: 55px;
background: url(../img/index/gamme.jpg) no-repeat;
}
.menu .niv3{
float: right;
width: 440px;
height:104px;
background: url(../img/index/jeu-de-role.jpg) left no-repeat;
}
.menu .telechargement{
float: right;
width:321px;
height:52px;
background: url(../img/index/vide.jpg) top right no-repeat;
}
.menu .telechargement a{
width: 248px;
height:52px;
background: url(../img/index/telechargement.jpg) no-repeat;
}
.menu .contact{
float: right;
width: 321px;
height: 52px;
background: url(../img/index/vide2.jpg) no-repeat;
}
.menu .contact a{
width: 155px;
height: 52px;
background: url(../img/index/contact.jpg) no-repeat;
}
.informations{

width: 600px;
height: 67px;
background: url(../img/index/informations.jpg) left no-repeat;
}
.ssmenu{
float:right;
width: 392px;
height : 67px;
background: url(../img/index/ssmenu.jpg) right no-repeat;
}
.ssmenu a{
text-decoration: none;
}
.ssmenu ul{
padding: 0px;
margin: 0px;
}
.ssmenu li{
padding: 0px;
margin: 0px;
}
.ssmenu .left{
float: left;
text-align: right;
width:105px;
}
.ssmenu .left a{
padding-right:25px;
margin: 0px;
margin-right: 5px;
background-position: right; 
background-repeat: no-repeat;
}
.ssmenu .left a#general{
background: url(../img/puces/blanc.png) right no-repeat;
}
.ssmenu .right{
padding: 0px;
float: left;
width:196px;
border-left: 1px solid gray;
}
.ssmenu .right a{
margin: 0px;
margin-left: 5px;
padding-left: 25px;
background-position: left; 
background-repeat: no-repeat;
}
.contenu{
width:481px;
height:506px;
background: url(../img/index/necrose.jpg) left no-repeat;
padding-left:119px;
}
.contenu .text{
float: left;
width: 349px;
height:506px;
background: url(../img/index/content.jpg) no-repeat;
overflow: hidden;
}
.contenu .text p{
padding:8px;
padding-top: 0px;
}
.contenu .right{
float: right;
width:132px;
height: 506px;
background: url(../img/index/rpg.jpg) right;
}
.personnage{
float:left;
width:380px;
height: 1000px;
background: url(../img/index/perso4.jpg) right bottom no-repeat;
}
.personnage .by{
display: block;
float: left;
margin-top:120px;
}
.perso1{
float: left;
width: 380px;
height: 189px;
background: url(../img/index/perso1.jpg) no-repeat;
}
.perso2{
float: left;
width: 380px;
height: 245px;
background: url(../img/index/perso2.jpg) no-repeat;
}
.perso2 a{
margin-top:100px;
display: block;
width: 150px;
height: 130px;
background: url(../img/index/pre-commande.png) no-repeat;
}
.perso3{
float: left;
width: 380px;
height: 292px;
background: url(../img/index/perso3.jpg) no-repeat;
}