.vignette{
  width: 50px;
  height: 50px;
  box-shadow:2px 2px 5px 5px #79a5d8;
  background-color: white;
  display: flex;
  flex-direction: column;

}
.toolbar{
  right:13px;
  top: 150px;
  position: absolute;
}
.icon1{
  background-image: url(coeur.png);
  width: 50px;
  height: 50px;
  z-index: 1;
}
a.bulle span{
  display: none;
}
.bulle:hover span{
  display: block;
  width: 135px;
  text-decoration: none;
  margin-left: -158px;
  background-color: black;
  text-align: center;

}
.bulle:hover:hover{
  text-decoration: none;
}
.icon2{
  background-image: url(facebook.png);
  width: 50px;
  height: 50px;
  z-index: 1;
}
.icon3{
  background-image: url(mail.png);
  width: 50px;
  height: 50px;
  z-index: 1;
}