/* Hélion – pied de page fixe dévoilé par le contenu, bouton de retour en haut. */

.helion-pied { background-color: #272727; color: #fff; }
.js .helion-pied { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; }
.helion-pied__colonnes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 116px 0; }
.helion-pied__colonne { min-height: 1px; }
.helion-pied .widget { margin: 0; }
.helion-pied .widget-title {
	margin: 0 0 37px;
	font-size: 22px;
	line-height: 28.82px;
	letter-spacing: 3.52px;
	color: #fff;
}
.helion-pied ul { list-style: none; margin: 0; padding: 0; }
.helion-pied li { margin: 0 0 7px; }
.helion-pied li:last-child { margin-bottom: 0; }
.helion-pied a { color: #fff; }
.helion-pied a:hover { color: #77bbff; }

@media (max-width: 1024px) {
	.helion-pied__colonnes { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
	.helion-pied__colonnes { grid-template-columns: 1fr; }
}

.helion-haut {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 10000;
	width: 45px;
	height: 45px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s ease, visibility 0s .15s;
}
.helion-haut.est-visible { opacity: 1; visibility: visible; transition: opacity .3s ease; }
.helion-haut span { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: #373737; }
.helion-haut svg { transform: rotate(-90deg); stroke: #fff; stroke-width: 1.6px; }