.tippy{
  position : absolute;
  top:0;
  left:0;
  max-width: 50%;
  background:#FFB300;
  padding : 3px 10px;
  font-size: 0.815em;
  color: black;
  border-radius:100px 100px 3px 3px;
  opacity:0;
  transform : rotateX(90deg);
  transform-origin:50% 100%;
  transition: opacity 0.3s, transform 0.3s, border-radius 0.3s;
}

.tippy::after{
  content:'';
  position: absolute;
  top:100%;
  left:50%;
  margin-left:-6px;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid #FFB300;
}

.tippy.visible{
  opacity:1;
  border-radius:3px;
  transform:rotateX(0);
}

.mot{
  font-weight:bold;
  text-decoration: underline;

}

.definition{
  font-style: italic;
}