:root{--primary-color: #EBB42A;--secondary-color: #1e5a52;--background-color: #ffffff;--text-color: #333333;--border-radius-sm: 8px;--border-radius-md: 10px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2);--transition-base: .5s ease}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Verdana,Tahoma,sans-serif;font-size:.875rem;line-height:1.6}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}main{position:relative;overflow:hidden}main:before{content:"";position:fixed;top:50%;width:31.25rem;height:31.25rem;left:-13.75rem;z-index:-1;transform:translateY(-30%);background-image:url(/images/meeple.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.5;pointer-events:none}.text-center-clair{color:var(--background-color);text-align:center;padding:clamp(1rem,2vh,2rem)}.texte-non-secable{white-space:nowrap}.br-desktop{display:none}header{position:relative;width:100%}.header-pattern{background-image:url(/images/header.png);background-size:cover;background-position:center;min-height:6.25rem;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.yellow-card{background-color:var(--primary-color);padding:0 1.875rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;height:5.625rem}.logo-circle{background-color:var(--background-color);border:7px solid var(--primary-color);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:10;width:clamp(6.25rem,28vw,13.75rem);height:clamp(6.25rem,28vw,13.75rem)}.logo-img{background-image:url(/images/logo_nom.png);background-size:cover;background-position:center;border-radius:50%;background-color:var(--background-color);width:90%;height:90%}.header-text{color:var(--secondary-color);font-weight:700;line-height:1.2;width:35%;font-size:clamp(.6875rem,3.5vw,.875rem)}.text-left{text-align:right;padding-right:3%}.text-right{text-align:left;padding-left:3%}.nav-bar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:transform var(--transition-base)}.scroll-down .nav-bar{transform:translateY(-100%)}.scroll-up .nav-bar{transform:translateY(0)}.nav-bar ul{display:flex;justify-content:right;padding:0;margin:0}.nav-bar li{list-style-type:none;background-color:#ebb42af2;padding:.5rem .6875rem .125rem;margin:0 .3125rem;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);font-weight:700;font-size:.85rem;box-shadow:var(--shadow-sm)}.nav-bar a{color:var(--secondary-color);text-decoration:none}.nav-bar li:hover{background-color:var(--secondary-color)}.nav-bar li:hover a{color:var(--background-color)}.nav-bar a:focus-visible{outline:2px solid var(--background-color);outline-offset:2px;border-radius:4px}.picto-gps{height:1.25rem;width:auto;fill:var(--secondary-color)}.picto-gps circle{fill:var(--primary-color)}.picto-gps .base-ellipse{stroke:var(--secondary-color)}#navLocalisation:hover .picto-gps{fill:var(--background-color);stroke:var(--secondary-color)}#navLocalisation:hover circle{fill:var(--secondary-color)}#navLocalisation:hover .base-ellipse{stroke:var(--background-color)}.post{margin:1.875rem 0;padding:1.25rem 1.25rem clamp(4rem,8vh,6rem);text-align:center}.post-title{font-size:2rem;display:flex;justify-content:center;margin-top:clamp(1rem,3vh,2rem);margin-bottom:clamp(1rem,3vh,2rem);align-items:center;gap:.625rem}.post-title-fonce{color:var(--secondary-color)}.post-title-clair{color:var(--background-color)}.title-icon{width:2em;height:2em;object-fit:contain}.post-thumb img{max-width:80%;height:auto;border-radius:var(--border-radius-md)}.post-info{text-align:left;font-weight:700;display:flex;justify-content:center;align-items:center;gap:.9375rem;text-transform:uppercase;color:var(--text-color);border-top:2px solid var(--secondary-color);border-bottom:2px solid var(--secondary-color);padding:.625rem 0}.post-cards{display:flex;justify-content:center;gap:.625rem;margin-top:1.25rem}.flip-card{perspective:1000px;padding:1.25rem;border-radius:var(--border-radius-md);background-color:var(--primary-color);color:var(--secondary-color);width:12.5rem;height:7.5rem;box-shadow:var(--shadow-md);font-weight:700;text-transform:uppercase;font-size:.85rem;transition:transform var(--transition-base);transform-style:preserve-3d;position:relative}.flip-card:hover{cursor:pointer}.flip-card.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.25rem;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius-md);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.flip-card-front{background-color:var(--primary-color);color:var(--secondary-color)}.flip-card-back{background-color:var(--background-color);color:var(--primary-color);border:2px solid var(--primary-color);transform:rotateY(180deg);text-align:center}.calendrier-info{color:var(--background-color)}#titre-calendrier{font-size:1rem;color:var(--primary-color);margin-bottom:.3125rem}#calendrier{max-width:30%;height:auto;padding-right:.9375rem}.post-info p{margin:0}.post-text{text-align:center;color:var(--text-color);margin:clamp(1rem,2vh,2rem)}.post-background-secondary{width:100vw;background-color:var(--secondary-color);color:var(--background-color);left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;position:relative;padding:1rem 0;margin-top:clamp(2rem,5vh,5rem);margin-bottom:clamp(2rem,5vh,5rem);container-type:inline-size}.image-link{display:inline-block;transition:transform var(--transition-base),opacity var(--transition-base)}.image-link:hover{transform:scale(1.05);opacity:.9}.container-myludo{position:relative;display:inline-block;margin-bottom:clamp(2rem,5vh,5rem)}#myludo{max-width:70%;height:auto;box-shadow:var(--shadow-md);border-radius:var(--border-radius-md)}#myludo:hover{cursor:pointer}#mainCliquable{position:absolute;width:30%;height:auto;bottom:-1.875rem;left:65%;z-index:2;pointer-events:none;visibility:visible;opacity:1;transition:opacity var(--transition-base),visibility var(--transition-base)}.map{width:100%;height:40vh;border:0;box-shadow:var(--shadow-md);border-radius:var(--border-radius-md)}#sectionLocalisation{border-top:2px solid var(--secondary-color)}.annee{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:38vw;font-weight:900;font-family:Arial Black,sans-serif;line-height:.8;color:#fff;opacity:.07;white-space:nowrap}#afficheFestival{max-width:80%;height:auto;box-shadow:var(--shadow-md);border-radius:var(--border-radius-md)}.contact-form-container{max-width:31.25rem;margin:1.875rem auto;padding:1.5625rem;background-color:var(--background-color);border:3px solid var(--primary-color);border-radius:var(--border-radius-lg);box-shadow:6px 6px #0000001a}.contact-form-container h2{color:var(--primary-color);font-family:sans-serif;text-transform:uppercase;text-align:center;margin-top:0;margin-bottom:1.25rem}.form-group{margin-bottom:.9375rem;display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:.3125rem;color:var(--text-color)}.form-group input,.form-group textarea{padding:.625rem;border:2px solid #ccc;border-radius:var(--border-radius-sm);font-size:1rem;background-color:#fafafa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background-color:var(--background-color)}.btn-submit:focus-visible,.footer-link:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.cf-turnstile{margin:.9375rem 0;display:flex;justify-content:center}.btn-submit{display:block;width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;border:none;border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:0 4px #aeaf9b}.btn-submit:active{transform:translateY(4px);box-shadow:0 0 #113530}legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}fieldset{border:none;margin:0;padding:0}.zone-flottante{position:relative;bottom:.3125rem;z-index:10}.back-to-top{position:absolute;width:7.5rem;right:0;height:auto;cursor:pointer;opacity:.7;transition:transform var(--transition-base)}.back-to-top:hover{transform:translateY(-5px)}.circle{background-color:var(--background-color);border:7px solid var(--primary-color);border-radius:50%;margin:auto;display:flex;transform:translateY(-60%);align-items:center;justify-content:center;box-shadow:var(--shadow-sm);width:clamp(5rem,24vw,8.125rem);height:clamp(5rem,24vw,8.125rem);margin-bottom:-3.125rem}.whatsapp-content{background-image:url(/images/whatsapp.png);background-size:cover;background-position:center;border-radius:50%;background-color:var(--background-color);width:80%;height:80%}footer{background-color:var(--primary-color);color:var(--text-color);text-align:center;padding:1.25rem;font-size:.9rem;margin-top:2.5rem}.footer-link{background:none;border:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}dialog{border:none;border-radius:var(--border-radius-lg);padding:0;max-width:37.5rem;width:90%;box-shadow:0 10px 30px #0003}dialog::backdrop{background:#0006;backdrop-filter:blur(4px);transition:backdrop-filter var(--transition-base)}.modal-content{padding:1.875rem;display:flex;flex-direction:column;max-height:80vh}.modal-body{overflow-y:auto;text-align:left;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.modal-body h3{margin-top:.9375rem;font-size:1rem}.btn-close{background-color:#000;color:#fff;border:none;padding:.625rem 1.25rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.0625rem;font-size:.8rem;align-self:flex-end}@media only screen and (min-width:768px){main:before{width:100%;transform:translate(-30%)}.br-desktop{display:inline}.post-title{margin-top:3.125rem}.text-left{padding-right:0}.text-right{padding-left:0}.container-myludo{max-width:40%}#afficheFestival{max-width:30%}.text-center-clair{max-width:50%;justify-content:center;margin:auto}}@media only screen and (min-width:1024px){.back-to-top{right:15%}}
