.historique {
	padding: 80px 0px;
	text-align: right;
	color: $main-dark-color;
	background: #f2f2f3;
	.item {
		.image {
			float: left;
			width: 50%;
			img {
				display: block;
				max-width: 100%;
			}
		}
		.description {
			text-align: left;
			float: left;
			width: 50%;
			font-family: $AkzidenzGroteskStd-Regular;
			span {
				font-family: $AksidenzGroteskStd-Bold;
			}
			.title {
				text-transform: uppercase;
				font-family: $AksidenzGroteskStd-BoldCn;
				text-decoration: underline;
			}
			.wrapper {
				width: 80%;
			}
		}
	}
}

@media all and(max-width: $desktop-sm) {
	.historique {
		.item {
			.description {
				padding: 0 20px;
			}
			.image {
				padding: 0 20px;
			}
		}
	}
}


@media all and(max-width: $tablet) {
	.historique {
		.item {
			.image {
				width: 100%;
				padding: 0;
				img {
					width: 100%;
				}
			}
			.description {
				width: 100%;
				img {
					width: 100%;
				}

				.wrapper {
					width: 100%;
				}
			}
		}
	}
}