@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Regular.ttf");font-display:swap;font-weight:normal;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Black.ttf");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Bold.ttf");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-ExtraBold.ttf");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-ExtraLight.ttf");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Light.ttf");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Medium.ttf");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:"Agharti";src:url("./../fonts/Agharti-condensedblack.ttf");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:"Agrandir";src:url("./../fonts/Agrandir-Regular.otf");font-display:swap;font-weight:normal;font-style:normal}@font-face{font-family:"Agrandir";src:url("./../fonts/Agrandir-TextBold.otf");font-display:swap;font-weight:700;font-style:normal}*,*:after,*:before{box-sizing:border-box}*::selection{background:#951d14;color:#fff}html{font-size:62.5%;color:#000}body{font-family:"InterTight",sans-serif;color:#000;font-size:1.8rem}strong{font-weight:700}a,a:hover,a:visited{text-decoration:none}img{max-width:100%;height:auto;width:auto;vertical-align:middle}.btn{padding:12px 24px;background:#efd347;color:#951d14;font-weight:700;font-size:1.65rem;text-transform:uppercase;transition:all .3s ease;min-width:250px;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#951d14;color:#fff}.btn.btn-bleu{background:#7bdefb;color:#951d14}.btn.btn-bleu:hover{background:#951d14;color:#fff}.btn.btn-rouge{background:#951d14;color:#fff;border-color:#951d14}.btn.btn-rouge:hover{background:#fff;color:#951d14}.btn.btn-rose{background:#51b342;color:#305d49;border-color:#51b342}.btn.btn-rose:hover{background:#305d49;color:#51b342}.btn.btn-blanc{background:#fff;color:#e73224;border-color:#fff}.btn.btn-blanc:hover{background:#e73224;color:#fff}.btn-small{min-width:max-content}.btn-border{border:1px solid}a.arrow{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#fff;text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:5px;transition:all .3s ease}a.arrow:hover{text-decoration:none;gap:20px}a.arrow img{height:1em}.foodtruck{color:#51b342;display:flex;justify-content:space-between;padding:5vw 10vw}.foodtruck .left{width:50%;padding-right:10vw}.foodtruck .left h2{font-size:8rem;text-transform:uppercase;font-family:"Agharti",sans-serif;font-weight:900;line-height:1.15;margin-bottom:2vh}.foodtruck .left p{line-height:1.25;font-size:1.9rem;font-weight:500;margin-bottom:2vh}.foodtruck .right{width:50%;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.foodtruck .right figure{width:calc(25% - 15px)}.foodtruck .right figure img{width:100%;max-height:85%;object-fit:cover;transition:all .3s ease;margin-bottom:2vh}.foodtruck .right figure img:hover{transform:scale(1.1)}.foodtruck .right figure figcaption{font-size:3.3rem;text-align:center;font-family:"Agharti",sans-serif;color:#305d49;line-height:1.2}.foodtruck .right figure.select figcaption{text-decoration:underline;text-decoration-color:#51b342;text-decoration-thickness:5px;text-underline-offset:5px}@media screen and (max-width: 1550px){.foodtruck{padding:5vw}}@media screen and (max-width: 1380px){.foodtruck{margin-top:50px}.foodtruck .left{padding-right:5vw;width:45%}.foodtruck .right{width:55%}}@media screen and (max-width: 1024px){.foodtruck{flex-direction:column;align-items:center}.foodtruck .left{width:100%;padding-right:0}.foodtruck .left p{width:80%}.foodtruck .right{width:100%;flex-direction:row;justify-content:space-between;padding:5vw;gap:5vw}.foodtruck .right figure{width:20%}}@media screen and (max-width: 768px){.foodtruck .left p{width:100%}.foodtruck .right{width:100%;flex-direction:column;align-items:center;gap:2vh}.foodtruck .right figure{width:100%}}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}header .logo{width:125px;filter:brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(3925%) hue-rotate(354deg) brightness(92%) contrast(91%);padding:5px 0}header .logo img{width:100%;height:auto}header .menu ul{display:flex;align-items:center;gap:40px}header .menu ul li a{color:#951d14;font-weight:700;font-family:"Agrandir",sans-serif;text-transform:uppercase;font-size:1.65rem;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;justify-content:center}header .menu ul li a:before{content:"";width:0;height:2px;background:#efd347;position:absolute;bottom:0;transition:all .3s ease}header .menu ul li a:hover{color:#efd347}header .menu ul li a:hover:before{width:100%}header .menu ul li.contact{margin-left:40px;display:flex;align-items:center;gap:20px}header .menu ul li.contact a.insta{width:27px;height:27px}header .menu ul li.contact a.insta img{width:100%;height:100%}header .menu ul li.contact a.insta:hover{transform:scale(1.1)}header .menu ul li.contact .btn:before,header .menu ul li.contact a.insta:before{display:none}header .menu ul li.current a:before{width:100%;background:#951d14}header .menu ul li.current a:hover{color:#951d14}header .burger{display:none}@media screen and (max-width: 1024px){header .burger{display:block;position:relative;width:40px;height:36px;padding-top:6px;z-index:100}header .burger input{position:absolute;top:-3px;left:-3px;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}header .burger input:checked+span{background:rgba(0,0,0,0)}header .burger input:checked+span:after{transform:rotate(45deg) translate(-1px, -12px)}header .burger input:checked+span:before{transform:rotate(-45deg) translate(-4px, 16px)}header .burger span{position:absolute;width:100%;height:2px;background:#951d14;margin-top:10px;transition:all .1s}header .burger span:before,header .burger span:after{content:"";position:absolute;width:100%;height:2px;background:#951d14;top:-12px;transition:all .3s}header .burger span:after{top:12px}header .menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99;display:flex;justify-content:center;align-items:center;transform:translateX(100%);transition:all .8s ease}header .menu ul{display:flex;flex-direction:column;gap:20px;height:50vh}header .menu ul li a{font-size:3rem;margin-bottom:2vh}header .menu ul li.contact{margin-left:0;flex-direction:column;margin-top:10vh}header .menu ul li.contact .btn{min-width:250px}header .menu ul li.contact a.insta{width:30px;height:30px}header .menu.active{transform:translateX(0)}}@media screen and (max-width: 768px){header .burger{width:30px;height:30px}header .burger span{margin-top:8px}header .burger span:after{top:10px}header .burger span:before{top:-10px}header .burger input:checked+span:before{transform:rotate(-45deg) translate(-4px, 12px)}header .burger input:checked+span:after{transform:rotate(45deg) translate(-1px, -11px)}}footer{background:#951d14}footer .footer-top{display:flex;flex-wrap:wrap;padding:10vh 10vw 1vh;color:#fff;justify-content:space-between}footer .footer-top>div p{font-size:1.8rem;font-weight:500;line-height:1.35;text-transform:uppercase;margin-bottom:2vh}footer .footer-top ul{display:flex;flex-direction:column;justify-content:center;gap:15px}footer .footer-top ul li a{color:#fff;font-size:1.8rem;font-weight:300;transition:all .3s ease}footer .footer-top ul li a:hover{color:#efd347}footer .footer-top a.logo{height:150px}footer .footer-top a.logo img{height:100%;width:auto}footer .footer-bottom{font-size:1.6rem;text-align:center;margin-top:5vh;padding:1.5vh 5vw;font-weight:500;line-height:1.45;background:#951d14;color:#fff}footer .footer-bottom a{color:#fff;text-decoration:underline;text-transform:uppercase;transition:all .3s ease}footer .footer-bottom a:hover{text-decoration:none}@media screen and (max-width: 1550px){footer .footer-top{padding:10vh 5vw 1vh}}@media screen and (max-width: 1300px){footer .footer-top{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:5vh}footer .footer-top a.logo{grid-area:logo;justify-self:center}footer .footer-top .pages,footer .footer-top .utiles,footer .footer-top .contact{width:45%}}@media screen and (max-width: 768px){footer .footer-top{grid-template-rows:1fr 1fr;grid-template-areas:"page logo" "legale legale" "contact contact" "insta insta";gap:6rem}footer .footer-top a.logo{height:auto}footer .footer-top a.logo img{margin:0 auto;display:block;width:clamp(70px,55%,160px)}footer .footer-top .info{font-weight:bold}footer .footer-top .pages,footer .footer-top .utiles,footer .footer-top .contact{width:100%}}.img-left{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between}.img-left .right{width:60%;padding:5vw 10vw 5vw 5vw;position:relative}.img-left .right .title h2{width:80%;margin-bottom:3%}.img-left .right p{font-size:1.9rem;font-weight:500;line-height:1.35;margin-bottom:3%}.img-left .right .btn{margin-bottom:3.5vw}.img-left .left{width:40%;position:relative;overflow:hidden}.img-left .left img{height:100%;width:100%;object-fit:cover;filter:brightness(0.8);transform:scale(1.05);transition:all .3s ease;position:absolute}.img-left .left img:hover{filter:brightness(1);transform:scale(1)}section.insta{padding:10vh 8vw;display:flex;flex-direction:column;max-width:100vw}section.insta .title{display:flex;justify-content:flex-start;align-items:center;gap:60px}section.insta .title h2{text-wrap:balance;font-size:6rem;font-weight:600;font-family:"Agharti",sans-serif;color:#951d14}section.insta p{font-size:2rem;font-weight:500;line-height:1.35;margin:3vh 0;color:#951d14}section.insta .imgs{overflow-x:auto;display:flex;align-items:flex-start;width:100%;padding-bottom:5vh;scrollbar-color:#34443b rgba(0,0,0,0);scrollbar-width:thin}section.insta .imgs::-webkit-scrollbar{width:4px;height:4px;background:#fff}section.insta .imgs::-webkit-scrollbar-thumb{background:#34443b}section.insta .imgs li{margin-right:50px;height:20vh;width:30vh;flex-shrink:0;background:blue}section.insta .imgs li:last-child{margin:0}@media screen and (max-width: 1550px){section.insta{padding:5vw}}@media screen and (max-width: 768px){.img-left{flex-direction:column}.img-left .left,.img-left .right{width:100%}.img-left .left img{position:initial;aspect-ratio:1}.img-left .right .title h2{width:100%}section.insta{padding:10vw 5vw}section.insta .title{flex-direction:column;align-items:flex-start;gap:2vh}section.insta .title h2{font-size:4.5rem}}.bandeau{padding:5vw 10vw;background-color:#51b342;color:#fff;line-height:1;position:relative}.bandeau h1,.bandeau .fake-title{text-transform:uppercase;font-size:6rem;font-family:"Agrandir",sans-serif;margin-bottom:2vh}.bandeau p{width:55%;line-height:1.25;font-size:2.2rem}.bandeau .fly-bottom{position:absolute;right:0;bottom:0;transform:translateY(43%);width:30vw;height:auto;z-index:2;filter:brightness(0) invert(1)}@media screen and (max-width: 1250px){.bandeau p{width:70%}}@media screen and (max-width: 1024px){.bandeau p{width:100%}}@media screen and (max-width: 768px){.bandeau{padding:5vh;font-size:2.5rem}.bandeau .fly-bottom{width:51vw}}.events{padding:5vw 10vw;display:flex;flex-direction:column;gap:5vh;color:#51b342}.events aside{display:flex;gap:2vw}.events aside p{font-size:2.2rem;font-weight:700;text-transform:uppercase;cursor:pointer;font-family:"Agrandir",sans-serif;position:relative;transition:all .3s ease}.events aside p.active{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:5px}.events aside p:hover:not(.active){opacity:.7;transform:translateY(-2px)}.events aside p:after{content:"";display:block;height:80%;width:2px;background-color:#51b342;position:absolute;bottom:20%;right:-1vw}.events aside p:last-child:after{display:none}.events .events-list{display:none;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.events .events-list.active{display:block;opacity:1;transform:translateY(0)}.events .event{display:flex;justify-content:space-between;gap:2vw;border:2px solid #51b342;padding:30px;margin-bottom:30px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards;opacity:0}.events .event:nth-child(1){animation-delay:0.1s}.events .event:nth-child(2){animation-delay:0.2s}.events .event:nth-child(3){animation-delay:0.3s}.events .event:nth-child(4){animation-delay:0.4s}.events .event:nth-child(5){animation-delay:0.5s}.events .event:nth-child(6){animation-delay:0.6s}.events .event:nth-child(7){animation-delay:0.7s}.events .event:nth-child(8){animation-delay:0.8s}.events .event:nth-child(9){animation-delay:0.9s}.events .event:nth-child(10){animation-delay:1s}.events .event .left{display:flex;align-items:center;gap:50px}.events .event .left p{font-size:2.8rem;font-family:"Agrandir",sans-serif;font-weight:700;margin-top:5px}.events .event .left p span:first-child{padding-right:2px}.events .event .left p span:last-child{padding-left:2px}.events .event .left h2{font-size:2.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.events .event .right{display:flex;align-items:center}.events .event .right a{color:#51b342;display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.events .event:hover{background-color:#51b342;color:#fff}.events .event:hover .left p{color:#fff}.events .event:hover .left h2{color:#fff}.events .event:hover .right a{color:#fff}.events .event:hover .arrow img{filter:brightness(0) invert(1)}.events .event:active{transform:scale(0.98)}@media screen and (max-width: 1550px){.events,.bandeau{padding:5vw 5vw}}@media screen and (max-width: 1024px){.bandeau{padding:9vh 5vw}.bandeau h1,.bandeau .fake-title{font-size:4rem}.events aside{gap:30px}.events aside p:after{right:-15px}.events .event .left{gap:30px;max-width:60%}.events .event .right a{width:max-content}.events .event:hover{background-color:rgba(0,0,0,0);color:#51b342}.events .event:hover .left p{color:#51b342}.events .event:hover .left h2{color:#51b342}.events .event:hover .right a{color:#51b342}.events .event:hover .arrow img{filter:none}}@media screen and (max-width: 768px){.events aside p{font-size:1.8rem;line-height:1.52;text-align:center}.events aside p:after{right:-19px}.events .event{flex-direction:column}.events .event .left{max-width:100%;gap:3px;flex-direction:column}.events .event .right{width:100%;display:flex;justify-content:center}.events .event .right a span{width:max-content;display:inline-block}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main.event-page{margin:10vh 10vw;border:2px solid #51b342;padding:50px}main.event-page .top h1{display:flex;align-items:center;gap:50px;color:#51b342}main.event-page .top h1 p.date{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:"Agrandir"}main.event-page .top h1 p.date span{font-weight:900;text-transform:uppercase;letter-spacing:1px}main.event-page .top h1 span{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:"Agrandir"}main.event-page .center{display:flex;margin-top:40px;gap:100px;align-items:center}main.event-page .center .left{width:25%}main.event-page .center .right h3{font-size:3.3rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1vh;font-weight:700}main.event-page .center .right .infos{display:flex;align-items:center;gap:20px;font-family:"Agrandir",sans-serif;margin-bottom:2vh}main.event-page .center .right .infos p{font-size:2.8rem;line-height:1.2;font-weight:700}main.event-page .center .right .infos p span:first-child{padding-right:2px}main.event-page .center .right .infos p span:last-child{padding-left:2px}main.event-page .center .right .infos .autre p{font-size:1.8rem;line-height:1.35;font-weight:400}main.event-page .center .right .text{line-height:1.35;font-size:1.9rem;font-weight:500;margin-bottom:5vh}main.event-page .center .right .text p{margin-bottom:1vh}main.event-page .bottom{margin-top:50px}a.back{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:"Agrandir";color:#51b342;margin-left:10vw;margin-bottom:50px}a.back img{transform:rotate(180deg);margin-bottom:4px}@media screen and (max-width: 1550px){main.event-page{margin:10vh 5vw}a.back{margin-left:5vw}}@media screen and (max-width: 1350px){main.event-page .center{gap:40px}main.event-page{padding:35px}}@media screen and (max-width: 1024px){main.event-page{padding:25px}main.event-page .center{flex-direction:column}main.event-page .center .left{width:50%}main.event-page .center .right{width:100%}main.event-page .bottom{flex-direction:column}}@media screen and (max-width: 768px){main.event-page{padding:0px;border:none}main.event-page .top h1{flex-direction:column;align-items:flex-start;gap:7px}main.event-page .top h1 p.date{font-size:3.5rem}main.event-page .top h1 p.date span{font-size:3.5rem}main.event-page .top h1 span{font-size:3rem;letter-spacing:.5px}main.event-page .center .left{width:100%}main.event-page .center .right{width:100%}main.event-page .bottom{flex-direction:column}}

