/* Timeline */
.timeline {
	position: relative;
	margin-bottom: var(--big-spacing);
	padding: 0 var(--default-spacing);
}
.timeline .prev {
	position: absolute;
    top:0;
	left: 0;
	width: 40px;
	height: 30px;
	background: url('../img/arrow_left.svg') no-repeat left center;
	background-size: 15px;
	cursor: pointer;
}
.timeline .next {
	position: absolute;
    top: 0;
	right: 0;
	width: 40px;
	height: 30px;
	background: url('../img/arrow_right.svg') no-repeat right center;
	background-size: 15px;
	cursor: pointer;
}
.timeline .wrapper {
	width: 100%;
	height: 30px;
	overflow: hidden;
	position: relative;
}
.timeline ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 8000px;
}
.timeline ul li {
    float: left;
	text-align: center;
    font-family: 'MediaSans-Black';
    font-size: 30px;
    box-sizing: border-box;
}
.timeline ul li .wrapper {
    padding: 0 15px;
}
.timeline ul li.has_medias:hover,
.timeline ul li.selected {
	color: var(--current-color);
}
.timeline ul li.decade:hover a,
.timeline ul li:hover a,
.timeline ul li.selected a {
	color: var(--current-color);
}
.timeline ul li.decade,
.timeline ul li.decade a {
	color: #000;
}