.background[data-v-9e548a3e]{background-color:#070b28;display:flex;justify-content:center}.composant-section[data-v-9e548a3e]{background-color:#070b28;flex-direction:column;gap:64px;text-align:left}.title-text[data-v-9e548a3e]{color:#f2eff5}.vignettes[data-v-9e548a3e]{display:flex;gap:32px}.vignettes-droite[data-v-9e548a3e]{width:30%}.vignettes-droite .vignette[data-v-9e548a3e]{background-color:#fff;height:100%}.vignettes-gauche[data-v-9e548a3e]{flex-direction:column;width:70%}.vignette-haute[data-v-9e548a3e],.vignettes-gauche[data-v-9e548a3e]{display:flex;gap:32px}.vignette-haute[data-v-9e548a3e]>:first-child{background-color:#ecf5c8;width:40%}.vignette-haute[data-v-9e548a3e]>:nth-child(2){background-color:#af9ce3;width:60%}.vignette-base[data-v-9e548a3e]{display:flex;gap:32px}.vignette-base[data-v-9e548a3e]>:first-child{background-color:#ece7f8;width:60%}.vignette-base[data-v-9e548a3e]>:nth-child(2){background-color:#d5ea81;width:40%}.vignette[data-v-9e548a3e]{border-radius:16px;cursor:pointer;gap:16px;padding:32px;transition:transform .3s ease}.vignette[data-v-9e548a3e],.vignette-content[data-v-9e548a3e]{display:flex;flex-direction:column}.vignette-content[data-v-9e548a3e]{gap:8px;text-align:left}@keyframes fadeInUp-9e548a3e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vignette[data-v-9e548a3e]{opacity:0}.vignettes.visible .vignettes-droite .vignette[data-v-9e548a3e]{animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.8s}.vignettes.visible .vignette-haute[data-v-9e548a3e]>:first-child{animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.4s}.vignettes.visible .vignette-haute[data-v-9e548a3e]>:nth-child(2){animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.6s}.vignettes.visible .vignette-base[data-v-9e548a3e]>:nth-child(2){animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.2s}.vignettes.visible .vignette-base[data-v-9e548a3e]>:first-child{animation:fadeInUp-9e548a3e .6s ease-out forwards}@media(max-width:1280px){.vignette-base[data-v-9e548a3e],.vignette-haute[data-v-9e548a3e],.vignettes[data-v-9e548a3e],.vignettes-gauche[data-v-9e548a3e]{gap:24px}}@media(max-width:1024px){.vignettes[data-v-9e548a3e]{flex-wrap:wrap;gap:16px}.vignettes-droite[data-v-9e548a3e],.vignettes-gauche[data-v-9e548a3e]{width:100%}.vignettes-droite .vignette[data-v-9e548a3e]{order:2;width:100%}.vignette-base[data-v-9e548a3e],.vignette-haute[data-v-9e548a3e],.vignettes-gauche[data-v-9e548a3e]{gap:16px}.vignettes.visible .vignettes-droite .vignette[data-v-9e548a3e]{animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:0s}.vignettes.visible .vignette-haute[data-v-9e548a3e]>:first-child{animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.6s}.vignettes.visible .vignette-haute[data-v-9e548a3e]>:nth-child(2){animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.8s}.vignettes.visible .vignette-base[data-v-9e548a3e]>:nth-child(2){animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.4s}.vignettes.visible .vignette-base[data-v-9e548a3e]>:first-child{animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:.2s}}@media(max-width:768px){.vignette-base[data-v-9e548a3e]>:first-child,.vignette-haute[data-v-9e548a3e]>:nth-child(2){width:55%}.vignette-base[data-v-9e548a3e]>:nth-child(2),.vignette-haute[data-v-9e548a3e]>:first-child{width:45%}}@media(max-width:430px){.vignette-haute[data-v-9e548a3e]{flex-direction:column}.vignette-haute[data-v-9e548a3e]>:first-child,.vignette-haute[data-v-9e548a3e]>:nth-child(2){width:100%}.vignette-base[data-v-9e548a3e]{flex-direction:column}.vignette-base[data-v-9e548a3e]>:first-child,.vignette-base[data-v-9e548a3e]>:nth-child(2){width:100%}.vignettes.visible .vignette-base[data-v-9e548a3e]>:first-child,.vignettes.visible .vignette-base[data-v-9e548a3e]>:nth-child(2),.vignettes.visible .vignette-haute[data-v-9e548a3e]>:first-child,.vignettes.visible .vignette-haute[data-v-9e548a3e]>:nth-child(2),.vignettes.visible .vignettes-droite .vignette[data-v-9e548a3e]{animation:fadeInUp-9e548a3e .6s ease-out forwards;animation-delay:0s}}