/* CSS Document */


.article {
	background-image: url(../images/bg_tacheCouleur.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	
}


@media (min-width: 0px){
	
	.article ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 3rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
	.article li h1 {
		font-family: 'Raleway', sans-serif;
		font-size: 1.5rem;
		margin-top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		color: #009ee3;

	}
	.article li {
		border: 3px dashed #999999;
		margin-bottom: 3rem;
		padding: 1.5rem;
		padding-top: 2rem;
		padding-bottom: 3rem;
		background-color: #dcdcdc;

	}
	.article li p {
		padding: 0px;
	}
	.article a {
		display: inline-block;
		padding: 0.5rem;
		background-color: #313131;
		color: #ccff00;
		text-decoration: none;
		border-radius: 0.5rem;
		margin: 0.2rem;
	}
	.article a:hover {
		background-color: #ccff00;
		color: #313131;
	}	
	
}
@media (min-width: 1024px){
	
	.article ul {
		display: flex;
		flex-wrap: wrap;
		padding: 3rem;;
		margin: 0px;
		
	}	
	.article li p {
		font-size: 0.9rem;
	}
	.article li {
		width: calc(100% / 3 - 6rem - 6px - 2rem);
		margin: 0px;
		padding-bottom: 2rem;
		margin-top: 0px;
		margin-bottom: 3rem;
		border: 3px dashed #999999;
		padding-left: 3rem;
		padding-right: 3rem;
		margin-right: 2rem;
		margin-left: auto;
		background-color: #dcdcdc;
		border-radius: 3rem;
		
	}
	.article ul li h1 {
		text-align: center;
		padding: 0px;
	}

	
}