.timeline{
	position:relative;
}
.timeline:before {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% + (var(--space)* 2));
	height: 1px;
	left: calc(0px - var(--space));
	top: calc(50% - 0.5px);
	border-bottom: 1px dashed var(--color-1);
}
.timeline .slick-list{
	overflow:visible;
}
.timeline .slick-track{
	display:flex; 
	align-items:stretch;
}
.timeline-date{
	display:flex !important;
	align-items:center;
	margin:0 calc(var(--space)/2);
	position:relative;
	height:auto;
}
.timeline-date-date {
	font-family: var(--font-family);
	line-height: 1.1;
	margin-top: calc(0px - clamp(4px, var(--pas)* 4, 4px));
	margin-right: calc(var(--space) / 1.75);
	border-radius: clamp(14px, var(--pas)* 14, 18px);
	background-color: var(--color-1);
	color: var(--color-2);
	transition: 0.6s ease;
	opacity: 0;
	font-size: clamp(24px, var(--pas)* 24, 36px);
	padding: 4px clamp(11px, var(--pas)* 11, 16px) clamp(8px, var(--pas)* 8, 10px);
}
.visible.timeline-date-date{
	opacity:1;
}
.timeline-date-content {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: clamp(380px,var(--pas)*380,600px);
}
.timeline-date:nth-child(2n+1) .timeline-date-content{
	justify-content:flex-start;
}
.timeline-date:nth-child(2n) .timeline-date-content{
	justify-content:flex-end;
}
.timeline-date-content > * {
	display:flex;
	position:relative;
	width:clamp(320px,var(--pas)*320,350px);
	padding:calc(var(--space)/2) 0;
}
.timeline-date-image-content {
	align-items: center;
	justify-content: center;
	height: calc(50% - 2px);
}
.timeline-date:nth-child(2n+1) .timeline-date-image-content{
	order:1;
}
.timeline-date:nth-child(2n) .timeline-date-image-content{
	order:2;
}
.timeline-date-image-content:after {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 0;
	background-color: var(--color-1);
	transition:0.6s ease;
	transition-delay:0s;
}
.visible .timeline-date-image-content:after{
	height: calc(var(--space)/2);
	transition-delay:0.3s;
}
.timeline-date:nth-child(2n+1) .timeline-date-image-content:after{
	bottom:0;
}
.timeline-date:nth-child(2n) .timeline-date-image-content:after{
	top:0;
}
.timeline-date-image {
	height: calc(90% - var(--space));
	width: auto;
	position: absolute;
	object-fit: cover;
	object-position: center;
	display: flex !important;
	border-radius:26px;
	box-shadow:0 0 10px rgb(0 0 0 / 20%);
	transition:0.6s ease;
	transition-delay:0;
	opacity:0;
}
.visible .timeline-date-image{
	opacity:1;
	height: calc(100% - var(--space));
	transition-delay:0.6s;
}
.timeline-date-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align:center;
	padding: calc(var(--space) / 2) 0;
}
.timeline-date:nth-child(2n+1) .timeline-date-inner{
	order:2;
	justify-content:flex-start;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.timeline-date:nth-child(2n) .timeline-date-inner{
	order:1;
	justify-content:flex-end;
	border-radius:var(--border-radius) var(--border-radius) 0 0;
}
.timeline-date-inner:after {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: var(--color-1);
	border-radius: 50%;
	transition:0.6s ease;
	transform:scale(0);
}
.visible .timeline-date-inner:after{
	transform:scale(1);
}
.timeline-date:nth-child(2n+1) .timeline-date-inner:after{
	top:-4px;
}
.timeline-date:nth-child(2n) .timeline-date-inner:after{
	bottom:-4px;
}
.timeline-date-titre{
	font-weight:700;
	transition:0.6s ease;
	opacity:0;
	transform:scale(0.9);
}
.timeline-date-description{
	transition:0.6s ease;
	opacity:0;
	transform:scale(0.9);
	font-size:clamp(14px,var(--pas)*14,16px);
}
.visible .timeline-date-titre,
.visible .timeline-date-description{
	transition-delay:0.6s;
	opacity:1;
	transform:scale(1);
}
.timeline-date p{
	margin:0;
}

@media (max-width:767px){
	.timeline:before {
		top: calc(clamp(288px, var(--pas)* 288, 460px) + (var(--space)*2) - 0.5px);
	}
	.timeline-date {
		margin: 0 var(--space);
		align-items:flex-start;
	}
	.timeline-date-date {
		position: absolute;
		z-index: 9;
		top: calc(clamp(288px, var(--pas)* 288, 460px) + (var(--space)* 2));
		margin-top: 0;
		font-size: 32px;
		padding: 4px 14px 9px;
		border-radius: 10px;
		transform: translate(-50%, -50%);
		left: 50%;
	}
	.timeline-date-content {
		height: fit-content;
	}
	.timeline-date-content > * {
		width:calc(100vw - (var(--space)*2));
	}
	.timeline-date-image-content{
		height: clamp(288px, var(--pas)* 288, 460px);
		padding:0;
		margin-bottom:calc(var(--space)*2);
		order:1;
	}
	.timeline-date:nth-child(2n) .timeline-date-image-content{
		order:1;
	}
	.timeline-date:nth-child(2n+1) .timeline-date-image-content:after,
	.timeline-date:nth-child(2n) .timeline-date-image-content:after {
		bottom: calc(0px - (var(--space)* 2));
		top:inherit;
	}
	.visible .timeline-date-image-content:after {
		height: calc(var(--space)* 2);
	}
	.timeline-date-image {
		width: 100%;
	}
	.timeline-date-image{
		height:90%;
	}
	.visible .timeline-date-image {
		height: 100%;
	}
	.timeline-date-inner{
		padding:calc(var(--space)*2) 0;
	}
	.timeline-date:nth-child(2n) .timeline-date-inner{
		order:2;
	}
	.timeline-date:nth-child(2n) .timeline-date-inner:after {
		bottom: inherit;
		top: -6px;
	}
	.timeline-date-image-content:after,
	.timeline-date-image,
	.timeline-date-inner:after,
	.timeline-date-titre,
	.timeline-date-description{
		transition:0.3s ease;
	}
	.visible .timeline-date-image,
	.visible .timeline-date-titre,
	.visible .timeline-date-description{
		transition-delay:0.3s;
	}
	.visible .timeline-date-image-content:after{
		transition-delay:0.15s;
	}
}
@media (max-width:479px){
	.timeline:before {
		top: calc(clamp(208px, var(--pas)* 208, 277px) + (var(--space)*2) - 0.5px);
	}
	.timeline-date-date {
		top: calc(clamp(208px, var(--pas)* 208, 277px) + (var(--space)* 2));
	}
	.timeline-date-image-content{
		height: clamp(208px, var(--pas)* 208, 277px);
	}
}

/* ARROWS */
.timeline .slick-arrow {
	position: absolute;
	width: 35px;
	height: 35px;
	background-color: var(--color-1);
	border-radius: 50%;
	font-size: 0px;
	color: var(--color-1);
	border: none;
	top: calc(50% - 17.5px);
	z-index:99;
	display:flex;
	align-items:center;
	justify-content:center;
}
.timeline .slick-prev {
	left: calc(0px - (var(--space) / 2) - 17.5px);
}
.timeline .slick-next {
	right: calc(0px - (var(--space) / 2) - 17.5px);
}
.timeline .slick-arrow:after {
	content: '';
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
}
.timeline .slick-prev:after {
	border-left: 3px solid var(--color-2);
	border-bottom: 3px solid var(--color-2);
	margin-left: 3px;
}
.timeline .slick-next:after {
	border-right: 3px solid var(--color-2);
	border-top: 3px solid var(--color-2);
	margin-right: 3px;
}
@media (max-width:767px){
	.timeline .slick-arrow{
		top: calc(clamp(288px, var(--pas)* 288, 460px) + (var(--space)*2) - 17.5px);
	}
	.timeline .slick-prev {
		left: 12px;
	}
	.timeline .slick-next {
		right: 12px;
	}
}
@media (max-width:479px){
	.timeline .slick-arrow{
		top: calc(clamp(208px, var(--pas)* 208, 277px) + (var(--space)*2) - 17.5px);
	}
}