.nomCoverPot{
	position:relative;
	width:100%;
}
.nomCover{
	display:none;
	position:absolute;
	top:5px;
	left:0px;
	width:100%;
	height:20px;
	line-height:20px;
}
.nom{
	color:black;
	background-color:rgb(150,150,150,.5);
	padding:5px;
	font-size:18px;
	font-weight:bold;
	width:100%;
}
#covers{
	clear:both;
	float:left;
	background-color:black;
}
.cover{
    width: 30%;
    float: left;
    margin: 1%;
}
.cover a{
	color:black;
}
.cover img{
    width: 100%;
	height:auto;
}
.cover :hover{
	z-index:1000;
    width: 105%;
    transition: 1s;
}
* { box-sizing: border-box; }
.grid-wrapper {
  max-height: 100vh; /* ou la hauteur souhaitée */
  overflow-y: auto;
  width:100%;
  display: flex;
  justify-content: center;
}
.grid{
	margin:auto;
}
.grid:after {
	content: '';
	display: block;
	clear: both;
}
@media screen and (max-width: 600px){
	.cover{
        width: 100%;
		margin:0;
    }
    .cover img{
        width:100%;
    }
    .cover :hover{
		width: 100%;
		transition: 0s;
    }
}