*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:400}body{--periode-encre:color-mix(in srgb, var(--periode,#ab8432) 55%, #333031);--periode-fond:color-mix(in srgb, var(--periode,#ffca5a) 92%, #fff);background:#333031;margin:0;padding:0}body::-webkit-scrollbar{display:none}body:has(.events-list-wrapper){overflow:hidden}h1{color:#b8b08d;font-family:Chau Philomene One,sans-serif;font-size:clamp(2rem,5vw,4.5rem);font-style:normal;font-weight:400}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;position:relative}main{min-height:80vh}.btn-more{letter-spacing:.02em;color:#333031;cursor:pointer;transition:transform var(--duree-rapide) var(--ease-pop), box-shadow var(--duree-rapide) var(--ease-cozy);background:#ffca5a;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 6px #ab8432,0 9px 14px #00000042}.btn-more:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #00000047}.btn-more:active{transition-duration:90ms;transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #00000038}.btn-more:focus-visible{outline-offset:3px;outline:2px solid #ab8432}.btn-more{width:max-content;margin:0 auto;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#article-content,#article-title{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-in{animation:.5s ease-out forwards fadeIn}.fade-out{animation:.3s ease-out forwards fadeOut}.loading-screen{z-index:10000;color:#4e4b4d;background-color:#333031;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-screen.move-top{transition:top .8s ease-in-out;top:-100%}.loading-screen .loader-spinner{border:4px solid #f6f1e7;border-top-color:#ffca5a;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.eventsByPeriod{margin-block:3rem;position:relative}.eventsByPeriod:before{content:"";z-index:0;background:linear-gradient(#ffca5a 0%,#4e4b4d 50%,#ffca5a 100%);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:60px}.eventsByPeriod:after{content:"";z-index:1;width:4px;height:var(--scroll-progress,0%);background:#ffca5a;border-radius:2px;transition:height .1s ease-out;position:absolute;top:0;left:60px;box-shadow:0 0 10px #ffca5a}.eventsByPeriod ul{z-index:2;list-style:none;position:relative}.eventsByPeriod ul .period-parent-title{border-left:4px solid #ffca5a;margin-top:3rem;margin-bottom:1.5rem;margin-left:100px;padding-left:2rem}.eventsByPeriod ul .period-parent-title h2{color:#ffca5a;text-transform:uppercase;letter-spacing:1px;font-size:1.8rem}.eventsByPeriod ul li.event{margin-bottom:3rem;margin-left:100px;position:relative}.eventsByPeriod ul li.event:before{content:"";z-index:3;background:#ffca5a;border:4px solid #333031;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:50%;left:-52px;transform:translateY(-50%);box-shadow:0 0 0 4px #4e4b4d}.eventsByPeriod ul li.event:hover:before{transform:translateY(-50%)scale(1.3);box-shadow:0 0 0 8px #4e4b4d,0 0 20px #ffca5a}.eventsByPeriod ul li.event.child-period:before{background:#f6f1e7;border:3px solid #ffca5a;width:16px;height:16px;left:-52px;box-shadow:0 0 0 3px #4e4b4d}.eventsByPeriod ul li.event.child-period:after{content:"";background:#e8e0d1;width:30px;height:2px;position:absolute;top:50%;left:-43px;transform:translateY(-50%)}.eventsByPeriod ul li a{color:#f6f1e7;backdrop-filter:blur(10px);background:#3330314d;border:2px solid #e8e0d1;border-radius:1rem;padding:2rem;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.eventsByPeriod ul li a:before{content:"";background:linear-gradient(90deg,#0000,#ffca5a1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.eventsByPeriod ul li a:hover{background:#4e4b4d;border-color:#ffca5a;transform:translate(10px);box-shadow:0 8px 24px #0000004d}.eventsByPeriod ul li a:hover:before{left:100%}.eventsByPeriod ul li a .title{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.eventsByPeriod ul li a .title img{filter:drop-shadow(0 4px 8px #0003);width:48px;height:48px}.eventsByPeriod ul li a .title h2{color:#ffca5a;margin:0;font-size:1.8rem}.eventsByPeriod ul li a .title p{color:#b8b08d;white-space:nowrap;background:#4e4b4d;border-radius:.5rem;margin:0 0 0 auto;padding:.3rem .8rem;font-size:.9rem}.eventsByPeriod ul li a .event-content p{color:#f6f1e7;margin:0;font-size:1rem;line-height:1.6}.page{color:#f6f1e7}.periodePage .close,.personnagePage .close,.page .close{display:flex}@keyframes scrollBackground{0%{background-position:0 0}to{background-position:-100% 0}}.beta-banner{color:#333031;text-align:center;z-index:10000;background-color:#ffca5a;width:100%;padding:10px;font-size:1rem;font-weight:700}.loading-screen .loader-spinner{border-width:clamp(2px,.3vw,4px);width:clamp(28px,4vw,40px);height:clamp(28px,4vw,40px)}.beta-banner{padding:clamp(4px,1vw,10px);font-size:clamp(.8rem,1.1vw,1rem)}.eventsByPeriod:before,.eventsByPeriod:after{width:clamp(3px,.4vw,4px);left:clamp(20px,5vw,60px)}.eventsByPeriod ul .period-parent-title{margin-left:clamp(50px,8vw,100px);padding-left:clamp(1rem,2vw,2rem)}.eventsByPeriod ul .period-parent-title h2{font-size:clamp(1.3rem,2vw,1.8rem)}.eventsByPeriod ul li.event{margin-left:clamp(50px,8vw,100px)}.eventsByPeriod ul li.event:before{width:clamp(14px,2vw,20px);height:clamp(14px,2vw,20px);left:clamp(-52px,-5vw,-36px)}.eventsByPeriod ul li.event.child-period{margin-left:clamp(60px,10vw,130px)}.eventsByPeriod ul li a{padding:clamp(1rem,2vw,2rem)}.eventsByPeriod ul li a .title img{width:clamp(32px,4vw,48px);height:clamp(32px,4vw,48px)}.eventsByPeriod ul li a .title h2{font-size:clamp(1.4rem,2vw,1.8rem)}@media (width<=768px){.eventsByPeriod ul li.event:before{border-width:3px;box-shadow:0 0 0 3px #4e4b4d}.eventsByPeriod ul li.event:hover:before{box-shadow:0 0 0 6px #4e4b4d,0 0 15px #ffca5a}.eventsByPeriod ul .period-parent-title{border-left-width:3px}.eventsByPeriod ul li a:hover{transform:translate(5px)}.eventsByPeriod ul li a .title{flex-direction:column;align-items:flex-start;gap:.6rem}.eventsByPeriod ul li a .title p{margin-left:0}.periodePage:before,.personnagePage:before{will-change:background-position;background-size:80px;animation:240s linear infinite scrollBackground}}@media (width<=480px){.periodePage:before,.personnagePage:before{will-change:background-position;background-size:60px;animation:180s linear infinite scrollBackground}}@media (hover:none) and (pointer:coarse){.btn-more{min-width:44px;min-height:44px}.eventsByPeriod ul li a{min-height:44px;padding:1rem}}@media (width>=1400px){.eventsByPeriod ul li a{gap:4rem;padding:2.5rem}.eventsByPeriod ul li a .title{font-size:1.8rem}.eventsByPeriod ul li a .title img{width:56px;height:56px}.eventsByPeriod ul li a .title h2{font-size:2.4rem}}.firstplan[alt=Avatar\ Quizz]{transform:scaleX(-1)}#quiz-prehistoire:before{content:"";opacity:1;pointer-events:none;z-index:101;background-image:url(/images/interactive/pupitre.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:3.1%;height:9.5%;position:absolute;top:71.1%;left:41.3%}.periodePage #quiz-prehistoire:before{display:none}[data-tooltip]:after{content:attr(data-tooltip);color:#f6f1e7;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;z-index:10001;background:#1f1e1e;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 18px #00000059}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}[data-tooltip][data-tooltip-pos=top]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%,-4px)}[data-tooltip][data-tooltip-pos=top]:hover:after,[data-tooltip][data-tooltip-pos=top]:focus-visible:after{transform:translate(-50%)}[data-tooltip][data-tooltip-pos=right]:after{top:50%;left:calc(100% + 8px);transform:translate(-4px,-50%)}[data-tooltip][data-tooltip-pos=right]:hover:after,[data-tooltip][data-tooltip-pos=right]:focus-visible:after{transform:translateY(-50%)}@media (hover:none){[data-tooltip]:after{display:none}}