@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------
# Infobulles
--------------------------------------------------------------*/
.info-bulle {
  display: inline;
  position: relative;
}
.info-bulle:hover:after {
  background: #E74B76;
  background: rgba(231, 75, 118, .95);
    border-radius: 10px 30px;
  bottom: 30px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  content: attr(title);
  right: -78%;
  padding: 5px 15px;
  position: absolute;
  z-index: 999;
  width: 270px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
}
.info-bulle-2 {
  display: inline;
  position: relative;
}
.info-bulle-2:hover:after {
  background: #FFF;
  background: rgba(255, 255, 255, 1);
    border-radius: 10px 30px;
  bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #000;
  text-align: justify;
  content: attr(title);
  right: -90%;
  padding: 5px 15px;
  position: absolute;
  z-index: 999;
  width: 300px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.80);
}
.info-bulle-3 {
  display: inline;
  position: relative;
}
.info-bulle-3:hover:after {
  background: #b93039;
  background: rgba(185, 48, 57, .95);
  border-radius: 10px 30px;
  bottom: 30px;
  font-size: 14px;
  font-weight: 320;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff;
  text-align: justify;
  content: attr(title);
  right: -120%;
  padding: 5px 15px;
  position: absolute;
  z-index: 999;
  width: 320px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.80);
}