.mesArticles{
	columns:4;
	display:flex;

.tetePage{
	background-color:#ccc;
	height:2em;
	
}

.piedPage{
	background-color:#ccc;
	height:2em;
}




@media screen and (max-width: 1200px){
	main{
	flex-wrap:wrap;
		
	}
	
	article{
		width:50%;
	}
}

@media screen and (max-width: 780px){
	
		article{
		width:100%;
	}
}
	
@media screen and (max-width: 780px){
	
		article{
		width:100%;
	}
}