.categorieEnglobant{
    min-height:80vh;
    background-color:#dcb345;
}

.categorie{
    max-width:1400px;
    margin:auto;
}

.categorie h2{
    padding-top: 206px;
    text-align:center;
    font-family:var(--premierFontFamily);
    font-size:var(--premiereFontSize);
    margin-bottom:50px;
}

.categorie .containerImages{
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
    padding-bottom: 30px;
}

.categorie .containerImages a{
    width:300px;
    height:200px;
    margin-right:10px;
    margin-left:10px;
    position: relative;
    display:inline-block;
    overflow:hidden;
    margin-bottom:20px;
}

.categorie .containerImages a:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    transform:translateX(-100%);
    transition:transform 0.5s;


}

.categorie .containerImages a:hover:before{
    transform:translateX(0)
}

.categorie .containerImages .nomCategorie{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:0;
}

.categorie .containerImages a:hover .nomCategorie{
    opacity:1;
    font-weight:700;
    font-size:20px;
    color:white;
    transition:opacity 0.5s
}



.categorie .containerImages a img{
    width: 100%;
    height:100%;
    object-fit: cover;
}