.grille {
	width:100%;
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
  	align-content: flex-start;
}

.grille img{
	width:100%;
}

.grille img:hover{
	transition: .2s ease;
	opacity:0.6;
}

/*.item, .item img{
	border-radius:16px;
}*/

/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {
	.item, .item-vide{flex:100%;}
	.grille {gap:16px;}
	.item {height:80%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (min-width: 601px) {
	.item, .item-vide{flex:45%;}
	.grille {gap:16px;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) {
	.item, .item-vide{flex:45%;}
	.grille {gap:16px;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media screen and (min-width: 992px) {
	.item, .item-vide{flex:45%;}
	.grille {gap:16px;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
	.item, .item-vide{flex:45%;}
	.grille {gap:16px;}
}