.single_article {
	border: 1px solid #DDD;
	width: 48%;
	margin-bottom: 20px;
}

/* .single_article:hover{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
} */

.articles_container,
.articles_container .vc_row {
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: flex;
	flex-wrap: wrap;
}

.articles_container {
	justify-content: space-between !important;
}

.articles_container .vc_col-sm-12 {
	max-width: none !important;
	width: calc(100% + 5px) !important;
	margin-right: 0px !important;
}

/* .articles_container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.upper_article_card {
	margin-bottom: 20px;
}

.button_suite {
	align-self: flex-end;
	margin-top: 10px;
}

.single_article:hover .bottom_bar{
	width: 100%;
}

.bottom_bar {
	width: 85px;
	height: 3px;
	position: absolute;
	padding: 0;
	left: 0;
	border: 0;
	background: #ffd000;
	margin: 0;
	bottom: 0;
	transition: all 0.3s;
}

.upper_article_card_title {
	position: relative;
	padding-bottom: 25px;
	border: 0;
	margin-bottom: 15px;
}

.upper_article_card_title h3 {
	font-size: 28px;
	color: black;
	text-transform: uppercase;

}

.upper_article_card_date{
	margin-top: 10px;
} */

.boutons_categories_news {
	display: flex;
	margin-bottom: 40px;
}

 .articles_container .vignette_portrait {
	display: block;
}

.articles_container .vignette_portrait img {
	object-fit: cover;
    height: 331px;
	
}

.articles_container .wpb_single_image .vc_figure {
	display: block;
}

.articles_container .wpb_single_image .vc_single_image-wrapper{
	display: block;
} 

@media screen and (max-width: 1300px) {}


@media screen and (max-width: 1247px) {
	.single_article {
		width: 100%;
	}

}

@media screen and (max-width: 592px) {
	.boutons_categories_news{
		flex-direction: column;
		width: fit-content;
	}

	.boutons_categories_news a:first-child{
		margin-bottom: 20px;
	}

	.articles_container .vc_row-has-fill>.vc_column_container>.vc_column-inner{
		padding-top: 0px !important;
	}

	.articles_container .wpb_single_image .vc_figure{
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 480px) {}