/*------------------- info-bulles ---------------------*/
.info-bulle { position: relative; }
.info-bulle:hover:after,
.info-bulle:focus:after {
  content: attr(aria-label);
  position: absolute;
  top: +3.3em;
  left: 50%;
  transform: translateX(-50%); 
  z-index: 1;
  white-space: nowrap;  
  padding: 4px 5px;
  background: #e6e8ec;
  color: #333;
  border-radius: 4px;
  border: 1px solid #000;
  font-size: 9px;
  font-weight: normal;
  text-transform:uppercase;
  letter-spacing:0px;
  
  opacity: 0;
  animation-name: change_opacite;
  animation-iteration-count: 1;
  animation-duration: 1s;  
}

.bulle_right:hover:after { left:100% !important; transform:translateX(-100%) !important; }
.bulle_left:hover:after { left:0% !important; transform:translateX(0%) !important; }
.info-bulle-bottom {  }

/* pas de contour durant le :focus */
[aria-label]:focus { outline: none; }


@keyframes change_opacite {
  0% 	{ opacity: 1; } 
  100%  { opacity: 1; }
}