.masquer{
	display:none;
}

.conteneur-flex{
	background-color:blue;
	display:flex;
	flex-wrap:wrap;
	margin:1%;
	padding:5px;
}

.article-flex{
	background-color:grey;
	flex:1 1 200px;
	margin:5px;
	transition-duration:1s;
	transition-delay:1s;
}
.article-flex:hover{
	flex:10 1 200px;
	background-color:red;
	transition-duration:0s;
	transition-delay:0s;
}

.article-flex-deux{
	background-color:pink;
	flex:2 1 200px;
	overflow:hidden;
	margin:5px;
	
	background-image: url("image/1786370312.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition-duration:1s;
	-webkit-box-shadow: 0px 0px 27px 16px #dedede; 
	box-shadow: 0px 0px 27px 16px #dedede;
}
.article-flex-deux:hover{
	transition-duration:1s;
	transform: scale(2, 2) rotate(170deg);
	-webkit-box-shadow: 10px 0px 27px 16px #dedede; 
	box-shadow: 0px 0px 27px 16px #dedede;
}


.article-flex-trois{
	background-color:red;
	flex:5 1 200px;
	margin:5px;
	display:flex;
}

.petite{
	background-color:green;
	flex:1 1 30%;
	margin:5px;
}

@media (min-width: 200px) and (max-width: 750px) {
	body{
		background-color:#000;
	}
}