#listHomeProducts {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0 auto !important;
}
#listHomeProducts > div {
width: 33%;
}
#listHomeProducts .fiche { position: relative;
height: 309px;
margin-bottom: 3px;
}
#listHomeProducts .fiche .front{
position: absolute;
filter: brightness(50%);
-webkit-filter: brightness(50%);
width: 100%;
height: 100%;
}
#listHomeProducts .fiche .front img {
width: 100%;
height: 100%;
object-fit: cover;
}
#listHomeProducts .hover_content {
height: 100%;
align-items: center;
justify-content: center;
}
#listHomeProducts .fiche h3{
font-weight: normal!important;
font-size: 24px;
color: #fff;
font-family: 'Roboto', sans-serif;
position: absolute;
top: 50%;
width: 100%;
text-align: center!important;
}
#listHomeProducts .hover{
display: none;
position: absolute;
top: 0;
left: 0; width: 100%;
height: 100%;
padding: 20px;
background: transparent;
top: 0!important;
background: rgba(0,0,0,.5);
}
#listHomeProducts .hover .titre{
text-align: center;
font-size: 24px;
color: #fff;
}
#listHomeProducts .hover .descriptif{
font-size: 16px;
text-align: center;
margin: 20px auto 40px;
color: #fff;
}
#listHomeProducts .hover .link{
text-align: center;
}
#listHomeProducts .hover .see-more{
padding: 10px;
color: #f68521!important;
font-size: 16px;
background: #fff;
}
#listHomeProducts .fiche:hover h3{
display: none;
}
#listHomeProducts .fiche:hover .hover{
display: block;
}