.custom_block_timeline-block {
	background-color: var(	--gris-clair);
	padding: 110px 60px;
}

.custom_block_timeline-block .timeline-header {
	max-width: 500px;
	margin-bottom: 64px;
}

.custom_block_timeline-block .timeline {
  position: relative;
  padding-left: 40px;
}

.custom_block_timeline-block .timeline::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--gris-moyen);
}

.custom_block_timeline-block .timeline-item.visible {
  opacity: 1;
  transform: translateX(0);
}

.custom_block_timeline-block .timeline-item {
  position: relative;
  margin-bottom: 36px;
  padding-left: 32px;
  opacity: 0;
  transform: translateX(-20px);
  transition: all .5s;
}

.custom_block_timeline-block .timeline-item:hover::before {
  transform: scale(1.4);
}

.custom_block_timeline-block .timeline-item::before {
  content: '';
  position: absolute;
  left: -36px;
  top: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bleu-fonce);
  border: 2px solid var(--bleu-fonce);
  transition: transform .3s;
}

.custom_block_timeline-block .timeline-year {
  font-family: var(--title-family-font);
  font-size: 1.1rem;
  color: var(--fg);
  font-weight: 500;
  margin-bottom: 4px;
  top: -10px;
  position: relative;
}

.custom_block_timeline-block .timeline-desc {
  color: var(--gris-fonce);
  /*font-size: .88rem;*/
  font-weight: 300;
  line-height: 1.6;
}

.horizontaletimeline {
	text-align: center;
}

	.horizontaletimeline .top{
		font-size:2em;

		font-family: 'Lora', serif;
	}

	.horizontaletimeline .line_container{
		position: relative;
		color:var(--bleu-clair);
		padding:15px 0px;
		font-size:3em;
		line-height: 1.4;
	}

	.horizontaletimeline .line_container .line{
		position: absolute;
		width:100%;
		border-bottom:1px solid var(--bleu-clair);
		top: 46px;
	}


/* unsemantic mobil- */
@media screen and (max-width: 767px) {

}
/* unsemantic tablet- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
/* unsemantic screen */
@media screen and (min-width: 1025px) {

}

.custom_block.custom_block_liste-connected-timeline ul{
	width: 60%;
	margin: auto;
	font-size:1.2em;
	overflow: visible;
	margin-bottom:40px;
}

.custom_block.custom_block_liste-connected-timeline ol.is-style-connected li, .custom_block.custom_block_liste-connected-timeline ul.is-style-connected li{
	padding:15px;
}

.custom_block.custom_block_liste-connected-timeline ol.is-style-connected li::before, .custom_block.custom_block_liste-connected-timeline ul.is-style-connected li::before {
	background:var(--bleu-clair);
	top: 22px;
}

.custom_block.custom_block_liste-connected-timeline ol.is-style-connected li::after, .custom_block.custom_block_liste-connected-timeline ul.is-style-connected li::after {
	border-color:var(--bleu-clair);
}

	.custom_block.custom_block_liste-connected-timeline ol.is-style-connected li .label, .custom_block.custom_block_liste-connected-timeline ul.is-style-connected li .label{
		color:var(--bleu-clair);
		font-size:1.5em;
		font-family: 'Lora', serif;
		position: absolute;
		text-align: right;
		left: -150px;
		width: 120px;
		top: 9px;
	}

@media screen and (max-width: 767px) {

	.custom_block.custom_block_liste-connected-timeline ul {

	    padding: 0px;
		margin-left: 140px;
	}

}