.zoom {
position: static;
z-index: 3;
width: 100px;
height: 30px;
}
.zoom p {
}
.zoom img {

width: 70px;
height: 20px;
}
.zoom img:hover, .zoom img:focus {
clear: both;
left: -15px;
visibility: visible;
width: 100px;
height: 30px;
top: -5px;
position: relative;
box-shadow: 0 0 100px #CDBE9F inset, 0 0 30px #BEAE8C inset, 0 0 30px #b6a684;
}
.coin {
background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:1px;
/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 0;
-webkit-border-radius:10px 0;
border-radius:10px 0;
}
#sg {
z-index: 3;
position: absolute;
width: 70px;
heigth: 20px;
left: 0px;
top: 0px;
}
#sg:hover {
}
#sg div {
position: relative;
display: none;
top: 0px;
z-index: 3;
}
#sg:hover div {
display: block;
}
#an {
z-index: 2;
position: absolute;
width: 70px;
heigth: 20px;
left: 0px;
top: 20px;
}
#an:hover {
}
#an div {
position: relative;
display: none;
top: 0px;
z-index: 3;
}
#an:hover div {
display: block;
}

#fav {
z-index: 3;
position: absolute;
width: 70px;
heigth: 20px;
left: 70px;
top:0px;
}
#fav:hover {
}
#fav div {
position: relative;
display: none;
left: -10px;
top: -30px;
z-index: 3;
}
#fav:hover div {
display: block;
}

#maree {
z-index: 2;
position: absolute;
width: 70px;
heigth: 20px;
left: 70px;
top: 20px;
}
#maree:hover {
}
#maree div {
display: none;
left: 0px;
top: 0px;
position: absolute;
}
#maree:hover div {
display: block;
}