/* Hélion – bloc Frise : reprise du « Workflow » de Musea (mêmes mesures), classes renommées. */

.helion-frise { margin-top: 43px; position: relative; }
.helion-frise__ligne-fond, .helion-frise__ligne {
	background: #e1e1e1;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	right: 50%;
	top: 40px;
	height: calc(100% - 40px);
	width: 1px;
	transition: .3s ease-in;
}
.helion-frise__ligne { background: #4e4e4e; }
.helion-frise__annee-mobile {
	font-family: "EB Garamond", Georgia, serif;
	font-size: 22px;
	line-height: 1.31em;
	font-weight: 400;
	color: #525252;
	margin-bottom: 7px;
	letter-spacing: .1em;
}
.helion-frise__periode { margin-left: auto; margin-right: auto; max-width: 100%; position: relative; padding-bottom: 92px; overflow: hidden; }
.helion-frise__periode:nth-last-child(2) { padding-bottom: 0 !important; }
.helion-frise__periode:nth-of-type(2n) { text-align: left; padding-bottom: 90px; }
.helion-frise__periode:nth-of-type(2n) .helion-frise__interieur { flex-direction: row-reverse; }
.helion-frise__periode:nth-of-type(2n) .helion-frise__image { text-align: left; padding: 38px 0 0 86px; }
.helion-frise__periode:nth-of-type(2n) .helion-frise__texte { padding: 191px 14.5% 0 8%; }
.helion-frise__periode:nth-of-type(2n) .helion-frise__cercle-ligne { left: auto; right: calc(50% + 4px); }
.helion-frise__periode:nth-of-type(2n) .helion-frise__annee { left: auto; right: calc(50% + 183px); }
.helion-frise__periode:nth-of-type(2n+1) { text-align: left; }
.helion-frise__periode:nth-of-type(2n+1) .helion-frise__interieur { flex-direction: row; }
.helion-frise__periode:nth-of-type(2n+1) .helion-frise__image { text-align: right; }
.helion-frise__interieur { display: flex; flex-wrap: wrap; position: relative; width: 100%; vertical-align: top; align-items: flex-start; }
.helion-frise__image, .helion-frise__texte { float: left; margin: 0; width: 50%; box-sizing: border-box; }
.helion-frise__image { padding: 40px 89px 0 0; overflow: hidden; }
.helion-frise__image img { display: inline-block; max-width: 100%; height: auto; }
.helion-frise__texte { padding: 191px 8% 0 14.5%; }
.helion-frise__contenu h2 { margin: 6px 0 14px 0; }
.helion-frise__corps {
	display: block;
	font-family: "Alegreya Sans", Arial, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.58em;
	letter-spacing: 0;
	color: #5f5f5f;
	text-align: justify;
}
.helion-frise__corps br { display: block; margin: 14px 0; content: " "; }
.helion-frise__cercle {
	margin: 0 0 0 -5px;
	border-radius: 50%;
	box-sizing: border-box;
	height: 9px;
	width: 9px;
	left: 50%;
	position: absolute;
	top: 140px;
	transform: translateY(-50%);
	background-color: #4e4e4e;
	border: 1px solid #4e4e4e;
}
.helion-frise__cercle-ligne { display: block; background-color: #4e4e4e; width: 161px; height: 1px; position: absolute; left: calc(50% + 4px); top: 140px; z-index: 9; }
.helion-frise__annee {
	position: absolute;
	left: calc(58% + 86px);
	top: 140px;
	display: block;
	transform: translateY(-50%);
	font-family: "EB Garamond", Georgia, serif;
	font-size: 22px;
	line-height: 1.31em;
	font-weight: 400;
	letter-spacing: .1em;
	color: #525252;
}
.helion-frise__trait { display: none; background-color: #fff; height: 100%; left: 50%; margin-left: -2px; position: absolute; width: 1px; }
.helion-frise__periode:first-of-type .helion-frise__trait { display: block; top: 4px; transform: translateY(-100%); }
.helion-frise__periode:last-of-type .helion-frise__trait { display: block; top: 24px; }
.helion-frise__periode--cachee { padding-bottom: 0; display: none; }
.helion-frise__bouton { position: relative; display: inline-block; vertical-align: top; }
.helion-frise__bouton .helion-bouton { margin: 10px 0 0; }

/* Animation à l'apparition (seulement avec JavaScript ; désactivée si l'utilisateur réduit les animations). */
.js .helion-frise--anime .helion-frise__ligne { height: 0; }
.js .helion-frise--anime .helion-frise__cercle { transform: translateY(-50%) scale(.2); transition: transform .6s cubic-bezier(.18, .89, .32, 1.68) .5s; }
.js .helion-frise--anime .helion-frise__image img { opacity: 0; transform: translateY(20px); transition: opacity .7s cubic-bezier(.63, .25, .25, 1), transform .7s cubic-bezier(.63, .25, .25, 1); }
.js .helion-frise--anime .helion-frise__contenu h2 { transform: translateY(20px); opacity: 0; transition: .7s cubic-bezier(.63, .25, .25, 1) .2s; }
.js .helion-frise--anime .helion-frise__corps,
.js .helion-frise--anime .helion-frise__bouton { transform: translateY(15px); opacity: 0; transition: .7s cubic-bezier(.63, .25, .25, 1) .25s; }
.js .helion-frise--anime.est-apparu .helion-frise__periode.est-apparu .helion-frise__image img,
.js .helion-frise--anime.est-apparu .helion-frise__periode.est-apparu .helion-frise__contenu h2,
.js .helion-frise--anime.est-apparu .helion-frise__periode.est-apparu .helion-frise__corps,
.js .helion-frise--anime.est-apparu .helion-frise__periode.est-apparu .helion-frise__bouton { transform: none; opacity: 1; }
.js .helion-frise--anime.est-apparu .helion-frise__cercle { transform: translateY(-50%) scale(1); }
@media (prefers-reduced-motion: reduce) {
	.js .helion-frise--anime .helion-frise__ligne { height: calc(100% - 40px) !important; }
	.js .helion-frise--anime .helion-frise__cercle,
	.js .helion-frise--anime .helion-frise__image img,
	.js .helion-frise--anime .helion-frise__contenu h2,
	.js .helion-frise--anime .helion-frise__corps,
	.js .helion-frise--anime .helion-frise__bouton { transform: none; opacity: 1; transition: none; }
	.js .helion-frise--anime .helion-frise__cercle { transform: translateY(-50%); }
}

/* Paliers repris de Musea */
@media (max-width: 1440px) {
	.helion-frise__ligne-fond, .helion-frise__ligne { top: 38px; }
	.helion-frise__periode:nth-of-type(2n) .helion-frise__image { padding: 38px 0 0 86px; }
	.helion-frise__periode:nth-of-type(2n) .helion-frise__texte { padding: 191px 13.5% 0 9%; }
	.helion-frise__image { padding: 38px 89px 0 0; }
	.helion-frise__texte { padding: 191px 9% 0 13.5%; }
}
@media (max-width: 1366px) {
	.helion-frise__ligne-fond, .helion-frise__ligne { top: 104px; }
	.helion-frise__periode:nth-of-type(2n) .helion-frise__image { padding: 103px 0 0 86px; }
	.helion-frise__periode:nth-of-type(2n) .helion-frise__texte { padding: 191px 11.4% 0 6.5%; }
	.helion-frise__image { padding: 104px 89px 0 0; }
	.helion-frise__texte { padding: 191px 6.5% 0 11.4%; }
}
@media (max-width: 1280px) {
	.helion-frise__periode:nth-of-type(2n) .helion-frise__texte { padding: 191px 11% 0 5%; }
	.helion-frise__texte { padding: 191px 5% 0 11%; }
}
@media (min-width: 1025px) { .helion-frise__annee-mobile { display: none; } }
@media (max-width: 1024px) {
	.helion-frise__ligne-fond, .helion-frise__ligne, .helion-frise__trait,
	.helion-frise__cercle, .helion-frise__cercle-ligne, .helion-frise__annee { display: none !important; }
	.helion-frise__periode { text-align: center !important; padding-bottom: 61px !important; }
	.helion-frise__texte { width: 100% !important; padding: 30px 10px !important; }
	.helion-frise__image { padding: 0 10px !important; width: 100% !important; margin-bottom: 20px !important; text-align: center !important; }
}
.js .helion-frise--anime .helion-frise__ligne.est-complete { height: calc(100% - 40px); }
@media (max-width: 1440px) { .js .helion-frise--anime .helion-frise__ligne.est-complete { height: calc(100% - 38px); } }
@media (max-width: 1366px) { .js .helion-frise--anime .helion-frise__ligne.est-complete { height: calc(100% - 104px); } }