.trombinoscope-talents {
  margin-bottom: 20px;
  zoom: 1;
}
.trombinoscope-talents:before {
  content: '';
  display: block;
}
.trombinoscope-talents:after {
  content: '';
  display: table;
  clear: both;
}
.trombinoscope-talents .talent {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 2px;
  float: left;
  display: block;
  background-color: #006673;
  opacity: 0.6;
}
.trombinoscope-talents .talent .talent-portrait {
  width: 100px;
  float: left;
}
.trombinoscope-talents .talent .talent-infos {
  display: none;
  background: url('../img/bg-talent.jpg') no-repeat 180px center #006673;
  color: #ffffff;
  width: 208px;
  height: 100px;
  float: left;
  padding: 10px;
  padding-right: 40px;
  font-weight: 300;
  font-size: 0.9em;
}
.trombinoscope-talents .talent .talent-infos .talent-nom {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 1.3em;
}
.trombinoscope-talents .talent.empty {
  opacity: 1 !important;
}
.trombinoscope-talents .talent:hover,
.trombinoscope-talents .talent.active {
  opacity: 1;
}
.trombinoscope-talents .talent.active {
  width: auto;
  opacity: 1;
}
.trombinoscope-talents .talent.active .talent-infos {
  display: block;
}