/*affichage de l'image */

a {
	color:#fff;
        border:none;
	text-decoration:none;
}
a:visited{
    color:#fff;
    border:none;
	text-decoration:none;
}
a:hover{
    color:#fff;
    border:none;
	text-decoration:none;
}
.vignette span{
    position:absolute;
    background-color:#fff;
    text-decoration:none;
    padding:5px;
    visibility:hidden;
}
.vignette:hover span{
    width:auto;
    height:auto;
    top:0;
    left:-630px;
   z-index:50;
    visibility:visible;
    border:3px solid #fff;
    -moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:0 0 10px #ccc;
-moz-box-shadow:0 0 10px #ccc;
box-shadow:0 0 10px #ccc;

}
/*image1*/
.map .img1 .point1{
    top:50px;
    left:20px;
}



.map .img1 dt{
    position:absolute;
    width:20px;
    height:20px;
    line-height:120%;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    background-color:transparent;
    z-index:2;
    text-shadow: 2px 2px 5px #000;
    filter: dropshadow(color=#000, offx=2, offy=2); 
}
.map .img1 dd a span{
    
    line-height:120%;
    font-size:12px;
    color:#000;
    text-shadow:0 0 3px #9daac4;
    background-color:#fff;/*rgba(0,0,0,.3)*/
    border:1px solid #fff;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 0 3px #ccc;
    -moz-box-shadow:0 0 3px #ccc;
    box-shadow:0 0 3px #ccc;
    display:none;
}
.map .img1 dd a:hover span{
    display:block;

}
.map .img1 dd a{
    width:190px;
    height:50px;
    position:absolute;
    
    z-index:3;
    /*affichage explication*/
}

.map .img1 .expl1 a{
    top:50px;
    left:20px;    
    
}




/*fin image1*/

/*image2*/

.map .img2 .point2{
    top:200px;
    left:20px;

}



.map .img2 dt{
    position:absolute;
    width:20px;
    height:20px;
    line-height:120%;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    background-color:transparent;
    z-index:2;
    text-shadow: 2px 2px 5px #000;
filter: dropshadow(color=#000, offx=2, offy=2); 
    
}
.map .img2 dd a span{
    
    line-height:120%;
    font-size:12px;
    color:#000;
    background:rgba(0,0,0,.5);
    border:1px solid #ccc;
    text-shadow:0 0 3px #9daac4;
    background-color:#fff;/*rgba(0,0,0,.3)*/
    border:1px solid #fff;
    -moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 3px #ccc;
-moz-box-shadow:0 0 3px #ccc;
box-shadow:0 0 3px #ccc;
    display:none;
    
}
.map .img2 dd a:hover span{
    display:block;
    
}
.map .img2 dd a{
    width:190px;
    height:50px;
    position:absolute;
    z-index:3;
    /*affichage explication*/
}



.map .img2 .expl2 a{
  top:200px;
    left:20px;
}

/*fin image2*/

/*image3*/

.map .img3 .point3{
    top:350px;
    left:20px;

}



.map .img3 dt{
    position:absolute;
    width:20px;
    height:20px;
    line-height:120%;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    background-color:transparent;
    z-index:2;
    text-shadow: 2px 2px 5px #000;
filter: dropshadow(color=#000, offx=2, offy=2); 
    
}
.map .img3 dd a span{
    
    line-height:120%;
    font-size:12px;
    color:#000;
    background:rgba(0,0,0,.5);
    border:1px solid #ccc;
    text-shadow:0 0 3px #9daac4;
    background-color:#fff;/*rgba(0,0,0,.3)*/
    border:1px solid #fff;
    -moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 3px #ccc;
-moz-box-shadow:0 0 3px #ccc;
box-shadow:0 0 3px #ccc;
    display:none;
    
}
.map .img3 dd a:hover span{
    display:block;
    
}
.map .img3 dd a{
    width:190px;
    height:50px;
    position:absolute;
    z-index:3;
    /*affichage explication*/
}



.map .img3 .expl3 a{
  top:350px;
    left:20px;
}
/*fin image3*/

/*image4*/

.map .img4 .point4{
    top:500px;
    left:20px;

}



.map .img4 dt{
    position:absolute;
    width:20px;
    height:20px;
    line-height:120%;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    background-color:transparent;
    z-index:2;
    text-shadow: 2px 2px 5px #000;
filter: dropshadow(color=#000, offx=2, offy=2); 
    
}
.map .img4 dd a span{
    
    line-height:120%;
    font-size:12px;
    color:#000;
    background:rgba(0,0,0,.5);
    border:1px solid #ccc;
    text-shadow:0 0 3px #9daac4;
    background-color:#fff;/*rgba(0,0,0,.3)*/
    border:1px solid #fff;
    -moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 3px #ccc;
-moz-box-shadow:0 0 3px #ccc;
box-shadow:0 0 3px #ccc;
    display:none;
    
}
.map .img4 dd a:hover span{
    display:block;
    text-decoration : none;
}
.map .img4 dd a:active span{
    display:block;
    text-decoration : none;
}

/*.map .img4 dd a:visited span{
    display:block;
    text-decoration : none;
}*/
.map .img4 dd a{
    width:190px;
    height:50px;
    position:absolute;
    z-index:3;
    /*affichage explication*/
}



.map .img4 .expl4 a{
  top:500px;
    left:20px;
}
/*fin image4*/