.box{
	list-style: none;
	padding: 0;
	width: 100%;
	margin-top: 2%;
}

.article{
	position: relative;
	width: 80%;
	margin: auto;
	display: flex;
	align-items: center;
	margin-bottom: 2%;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	background-color: rgb(197,172,72);
}

.apercu_img{
	width: 50%;
}

.side{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin:auto;
}
.trait{
	width: 90%;
	height: 1px;
	background: black;
	margin: auto;
}

.titre{
	margin: auto;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.description{
	width: 80%;
	margin: auto;
}

.ladate{
	position: absolute;
	bottom: 2%;
	right: 2%;
	font-style: italic;
}

.non_dispo{
	display: none;
}

@media all and (max-width: 1024px){
	.article{
		width: 100%;
		flex-direction: column;
	}
	.apercu_img{
		width: 100%;
	}
	.side{
		width: 100%;
	}
	.titre{
		font-size: 2.5em;
	}
	.description{
		font-size: 2em;
		text-align: justify;
		padding-bottom: 4%;
	}
}