html{
 width:1500px;
 height: 700px;
}

body{
margin: 0px;
background: #b2cad9;
}
.perso{
position: absolute;
top:0px;
left:0px;
width:80px;
height:140px;
min-width: 80px;
min-height:20px;
background-image: url('../sprites/tajib.png');
background-position:;
}
#chargement{
position: relative;
top:300px;
margin-left: 300px;
}
header{
top: 200px;
left: 80px;
position:absolute;
/*padding: 300px 400px;*/
display:inline-block;
text-align: left;
height:60px;
margin-bottom: -50px;
}
header a{
text-decoration: none;
background-color: #7D96A0;
padding: 15px 15px;
width: 250px;
margin: auto;
margin-left: 300px;
color: white;
box-shadow: 5px 5px 0px #52595E;

/*border-bottom:solid 5px  #52595E ;
border-right: solid 5px  #52595E ;*/
}

header a:hover{
background-color: #52595E;

box-shadow: 5px 5px 0px #52595E;
}

nu
{position: fixed;
float: left;
top:0px;
bottom:0px;
}

#map{
position: relative;
max-width: 1900px;
/*width: 950px;*/
max-height: 600px;
font-size:0;
margin-top:-30px;
}
#control{
position: absolute;
width:150px;
height:150px;
top:500px;
left: 800px;
background-image: url ('../sprites/item.png');
z-index: 100;
}
.posmap{
background-image: url('../sprites/map2.png');
display: inline-block;
width:50px;
height:50px;
}
.surmap{
position: absolute;
/*width: 50px;
height: 50px;*/
}
.autel{
background-image: url('../sprites/autel1.gif');
position: absolute;
width: 50px;
height: 100px;
top:400px;
left: 50px;
}
.autel2{	
background-image: url('../sprites/autel2.gif');
position: absolute;
width: 50px;
height: 100px;
top:50px;
left: 400px;
}
.autel3{
background-image: url('../sprites/autel3.gif');
position: absolute;
width: 50px;
height: 100px;
top:0px;
left: 1050px;
}
.autel4{
background-image: url('../sprites/autel4.gif');
position: absolute;
width: 50px;
height: 100px;
top:500px;
left: 1200px;
}