.fond {
width:200px;
height:229px;
font-family: sans-serif;
margin:30px;
padding:10px;
background-image: url("http://images.innoveduc.fr/integration_gandalf.png");
background-size: 100%;
background-repeat: no-repeat;
transition: opacity .5s ease;
opacity:0.6;
}
.fond:hover {
opacity: 1;
}
.reward {
width:170px;
font-size:19px;
line-height : 25px;
text-align:center;
background-color:#FFFFFF;
border-radius: 10px;
margin:10px;
padding:1px;
transition: opacity .5s ease;
-webkit-transition:opacity .5s ease;
-moz-transition: opacity .5s ease;
opacity:1;
}
.fond:hover .reward {
opacity: 0;
}
.price {
color:#ED7128;
}
.name{
width:170px;
font-size:30px;
font-weight:lighter;
color:#ffffff;
text-align:center;
padding:5px;
margin:60px auto 0px auto;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
.fond:hover .name {
font-size: 20px;
margin-top: 140px;
}