body{
background-color:#e3c99a;
overflow:hidden;
}
#bande{
position:absolute;
background-color: #89B440;
z-index:-1;
}
#back{
position:absolute;
}
#all{
overflow-x:hidden;
overflow-y:scroll;
padding:30px;
background:#AF8E65;
font-family: "Lucida Grande","Helvetica,Arial","Verdana","sans-serif";
color:white;
width:900px;
margin:0 auto 0 auto;
-webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
box-shadow: 1px 1px 5px 1px #7e7e7e;
margin-top:-10px;
}
#titre{
font-size:30px;
text-align:center;
}
#bts img{
float:right;
height:100;
width:100;
margin-top:210px;
}
#btp img{
float:left;
height:100;
width:100;
margin-right:50px;
margin-top:210px;
}
#img{
float:left;
width:600px;
height:450px;
margin-top:30px;
-webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
box-shadow: 1px 1px 5px 1px #7e7e7e;
}
#description {
padding:10px;
margin-top:30px;
margin-bottom:40px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
box-shadow: 1px 1px 5px 1px #7e7e7e;
float:left;
width:600px;
margin-left:150px;
text-align:justify;
}
#pano {
margin-top:30px;
margin-bottom:60px;
border-radius: 4px;
float:left;
width:550px;
margin-left:180px;
text-align:center;
-webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
box-shadow: 1px 1px 5px 1px #7e7e7e;
}
#ban{
width:650px;
height:85px;
margin-top:80px;
margin-left:155px;
}
#ban img{
float:left;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
box-shadow: 1px 1px 5px 1px #7e7e7e;
margin-left:2px;
}
#ban img:hover{
opacity:0.5;
}
#btp img:hover{
opacity:0.5;
}#bts img:hover{
opacity:0.5;
}
#play a:hover{
background-color:#685c4e;
color:orange;
border:solid 2px #685c4e;
border-radius: 4px;
}
#play {
width:80px;
height:80px;
border:solid 2px white;
border-radius: 4px;
margin-top:510px;
text-decoration:none;
}
#play a{
color:white;
text-decoration:none;
}