.conteneur /* div principale contenant 2 autres div*/
{
  width:500px;
  height:575px;
}

.gandalf /* image à l'interieur du div principal  */
{
  width: 100%;
  height:auto;
  opacity:0.5;
}


.nom  /* div du nom Gandalf */
{
  position:absolute;
  top: 340px;
  color: white;
  margin-left: 130px;
}


.reward /* div contenant les Golden coins */
{
  position:absolute;
  top:50px;
  margin-left: 47px;
  width: 400px;
  height: 100px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 20px;

}


.textg /* Texte a l'interieur du div class="nom" */
{
  font-size: 70px;
}

.textr /* Texte a l'interieur du div class="reward" */
{
  font-size: 40px;
  padding-left: 100px;
}

span   /* Mise en valeur du montant */
{
color: orange;
}

/* Au passage du curseur */

.conteneur :hover
{
  opacity: 1;
}

.conteneur:hover .reward
{
  display:none;
}

.conteneur:hover .nom
 {
  top: 480px;
  font-size: 30px;
}

.conteneur:hover .textg
{
  font-size: 40px;
  margin-left: 60px;
}