/* Styles Lightbox & Gallery - A ajouter à event-1.css */

/* Gallery Grid */
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.gallery-item {
    width: calc(25% - 15px); /* 4 images per row minus gap */
    aspect-ratio: 4 / 3;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 1024px) {
    .gallery-item {
        width: calc(33.333% - 14px);
    }
}

@media screen and (max-width: 768px) {
    .gallery-item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 480px) {
    .gallery-item {
        width: 100%;
    }
}

/* Lightbox Modal */
.lightbox-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    padding: 50px;
    box-sizing: border-box;
}

.lightbox-modal.active {
    display: flex;
}

.lightbox-content {
    max-width: 90%;
    max-height: 90vh;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.close-lightbox {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}

.close-lightbox:hover {
    color: #efd347;
}

/* Navigation Buttons */
.lightbox-modal .prev,
.lightbox-modal .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 30px;
    transition: 0.3s;
    border-radius: 0 3px 3px 0;
    user-select: none;
    text-decoration: none;
}

.lightbox-modal .next {
    right: 20px;
    border-radius: 3px 0 0 3px;
}

.lightbox-modal .prev {
    left: 20px;
    border-radius: 3px 0 0 3px;
}

.lightbox-modal .prev:hover,
.lightbox-modal .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: #efd347;
}
