/* Généré par src/app_stages.py (build) : ne pas éditer à la main. */
.stage-hero .st-f, .stage-hero .st-ring, .stage-hero .st-cur, .stage-hero .st-rip { animation-duration: 11s; }
@keyframes hero-f2 { 0%, 21.82% { opacity: 0; } 25.00% { opacity: 1; } 45.00% { opacity: 1; } 45.09%, 100% { opacity: 0; } }
.stage-hero .st-f2 { animation-name: hero-f2; }
@keyframes hero-f3 { 0%, 41.82% { opacity: 0; } 45.00% { opacity: 1; } 61.36% { opacity: 1; } 61.45%, 100% { opacity: 0; } }
.stage-hero .st-f3 { animation-name: hero-f3; }
@keyframes hero-f4 { 0%, 58.18% { opacity: 0; } 61.36% { opacity: 1; } 92.73% { opacity: 1; } 95.91%, 100% { opacity: 0; } }
.stage-hero .st-f4 { animation-name: hero-f4; }
@keyframes hero-r1 { 0%, 10.00% { opacity: 0; scale: 1.08; } 12.73% { opacity: 1; scale: 1; } 15.91% { scale: 1.02; } 21.82% { opacity: 1; scale: 1; } 24.55%, 100% { opacity: 0; scale: 1; } }
.stage-hero .st-r1 { animation-name: hero-r1; }
@keyframes hero-r2 { 0%, 32.73% { opacity: 0; scale: 1.08; } 35.45% { opacity: 1; scale: 1; } 37.27% { scale: 1.02; } 41.82% { opacity: 1; scale: 1; } 44.55%, 100% { opacity: 0; scale: 1; } }
.stage-hero .st-r2 { animation-name: hero-r2; }
@keyframes hero-r3 { 0%, 50.00% { opacity: 0; scale: 1.08; } 52.73% { opacity: 1; scale: 1; } 54.09% { scale: 1.02; } 58.18% { opacity: 1; scale: 1; } 60.91%, 100% { opacity: 0; scale: 1; } }
.stage-hero .st-r3 { animation-name: hero-r3; }
@keyframes hero-r4 { 0%, 63.64% { opacity: 0; scale: 1.08; } 66.36% { opacity: 1; scale: 1; } 76.36% { scale: 1.02; } 89.09% { opacity: 1; scale: 1; } 91.82%, 100% { opacity: 0; scale: 1; } }
.stage-hero .st-r4 { animation-name: hero-r4; }
@keyframes hero-cur { 0.00% { left: 92%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 2.73% { left: 92%; top: 96%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 11.82% { left: 80.84%; top: 54.02%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 12.73% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 13.64% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 15.27% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 26.36% { left: 80.84%; top: 54.02%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 35.45% { left: 82.65%; top: 52.76%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 36.36% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 37.27% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 38.91% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 44.55% { left: 82.65%; top: 52.76%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 52.73% { left: 64.38%; top: 62.62%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 53.64% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 54.55% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 56.18% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 60.91% { left: 64.38%; top: 62.62%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 69.09% { left: 84%; top: 70%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 100% { left: 84%; top: 70%; opacity: 0; } }
.stage-hero .st-cur { animation-name: hero-cur; }
@keyframes hero-rip { 0% { opacity: 0; scale: .3; } 13.55% { opacity: 0; scale: .3; } 13.64% { opacity: .55; scale: .3; } 18.18% { opacity: 0; scale: 1.7; } 37.18% { opacity: 0; scale: .3; } 37.27% { opacity: .55; scale: .3; } 41.82% { opacity: 0; scale: 1.7; } 54.45% { opacity: 0; scale: .3; } 54.55% { opacity: .55; scale: .3; } 59.09% { opacity: 0; scale: 1.7; } 100% { opacity: 0; scale: .3; } }
.stage-hero .st-rip { animation-name: hero-rip; }
.stage-projet .st-f, .stage-projet .st-ring, .stage-projet .st-cur, .stage-projet .st-rip { animation-duration: 8s; }
@keyframes projet-r1 { 0%, 7.50% { opacity: 0; scale: 1.08; } 11.25% { opacity: 1; scale: 1; } 20.00% { scale: 1.02; } 32.50% { opacity: 1; scale: 1; } 36.25%, 100% { opacity: 0; scale: 1; } }
.stage-projet .st-r1 { animation-name: projet-r1; }
@keyframes projet-r2 { 0%, 37.50% { opacity: 0; scale: 1.08; } 41.25% { opacity: 1; scale: 1; } 50.00% { scale: 1.02; } 62.50% { opacity: 1; scale: 1; } 66.25%, 100% { opacity: 0; scale: 1; } }
.stage-projet .st-r2 { animation-name: projet-r2; }
@keyframes projet-r3 { 0%, 67.50% { opacity: 0; scale: 1.08; } 71.25% { opacity: 1; scale: 1; } 80.00% { scale: 1.02; } 92.50% { opacity: 1; scale: 1; } 96.25%, 100% { opacity: 0; scale: 1; } }
.stage-projet .st-r3 { animation-name: projet-r3; }
@keyframes projet-cur { 0.00% { left: 96%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 3.75% { left: 96%; top: 96%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 11.25% { left: 60.16%; top: 38.86%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 35.00% { left: 60.16%; top: 38.86%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 42.50% { left: 78.47%; top: 24.12%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 65.00% { left: 78.47%; top: 24.12%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 72.50% { left: 21.82%; top: 76.52%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 90.00% { left: 21.82%; top: 76.52%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 97.50% { left: 40%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 100% { left: 40%; top: 96%; opacity: 0; } }
.stage-projet .st-cur { animation-name: projet-cur; }
.stage-maquette .st-f, .stage-maquette .st-ring, .stage-maquette .st-cur, .stage-maquette .st-rip { animation-duration: 8s; }
@keyframes maquette-r1 { 0%, 10.00% { opacity: 0; scale: 1.08; } 13.75% { opacity: 1; scale: 1; } 26.25% { scale: 1.02; } 42.50% { opacity: 1; scale: 1; } 46.25%, 100% { opacity: 0; scale: 1; } }
.stage-maquette .st-r1 { animation-name: maquette-r1; }
@keyframes maquette-r2 { 0%, 11.25% { opacity: 0; scale: 1.08; } 15.00% { opacity: 1; scale: 1; } 26.88% { scale: 1.02; } 42.50% { opacity: 1; scale: 1; } 46.25%, 100% { opacity: 0; scale: 1; } }
.stage-maquette .st-r2 { animation-name: maquette-r2; }
@keyframes maquette-r3 { 0%, 47.50% { opacity: 0; scale: 1.08; } 51.25% { opacity: 1; scale: 1; } 65.00% { scale: 1.02; } 82.50% { opacity: 1; scale: 1; } 86.25%, 100% { opacity: 0; scale: 1; } }
.stage-maquette .st-r3 { animation-name: maquette-r3; }
@keyframes maquette-r4 { 0%, 48.75% { opacity: 0; scale: 1.08; } 52.50% { opacity: 1; scale: 1; } 65.62% { scale: 1.02; } 82.50% { opacity: 1; scale: 1; } 86.25%, 100% { opacity: 0; scale: 1; } }
.stage-maquette .st-r4 { animation-name: maquette-r4; }
@keyframes maquette-cur { 0.00% { left: 96%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 3.75% { left: 96%; top: 96%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 10.00% { left: 58.51%; top: 44.89%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 11.25% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 12.50% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 14.75% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 40.00% { left: 58.51%; top: 44.89%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 47.50% { left: 23.67%; top: 89.26%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 48.75% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 50.00% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 52.25% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 80.00% { left: 23.67%; top: 89.26%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 90.00% { left: 50%; top: 99%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 100% { left: 50%; top: 99%; opacity: 0; } }
.stage-maquette .st-cur { animation-name: maquette-cur; }
@keyframes maquette-rip { 0% { opacity: 0; scale: .3; } 12.38% { opacity: 0; scale: .3; } 12.50% { opacity: .55; scale: .3; } 18.75% { opacity: 0; scale: 1.7; } 49.88% { opacity: 0; scale: .3; } 50.00% { opacity: .55; scale: .3; } 56.25% { opacity: 0; scale: 1.7; } 100% { opacity: 0; scale: .3; } }
.stage-maquette .st-rip { animation-name: maquette-rip; }
.stage-preprod .st-f, .stage-preprod .st-ring, .stage-preprod .st-cur, .stage-preprod .st-rip { animation-duration: 10s; }
@keyframes preprod-f2 { 0%, 22.00% { opacity: 0; } 25.50% { opacity: 1; } 38.50% { opacity: 1; } 38.60%, 100% { opacity: 0; } }
.stage-preprod .st-f2 { animation-name: preprod-f2; }
@keyframes preprod-f3 { 0%, 35.00% { opacity: 0; } 38.50% { opacity: 1; } 60.50% { opacity: 1; } 60.60%, 100% { opacity: 0; } }
.stage-preprod .st-f3 { animation-name: preprod-f3; }
@keyframes preprod-f4 { 0%, 57.00% { opacity: 0; } 60.50% { opacity: 1; } 92.00% { opacity: 1; } 95.50%, 100% { opacity: 0; } }
.stage-preprod .st-f4 { animation-name: preprod-f4; }
@keyframes preprod-r1 { 0%, 8.00% { opacity: 0; scale: 1.08; } 11.00% { opacity: 1; scale: 1; } 15.00% { scale: 1.02; } 22.00% { opacity: 1; scale: 1; } 25.00%, 100% { opacity: 0; scale: 1; } }
.stage-preprod .st-r1 { animation-name: preprod-r1; }
@keyframes preprod-r2 { 0%, 39.00% { opacity: 0; scale: 1.08; } 42.00% { opacity: 1; scale: 1; } 47.50% { scale: 1.02; } 56.00% { opacity: 1; scale: 1; } 59.00%, 100% { opacity: 0; scale: 1; } }
.stage-preprod .st-r2 { animation-name: preprod-r2; }
@keyframes preprod-r3 { 0%, 61.00% { opacity: 0; scale: 1.08; } 64.00% { opacity: 1; scale: 1; } 74.50% { scale: 1.02; } 88.00% { opacity: 1; scale: 1; } 91.00%, 100% { opacity: 0; scale: 1; } }
.stage-preprod .st-r3 { animation-name: preprod-r3; }
@keyframes preprod-r4 { 0%, 61.00% { opacity: 0; scale: 1.08; } 64.00% { opacity: 1; scale: 1; } 74.50% { scale: 1.02; } 88.00% { opacity: 1; scale: 1; } 91.00%, 100% { opacity: 0; scale: 1; } }
.stage-preprod .st-r4 { animation-name: preprod-r4; }
@keyframes preprod-cur { 0.00% { left: 94%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 3.00% { left: 94%; top: 96%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 10.00% { left: 20.83%; top: 46.77%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 11.00% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 12.00% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 13.80% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 23.00% { left: 20.83%; top: 46.77%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 30.00% { left: 23.67%; top: 86.28%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 33.00% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 34.00% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 35.80% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 39.00% { left: 23.67%; top: 86.28%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 50.00% { left: 91.81%; top: 98.71%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 52.00% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 53.00% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 54.80% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 59.00% { left: 91.81%; top: 98.71%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 68.00% { left: 60%; top: 99%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 100% { left: 60%; top: 99%; opacity: 0; } }
.stage-preprod .st-cur { animation-name: preprod-cur; }
@keyframes preprod-rip { 0% { opacity: 0; scale: .3; } 11.90% { opacity: 0; scale: .3; } 12.00% { opacity: .55; scale: .3; } 17.00% { opacity: 0; scale: 1.7; } 33.90% { opacity: 0; scale: .3; } 34.00% { opacity: .55; scale: .3; } 39.00% { opacity: 0; scale: 1.7; } 52.90% { opacity: 0; scale: .3; } 53.00% { opacity: .55; scale: .3; } 58.00% { opacity: 0; scale: 1.7; } 100% { opacity: 0; scale: .3; } }
.stage-preprod .st-rip { animation-name: preprod-rip; }
.stage-messages .st-f, .stage-messages .st-ring, .stage-messages .st-cur, .stage-messages .st-rip { animation-duration: 8s; }
@keyframes messages-f2 { 0%, 20.00% { opacity: 0; } 24.38% { opacity: 1; } 46.88% { opacity: 1; } 47.00%, 100% { opacity: 0; } }
.stage-messages .st-f2 { animation-name: messages-f2; }
@keyframes messages-f3 { 0%, 42.50% { opacity: 0; } 46.88% { opacity: 1; } 90.00% { opacity: 1; } 94.38%, 100% { opacity: 0; } }
.stage-messages .st-f3 { animation-name: messages-f3; }
@keyframes messages-r1 { 0%, 11.25% { opacity: 0; scale: 1.08; } 15.00% { opacity: 1; scale: 1; } 21.88% { scale: 1.02; } 32.50% { opacity: 1; scale: 1; } 36.25%, 100% { opacity: 0; scale: 1; } }
.stage-messages .st-r1 { animation-name: messages-r1; }
@keyframes messages-r2 { 0%, 35.00% { opacity: 0; scale: 1.08; } 38.75% { opacity: 1; scale: 1; } 40.00% { scale: 1.02; } 45.00% { opacity: 1; scale: 1; } 48.75%, 100% { opacity: 0; scale: 1; } }
.stage-messages .st-r2 { animation-name: messages-r2; }
@keyframes messages-r3 { 0%, 48.75% { opacity: 0; scale: 1.08; } 52.50% { opacity: 1; scale: 1; } 65.62% { scale: 1.02; } 82.50% { opacity: 1; scale: 1; } 86.25%, 100% { opacity: 0; scale: 1; } }
.stage-messages .st-r3 { animation-name: messages-r3; }
@keyframes messages-cur { 0.00% { left: 90%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 3.75% { left: 90%; top: 96%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 12.50% { left: 40%; top: 79%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 13.75% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 15.00% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 17.25% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 27.50% { left: 40%; top: 79%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 37.50% { left: 77.3%; top: 79.29%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 38.75% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 40.00% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 42.25% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 48.75% { left: 77.3%; top: 79.29%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 60.00% { left: 90%; top: 99%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 100% { left: 90%; top: 99%; opacity: 0; } }
.stage-messages .st-cur { animation-name: messages-cur; }
@keyframes messages-rip { 0% { opacity: 0; scale: .3; } 14.88% { opacity: 0; scale: .3; } 15.00% { opacity: .55; scale: .3; } 21.25% { opacity: 0; scale: 1.7; } 39.88% { opacity: 0; scale: .3; } 40.00% { opacity: .55; scale: .3; } 46.25% { opacity: 0; scale: 1.7; } 100% { opacity: 0; scale: .3; } }
.stage-messages .st-rip { animation-name: messages-rip; }
.stage-equipe .st-f, .stage-equipe .st-ring, .stage-equipe .st-cur, .stage-equipe .st-rip { animation-duration: 7s; }
@keyframes equipe-r1 { 0%, 11.43% { opacity: 0; scale: 1.08; } 15.71% { opacity: 1; scale: 1; } 47.14% { scale: 1.02; } 82.86% { opacity: 1; scale: 1; } 87.14%, 100% { opacity: 0; scale: 1; } }
.stage-equipe .st-r1 { animation-name: equipe-r1; }
@keyframes equipe-cur { 0.00% { left: 60%; top: 96%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 4.29% { left: 60%; top: 96%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 14.29% { left: 10.5%; top: 62.03%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 15.71% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 17.14% { scale: .82; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 19.71% { scale: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 77.14% { left: 10.5%; top: 62.03%; opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 88.57% { left: 40%; top: 99%; opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1); } 100% { left: 40%; top: 99%; opacity: 0; } }
.stage-equipe .st-cur { animation-name: equipe-cur; }
@keyframes equipe-rip { 0% { opacity: 0; scale: .3; } 17.00% { opacity: 0; scale: .3; } 17.14% { opacity: .55; scale: .3; } 24.29% { opacity: 0; scale: 1.7; } 100% { opacity: 0; scale: .3; } }
.stage-equipe .st-rip { animation-name: equipe-rip; }