#container_list {
	margin:0;
	padding:0;
}

#container_list .titles_list {
	position: absolute;
	top:-2%;
	right:20%;
	color:white;
	font-size: 1em;
	font-weight: bold;
}

#container_list li {
	position: relative;
	margin-top:1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#container_list .article_content {
	/* background-color: #fffe92; */
	/* background-image: url("../svg/golfe.svg"); */
	background: linear-gradient(150deg, rgba(255,254,146,1) 34%, rgba(114,159,207,1) 100%);
	background-size: cover;
	margin-right: 0.5em;
	font-size: 0.85em;
	box-shadow: 2px 4px 4px #505050;
	width: 100%;
}

#container_list .article_content figure {
	border-top-width: 20px;
	border-top-style: solid;
	border-image: linear-gradient(135deg, #333 5%, #5a5a5a 100%) 1;
	box-shadow: none;
	width: 100%;
	margin: 0;
	padding: 0.5em;
}

/*smartphone css pointer coarse ou largeur inferieure à 800px */
@media (pointer:coarse), (max-width:700px) {


	#container_articles_list li:first-child {
		margin-top:5em;       
	}
	
	#container_articles_list .titles_list {
		position: absolute;
		top:0%;
		left:2%;
		color:white;
		font-size: 0.55em;
		font-weight: bold;
	}
	
	#container_articles_list .article_content {
		margin-right:0.2em;
	}
	
	#container_articles_list .article_content article {
		width:100%;
	}

	#container_list {
		padding:2em 0;
	}
	
	}