.mapimage{
    display:inline-block;
    width:100%;
    overflow:hidden;
  }
 
  .conteneur-image{position:relative;}
  .conteneur-image img{position:relative; width:100%;}
  .mapimage ol, .mapimage li
	{
    margin:0;
    padding:0;
    list-style:none;
  }
  
  .mapimage ol{ 
    width : 100%;
    /* si vous devez mettre un contenu */
    position:relative;
  }
 
.mapimage ol{ 
  position:absolute;
  width:100%; 
  height:100%;
  left:0;
  top:0;
}
/*le lien s'adapte au dimension du li */

.mapimage a:visited,
.mapimage a:link,
.mapimage ol a{
 /* border:1px solid #000;*/
  display:block;
  width:100%;  height:100%;
  white-space : nowrap;
  overflow:hidden;
  text-decoration:none;
  text-indent:100%;
}

.mapimage li{
  /*border:1px solid green;
  border-radius:5px; */
  display:block;
  background:rgb(0, 0, 0);
   opacity:0.6;
  line-height:0;
  position:absolute;
}

.mapimage li.laplace:hover, .mapimage li.statue1:hover, .mapimage li.arago:hover, .mapimage li.statue2:hover , .mapimage li.leverrier:hover {
	 opacity:0;

  }
/* utilisation des % pour responsive */
.mapimage li.haut
{

  left :0; 
  top:0;
  width :100%;
  height:12.5%;
}
.mapimage li.laplace{

  left :0; 
  top:13%;
  width :28%;
  height:40%;
  /*border-radius : 50%;*/
}
.mapimage li.statue1{

  left :28%; 
  top:13%;
  width :9%;
  height:88%;
  /*border-radius : 50%;*/
}
.mapimage li.arago{

  left :37%; 
  top:13%;
  width :24%;
  height:40%;
}

.mapimage li.statue2{

	left :61%; 
	top:13%;
	width :9%;
	height:88%;
	/*border-radius : 50%;*/
  }
  .mapimage li.leverrier{

	left :70%; 
	top:13%;
	width :30%;
	height:40%;
	/*border-radius : 50%;*/
  }

/*
  .mapimage li.centrebas{

	left :20%; 
	top:65%;
	width :58%;
	height:25%;
  }  */
  .mapimage li.basd{

	left :0%; 
	top:52%;
	width :28%;
	height:48%;

  }
  .mapimage li.basc{

	left :37%; 
	top:52%;
	width :24%;
	height:48%;

  }

    .mapimage li.basg{

	left :70%; 
	top:52%;
	width :30%;
	height:48%;

  }