.article_box{
	width: calc(900px - 2em);
	margin:4em 1em;
	border-radius: var(--border_radius);
	display: flex;
	background: #1f1f1f;
	height:300px;
	box-shadow: #252525 0 0 50px;
	transition: all 0.3s ease;
}

.article_card_half, .article_box img{
	width: 50%;
}

.article_box:hover{
	box-shadow: #555 0 0 50px;
}

.article_box img{
	object-fit: cover;
}

.article_box .title{
	font-size: 1.4em;
    padding: 2rem;
    text-transform: uppercase;

    max-height: 2.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article_box .description{
	padding:1em;
    padding-left: 2rem;
    font-size: 0.9em;
    letter-spacing: 1.1px;
    line-height: 1.1rem;
    max-height: 185px;
    overflow-y: hidden;
}


.article_box .btn{
	font-weight: bold;
	color: rgb(var(--buttons_background));
	padding-bottom:1rem;
	font-size: 1.2em;
	width: 100%;
	text-align: right;
	padding-right:3rem;
}

.article_box .article_dates{
	position: absolute;
	right:1.5rem;
	bottom:1rem;
	font-size: 0.8em;
}

.article_box .title, .description p, .article_box .article_dates{
	color: var(--text);
}

.article_box .article_read_btn{
	position: absolute;
	left:1.5rem;
	bottom:1rem;
	padding:0.5em;
	font-size: 1.2em;
}

.article_box .article_read_btn:hover{
/*	cursor: pointer;
	background: var(--buttons_background);
	color:var(--buttons_text);
*/
}

.image_container{
	text-align: center;
}

.trois_petits_points{
	color:var(--buttons_background);
}

@media only screen and (max-width: 1200px)
{
	.article_box{
		width: 100%;
	}

	.article_box img{
		width: 50%;
	}

	.article_card_half{
		width: 50%;
	}

	.article_box .description{
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 600px) 
{
	.article_box .article_dates{
		position: relative;
		font-size: 0.8em;
		width: 100%;
		margin-bottom: 1em;
		text-align: right;
	}

	.article_box{
		margin:2rem 0;
		width: 100%;
		height: auto;
		display: block;
	}

	.article_box .title{
		font-size: 1.5em;
		text-align: center;
		margin:0.5em 0;
	}

	.article_box img {
	    width: 100%;
	    height: auto;
	}

	.article_card_half{
		width: 100%;
	}

	.article_box .article_read_btn{
		position: relative;
	}
}