@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Itim&family=Lumanosimo&display=swap";*{margin:0;padding:0;box-sizing:border-box}header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:center;padding:0 10px;transition:all .5s ease}header .logo-container{display:flex;align-items:center;overflow:hidden}header .logo-container img{height:70px;width:100px;transition:all .5s ease-in-out;filter:brightness(1) invert(0)}header .logo-container .texte-groupe{display:flex;flex-direction:column;position:relative;top:5px}header .logo-container .texte-groupe .festival{font-family:"Inter",sans-serif;font-size:1.5rem;color:#ff0080 !important;font-weight:bold !important;transition:all .5s ease-in-out;white-space:nowrap}header .menu a{text-shadow:0 0 10px rgba(251,251,251,.9),0 0 25px rgba(251,251,251,.7),0 0 50px hsla(0,0%,100%,.5)}header.scrolled .menu a{text-shadow:0 0 10px rgba(217,51,138,.9),0 0 25px rgba(217,51,138,.6),0 0 50px rgba(217,51,138,.3)}header .menu a:hover,header .btn-ticket:hover{color:#ff0080 !important}header .btn-ticket{background-color:#ff0080;color:#000;border:2px solid #ff0080;font-weight:bold}header .btn-ticket:hover{background-color:#fff;color:#ff0080;border-color:#fff}nav{margin-left:auto;margin-right:50px;font-family:"Inter",sans-serif}nav ul{list-style:none}nav ul li a{text-decoration:none;color:inherit}nav>ul{display:flex;list-style:none;gap:100px}.logo-container{display:flex;align-items:center;padding:5px}.texte-groupe{display:flex;flex-direction:column;position:relative;top:20px}.logo-container img{height:70px}.litz{font-family:"Lumanosimo",cursive;font-size:2rem;line-height:1}.festival{font-family:"Inter",sans-serif;font-size:1rem;color:#ff0080}li{position:relative;list-style:none}.sous-menu{display:none;position:absolute}.sous-menu-mobile{display:none}li:hover .sous-menu{display:block}.sous-menu li a:hover{color:#ff0080}.menu li a{position:relative;display:inline-block;padding-bottom:5px}.menu li:nth-child(1) a:hover::after,.menu li:nth-child(3) a:hover::after{display:block;position:absolute;left:50%;top:100%;transform:translateX(-50%);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;opacity:1;visibility:visible}.menu>li:not(.dropdown)>a::after{display:none !important}@media screen and (min-width: 1025px){.menu>li:not(.dropdown)>a:hover::after{display:block !important;content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-image:url("../../build/images/soulignement.svg")}.slide-2 .container-grid{grid-template-columns:1fr;gap:30px}.slide-2 .card-diagonal .image-container{height:250px}}.sous-menu a::after{display:none !important}.menu li:nth-child(1) a:hover::after{background-image:url("../../build/images/soulignement.svg")}.menu li:nth-child(3) a:hover::after{background-image:url("../../build/images/soulignement.svg")}.btn-ticket{text-decoration:none;background-color:rgba(0,0,0,0);color:#ff0080;border:2px solid #ff0080;padding:10px 20px;font-family:"Inter",sans-serif}.btn-ticket:hover{background-color:#ff0080;color:#fff}@media screen and (max-width: 1024px){.menu-burger{display:flex}}@media screen and (min-width: 768px)and (max-width: 1024px){.navbar{position:relative;min-height:80px}.btn-ticket{position:absolute;top:20px;right:80px;padding:10px 20px;text-decoration:none;background-color:#ff0080;color:#000;border:2px solid #ff0080;font-weight:bold;z-index:1000;pointer-events:auto}.menu-burger{display:flex !important;flex-direction:column;justify-content:space-between;position:absolute;top:32px;right:-60px;width:30px;height:20px;border:none;background:none;cursor:pointer;z-index:1001}.menu-burger span{width:100%;height:3px;background-color:#00e7dc;border-radius:2px;transition:all .3s ease-in-out}.menu-burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-burger.active span:nth-child(2){opacity:0;transform:translateX(-10px)}.menu-burger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu{display:none;position:absolute;top:80px;right:20px;flex-direction:column;gap:15px;padding:20px;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);text-align:left;z-index:999}.menu.active{display:flex}.menu li{list-style:none;margin:0}.menu a{text-decoration:none}.menu a:hover{color:#ff0080}.sous-menu{position:static;display:block;margin-top:8px;padding-left:0}.sous-menu li{margin-top:5px}}.menu li a::after{display:none}@media screen and (max-width: 768px){header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:80px}header .menu.active a{color:#fff}.menu-burger{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;z-index:1001}.menu-burger span{width:25px;height:3px;background-color:#00e7dc;border-radius:2px;transition:.3s}.menu-burger.active{position:fixed;top:250px;right:20px}.menu-burger.active span:nth-child(1){transform:rotate(45deg) translateY(8px)}.menu-burger.active span:nth-child(2){opacity:0}.menu-burger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.95);display:none;flex-direction:column;justify-content:center;align-items:center;gap:40px;overflow-y:auto;list-style:none;z-index:1000}.menu.active{display:flex}.menu a{color:#fff;font-size:22px;text-decoration:none}.menu a:active{color:#ff0080}.sous-menu{display:none;list-style-type:none;padding:0;margin:20px 0 0 0;position:relative}.festival{font-size:.5rem !important;color:red !important}.dropdown.active .sous-menu{display:flex;flex-direction:column;gap:15px;margin-top:10px}.sous-menu a{font-size:18px;color:#ccc;display:block;line-height:normal}.sous-menu-mobile{margin-left:8px;cursor:pointer;color:#ff0080;user-select:none;display:inline-block}.navbar{order:3;margin:0;padding:0;display:flex;align-items:center}.btn-ticket{order:2;margin-right:20px;margin-left:auto;text-decoration:none;background-color:#ff0080;color:#000;border:2px solid #ff0080;padding:10px 20px;font-family:"Inter",sans-serif;font-weight:bold;transition:all .3s ease}.menu-burger{order:2;display:flex;flex-direction:column;gap:3px;background:none;border:none;cursor:pointer}.dropdown>a{pointer-events:none}.dropdown:hover .sous-menu{display:none}.sous-menu{display:none;list-style-type:none;padding:10px}.sous-menu a{font-size:18px;color:#ccc;display:block;line-height:normal;pointer-events:auto;position:relative;top:-5px}.dropdown.active .sous-menu,.dropdown.active:hover .sous-menu{display:flex;flex-direction:column;align-items:center;gap:15px}.sous-menu-mobile{margin-left:8px;cursor:pointer;color:#ff0080;user-select:none;display:inline-block;padding-top:-10px;transition:transform .3s ease;pointer-events:auto}.dropdown.active .sous-menu-mobile{transform:rotate(180deg)}}.slide{height:100vh;width:100%;padding-top:80px}.slide-1{font-family:"Inter",sans-serif;font-weight:bold;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:170px;align-items:center;text-align:center;background-image:url("../../build/images/orelsan.png");background-size:cover;background-position:center;background-repeat:no-repeat;gap:10px}.slide-1 h1{color:#ff0080;font-size:4rem}.slide-1 p{color:#fff;font-size:2rem}.slide-1 p span{color:#ff0080;font-weight:bold}.slide-1 .btn-line-up{display:inline-block;text-decoration:none;background-color:rgba(0,0,0,0);border:4px solid #fff;padding:10px 20px;transition:all .3s ease}.slide-1 .btn-line-up a{text-decoration:none;font-family:"Inter",sans-serif;font-weight:bold;display:block;color:#fff;transition:color .3s ease}.slide-1 .btn-line-up:hover{background-color:#fff}.slide-1 .btn-line-up:hover a{color:#ff0080}.slide-1 .btn-line-up .festival{font-size:1rem}.slide-1 .bandeau-container{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;background-color:#000;padding:15px 0;z-index:10}.slide-1 .bandeau-lien{display:flex;width:max-content;animation:scrollMarquee 15s linear infinite;text-decoration:none;cursor:pointer}.slide-1 .ticket-content{display:flex;white-space:nowrap}.slide-1 .ticket-content span{font-family:"Arial Black",Impact,sans-serif;font-size:2.5rem;font-weight:900;color:#fff !important;letter-spacing:2px;padding-right:20px;text-decoration:none}.slide-1 .bandeau-container:hover .ticket-content span{color:#ff0080 !important}@keyframes scrollMarquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 20px))}}.slide-2{background-color:#333}header{transition:background .3s,color .3s}header .logo-container img{transition:filter .3s ease;filter:brightness(1) invert(0)}header .litz,header .festival,header .menu a,header .btn-ticket{color:#000}header.scrolled .logo-container img{filter:brightness(0) invert(1)}header.scrolled .litz,header.scrolled .festival,header.scrolled .menu a,header.scrolled .btn-ticket{color:#fff}header{transition:all .5s ease}header .logo-container{overflow:hidden}header .logo-container img,header .logo-container .litz{transition:all .7s ease}header .logo-container img{width:100px;transition:all .5s ease-in-out}header .logo-container .litz{font-size:24px;transition:all .5s ease-in-out}header .logo-container .festival{transition:all .5s ease-in-out;opacity:1;width:auto;white-space:nowrap}header.scrolled .menu a:hover{color:#ff0080}header.scrolled .logo-container img{width:60px}header.scrolled .logo-container .litz{font-size:16px}header.scrolled .logo-container .festival{opacity:0;display:none}.slide-2{background-color:#000;padding:140px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-2 header{color:#fff}.slide-2 .container-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;width:90%;max-width:1200px}.slide-2 .card-diagonal{display:flex;flex-direction:column;align-items:center;transition:transform .4s ease-in-out}.slide-2 .card-diagonal .image-container{width:100%;height:400px;overflow:hidden;border:2px solid #ff0080}.slide-2 .card-diagonal .image-container img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease}.slide-2 .card-diagonal h3{margin-top:20px;font-family:"Inter",sans-serif;color:#fff;font-size:1.8rem;font-weight:bold;letter-spacing:2px}.slide-2 .card-diagonal:hover img{filter:grayscale(0%);transform:scale(1.05)}.slide-2 .card-diagonal:hover h3{color:#ff0080}.slide-2 .card-diagonal:nth-child(1){transform:translateY(-60px)}.slide-2 .card-diagonal:nth-child(2){transform:translateY(0)}.slide-2 .card-diagonal:nth-child(3){transform:translateY(60px)}@media screen and (max-width: 768px){.slide-2{width:100%}.slide-2 .container-grid{grid-template-columns:1fr;gap:80px}.slide-2 .card-diagonal:nth-child(1),.slide-2 .card-diagonal:nth-child(2),.slide-2 .card-diagonal:nth-child(3){transform:translateY(0)}}.color-orelsan{--artist-color: #00E7DC;--text-color: #004643}.color-thea{--artist-color: #FF0080;--text-color: #4D0026}.color-damso{--artist-color: #A9EE06;--text-color: #314600}.color-helena{--artist-color: #FB00FF;--text-color: #4B004D}.color-pierre-garnier{--artist-color: #FFA43C;--text-color: #4C2900}.color-tayc{--artist-color: #A9EE06;--text-color: #314600}.color-assyla{--artist-color: #00E7DC;--text-color: #004643}.color-mentissa{--artist-color: #FF3C3C;--text-color: #4D0000}.color-loic-nottet{--artist-color: #FF3C3C;--text-color: #4D0000}.color-nuit-incolore{--artist-color: #FFA43C;--text-color: #4C2900}.color-dadju{--artist-color: #FF3C3C;--text-color: #4D0000}.color-pierre-de-maere{--artist-color: #00E7DC;--text-color: #004643}.slide.line_up{background-color:#000;padding-top:80px;padding-bottom:60px;overflow-x:hidden;overflow-y:auto;min-height:100vh;height:auto !important;box-sizing:border-box;width:100%}.slide.line_up p{color:#fff;font-size:3.5rem;font-weight:bold;font-family:"Inter",sans-serif;text-align:center;margin:30px 0 40px}.grid-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;padding:0 20px 40px;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto}@media(max-width: 1024px){.grid-container{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.grid-container{grid-template-columns:1fr;gap:16px}}.artist-card{width:100%;aspect-ratio:1/1;perspective:1000px;overflow:visible}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;cursor:pointer}.artist-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;box-sizing:border-box}.card-front{background-color:#000;border:30px solid var(--artist-color);overflow:hidden}.card-front .artist-conatiner{position:relative;width:100%;height:100%}.card-front .artist-conatiner img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}p{text-align:center;color:#fff}.name-tag{position:absolute;bottom:12px;left:0;width:100%;text-align:center;color:#fff;font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 8px #000;white-space:normal;line-height:1.2;background:rgba(0,0,0,0);padding:0 8px;box-sizing:border-box}.card-back{transform:rotateY(180deg);background-color:var(--artist-color);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:var(--text-color, #000)}.artist-name-back{font-size:20px;font-weight:bold;color:var(--text-color, #000);margin:0 0 10px;letter-spacing:2px;text-transform:uppercase}.artist-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%}.artist-info h3{font-size:48px;margin:0;color:var(--text-color, #000);font-weight:900;line-height:1}.artist-info button{background-color:var(--artist-color);color:rgba(0,0,0,.6);border:none;border-radius:50px;padding:12px 32px;font-size:1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 0px rgba(0,0,0,.2);transition:all .1s ease}.artist-info button:active{transform:translateY(4px);box-shadow:0 2px 0px rgba(0,0,0,.2)}.artist-info button:hover{background-color:var(--text-color, #000);color:var(--artist-color)}.artist-info a{color:inherit;text-decoration:none;display:inline-block}@media(max-width: 600px){.slide.line_up{padding-top:80px;padding-bottom:40px}.slide.line_up p{font-size:2rem}}/*# sourceMappingURL=style.css.map */