/* 
* Document:timeline.css
* Version:juin-2025
* Auteur:gilles DARNET
* Description:styles complémentaires pour la page histoire du Forex (timeline)
,*/@charset "UTF-8";header,.hero,section.avant,section.apres,nav.pagination,main>section:last-child{background-color:var(--color-light-grey);position:relative;z-index:5;}.scroll-progress-container{z-index:5;}.animate-fade-in{animation:none;}.timeline_component{--left:300px;--center:64px;--right:1fr;flex-direction:column;justify-content:center;align-items:center;max-width:1024px;margin-left:auto;margin-right:auto;display:flex;}.timeline_item{grid-column-gap:0;grid-row-gap:0;grid-template-rows:auto;grid-template-columns:var(--left) var(--center) var(--right);grid-auto-columns:1fr;padding-block:var(--space-xl);display:grid;z-index:2;}.timeline_left{text-align:right;justify-content:flex-end;align-items:stretch;}.timeline_centre{justify-content:center;display:flex;}.timeline_right{background-color:var(--color-primary-light);}.timeline_date-text{position:sticky;top:50vh;}.timeline_date-text h3{color:var(--color-primary);}.timeline_date-text p{font-size:var(--fontsize-s1);text-transform:uppercase;}.timeline_image-wrapper{text-align:center;}.timeline_image-wrapper img{margin-inline:auto;}.timeline_circle{--bullet-width:24px;background-color:var(--color-primary);border-radius:50%;width:var(--bullet-width);min-width:var(--bullet-width);max-width:var(--bullet-width);height:var(--bullet-width);min-height:var(--bullet-width);max-height:var(--bullet-width);position:sticky;top:50vh;border:4px solid var(--color-light-grey);}.timeline_progress{--line:2px;background-color:var(--color-medium-grey);width:var(--line);height:100%;position:absolute;left:calc(var(--left) + (var(--center) / 2) - (var(--line) / 2));}.timeline_progress-bar{background:var(--color-primary-hover);background:-webkit-linear-gradient(to bottom,var(--color-primary-hover),var(--color-primary));background:linear-gradient(to bottom,var(--color-primary-hover),var(--color-primary));width:var(--line);height:50vh;position:fixed;top:0;left:auto;right:auto;bottom:50vh;}.section-timeline{position:relative;}.overlay-fade-top{background-image:linear-gradient(to bottom,var(--color-light-grey),transparent);height:80px;position:absolute;inset:0 0% auto;}.overlay-fade-bottom{background-image:linear-gradient(to top,var(--color-light-grey),transparent);height:80px;position:absolute;inset:auto 0% 0%;}@media screen and (max-width:767px){.timeline_item{grid-template-columns:32px 1fr;width:100%}.timeline_left{text-align:left;grid-area:1 / 2 / 2 / 3}.timeline_centre{justify-content:flex-start;grid-area:1 / 1 / 3 / 2}.timeline_right{grid-area:span 1 / span 1 / span 1 / span 1}.timeline_date-text{margin-bottom:24px}.timeline_progress{left:11px}}