.product{
    padding:0;
    margin:0;
    max-width: 200px;
}
    
 .picture {
    width:100%;
} 

@media only screen and (max-width: 575px) {

    #gridImg{
        margin-top: 1.5em;
    }
  }

  @media only screen and (max-width: 766px) {
    .sizePolice{
        font-size: 15px;
    }
  }
  
  @media only screen and (min-width: 767px) {

    #gridImg{
        margin-top: 2em;
    }

  }
    /*----------------------texte hover----------------------*/
.picture{
    z-index:1;
}

figcaption {
    opacity:1;
    background-color: rgba(0,123,255,0.8);
    height:100%;
    color:white;
    text-align:center;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    font-size: 23px;
    visibility: hidden;
    Z-index:0;
}

.product:hover figcaption {
    transition:all 0.2s;
    opacity:1;
}

/* -------------------------tableau--------------------------------- */