/*body{
	background-color:pink; 
	}
	
img{
	width:100%;
	}

.menu{
	background-color:lightblue;
	top:0;
	position:sticky;
	}
	
		
p{
	background-color:blue;
	font-size:12px;
	font-family:tahoma; 
	color:yellow; 
	}
	
	
#art-1{
	font-family:courrier; 
		}
	
.article-num{
	
	margin:1% 5% 0% 10%; 
	padding: 6% 10% 10% 10%;
	color:yellow; 
	border: 4px solid green; 
	width:300px;
	height:70px;
	overflow:scroll; 
	}
	
.article-print{
	

	color:green; 
	border: 4px solid yellow; 
	width:20%;
	display:inline-block;
	vertical-align:top;
	height:300px;
	overflow:scroll; 
	
	}
	
	.article-photo{
	
 	color:green; 
	border: 4px dot black;
	width:20%;
	display:inline-block;
 	vertical-align:top;
	height:300px;
	overflow:scroll; 
	}
	
	.article-texte{
	
	color:green; 
	width:300%;
	display:inline-block;
	vertical-align:top;
	height:300px;
	column-count:2 

	}
	

	
	
2eme Cours*/ 
.masquer{
	display:none; 
	
}
	
.conteneur-flex{
	background-color:green; 
	display:flex;
	flex-wrap:wrap;
	margin:1%;
	padding:1%;
	}

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

.article-flex-deux{
	background-color:pink;
	flex:2 1 200px;
	overflow:hidden;
	background-image:url("images/19141.jpg");
	background-position:centrer; 
	background-repeat:no-repeat;
	background-size:cover;
	margin:5px;  
	}

.article-flex-deux:hover{
	transition-duration:1s;
	transform:scale(2,2);  
	}
	
.article-flex-trois{
	background-color:blue;
	flex:5 1 200px; 
	margin:5px;
	display:flex;  
	}
	
.petite{
	background-color:red;
	flex:1 1 70px; 
	margin:5px;  
	}
	
	
@media (min-width: 200px) and (max-width: 1000px){
	body{
		background-color:#000;
	}
	
}