:root{--blue:#0d47a1;--sky:#0288d1;--teal:#26a69a;--green:#4caf50;--lime:#8bc784;--cream:#f7f5ef;--paper:#fffdf8;--ink:#263238;--muted:#607d8b;--red:#e53935;--shadow:0 18px 45px rgba(13,71,161,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#f7fbff 0,#fffdf8 48%,#f7f5ef 100%);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.ofqd-app{width:min(1960px,calc(100vw - 20px));margin:0 auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px}.ofqd-sidebar{position:sticky;top:0;height:100vh;padding:24px 8px 18px 0;display:flex;flex-direction:column;gap:18px}.ofqd-logo{display:flex;align-items:center;gap:11px}.ofqd-logo-icon{width:58px;height:58px;border-radius:17px;box-shadow:0 10px 24px rgba(2,136,209,.18);image-rendering:auto}.ofqd-logo strong{font-family:Georgia,serif;font-size:23px;line-height:.96;color:#123b2c;letter-spacing:-.02em}.footer-logo em{display:block;color:var(--green);font-family:Georgia,serif;font-size:15px;margin-top:4px}.ofqd-side-search{height:46px;display:flex;background:#fff;border:1px solid #dbe8ee;border-radius:13px;box-shadow:0 8px 22px rgba(0,0,0,.05);overflow:hidden}.ofqd-side-search input{border:0;outline:0;width:100%;padding:0 12px;background:transparent}.ofqd-side-search button{width:42px;border:0;background:transparent;color:var(--blue);font-size:24px}.ofqd-side-nav{background:rgba(255,255,255,.72);border:1px solid #e4edf2;border-radius:18px;padding:14px;box-shadow:0 14px 30px rgba(13,71,161,.05)}.ofqd-side-nav p,.socials p{text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.04em;color:#455a64;margin:0 0 12px}.ofqd-side-nav a{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:11px;font-weight:700;font-size:14px}.ofqd-side-nav a:hover{background:#eef8fb;color:var(--blue)}.i{color:var(--sky);font-size:20px;width:22px;text-align:center}.surprise-card{background:linear-gradient(145deg,#eef9f5,#fff8e8);border:1px solid #e1ede3;border-radius:18px;padding:16px;display:grid;gap:10px}.flower-dot{color:var(--green);font-size:27px}.surprise-card button{border:0;background:var(--green);color:#fff;border-radius:13px;padding:12px;font-weight:800;cursor:pointer}.socials{margin-top:auto}.socials a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#102e45;color:#fff;margin-right:7px;font-weight:800}.ofqd-main{min-width:0;padding:16px 0 0}.ofqd-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:30;background:rgba(247,251,255,.82);backdrop-filter:blur(16px);border-radius:0 0 18px 18px}.ofqd-menu{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.ofqd-menu a{padding:13px 15px;border-radius:13px;font-weight:800;font-size:14px;color:#29465a}.ofqd-menu a.active,.ofqd-menu a:hover{color:var(--blue);background:#eaf6ff}.publish-btn{background:linear-gradient(135deg,var(--green),#74c86f);color:#fff;font-weight:900;padding:13px 22px;border-radius:15px;box-shadow:0 12px 25px rgba(76,175,80,.24);white-space:nowrap}.ofqd-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.ofqd-center{min-width:0}.hero-sky{position:relative;min-height:310px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9);background:#dff5ff;margin-bottom:22px}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,126,190,.18),rgba(255,255,255,.05)),radial-gradient(circle at 78% 26%,rgba(255,213,79,.55) 0 9%,transparent 10%),linear-gradient(180deg,#80d6ff 0%,#bfefff 35%,#63b0d8 36%,#2e7bbd 58%,#fdf9ea 59%,#f3dca8 100%)}.hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 70%,rgba(24,94,57,.55) 0 20%,transparent 21%),radial-gradient(ellipse at 60% 74%,rgba(76,175,80,.55) 0 21%,transparent 22%),linear-gradient(12deg,transparent 0 68%,rgba(255,255,255,.38) 69% 70%,transparent 71%)}.hero-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:78px;background:linear-gradient(0deg,rgba(22,78,55,.65),transparent),repeating-linear-gradient(90deg,rgba(22,90,55,.5) 0 4px,transparent 4px 14px)}.hero-content{position:relative;z-index:1;display:grid;place-items:center;text-align:center;padding:42px 50px;color:#fff;text-shadow:0 2px 12px rgba(0,47,81,.35)}.hero-content h1{font-family:Georgia,serif;font-size:clamp(34px,4vw,62px);line-height:1.04;max-width:900px;margin:0 0 12px}.hero-content h1 span{color:#9be283}.hero-content p{font-size:20px;margin:0 0 28px;font-weight:600}.hero-search{width:min(920px,100%);display:grid;grid-template-columns:1fr 180px 1fr 170px;background:#fff;border-radius:18px;box-shadow:0 20px 45px rgba(13,71,161,.18);overflow:hidden;text-shadow:none}.hero-search label{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid #e2edf4;color:#455a64}.hero-search label span{font-weight:900;color:var(--sky)}.hero-search input,.hero-search select{width:100%;border:0;outline:0;background:#fff;height:58px;color:var(--ink)}.hero-search button{border:0;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-weight:900;cursor:pointer}.surprise-pill{margin-top:20px;border:0;border-radius:999px;background:rgba(255,255,255,.92);padding:13px 28px;color:#102e45;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.13);cursor:pointer;text-shadow:none}.panel{background:rgba(255,255,255,.86);border:1px solid #e2edf4;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{margin:0;font-size:24px}.section-head h2 span{color:var(--sky)}.section-head a{font-weight:900;color:var(--blue)}.event-row{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:18px}.event-card{border:1px solid #e6eef3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 25px rgba(31,65,93,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.event-card:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 24px 52px rgba(13,71,161,.18);border-color:#b8ddea}.photo{height:150px;position:relative;overflow:hidden;background-size:cover;background-position:center;transition:transform .35s ease}.event-card:hover .photo{transform:scale(1.055)}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 58%)}.photo-market{background-image:linear-gradient(135deg,rgba(8,70,42,.15),rgba(255,213,79,.1)),url('/ofqd_assets/images/market.svg')}.photo-concert,.photo-show{background-image:linear-gradient(135deg,#140a38,#8d30d2 54%,#ffb74d)}.photo-nature{background-image:linear-gradient(135deg,#1b5e20,#8bc784 60%,#ffe0a4)}.photo-sport{background-image:linear-gradient(135deg,#0d47a1,#4fc3f7)}.card-share,.card-love{position:absolute;top:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#0d47a1;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(-5px);transition:.2s}.card-share{right:50px}.card-love{right:10px}.event-card:hover .card-share,.event-card:hover .card-love{opacity:1;transform:translateY(0)}.event-body{padding:13px}.tag{display:inline-block;color:#fff;border-radius:999px;font-size:11px;font-weight:900;padding:5px 9px;text-transform:uppercase}.tag-market{background:var(--green)}.tag-concert,.tag-show{background:#6b4fc8}.tag-nature{background:#4caf50}.tag-sport{background:#0288d1}.event-body h3{font-size:17px;margin:10px 0 8px}.event-body p{margin:5px 0;color:#5a6f7b;font-size:13px}.event-body a{display:inline-block;margin-top:10px;background:#e8f4fb;color:var(--blue);padding:8px 13px;border-radius:10px;font-weight:900}.two-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat-grid a{display:grid;place-items:center;gap:8px;min-height:92px;border:1px solid #e2edf4;border-radius:16px;font-weight:800;background:#fff;transition:.2s}.cat-grid a:hover{transform:translateY(-4px);border-color:#a9d8ee;color:var(--blue)}.cat-grid span{font-size:32px;color:var(--sky)}.promo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.promo-list article{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center;background:#fff;border:1px solid #e2edf4;border-radius:15px;padding:9px}.promo-list span{grid-column:2;color:#607d8b;font-size:12px}.thumb,.mini{background:linear-gradient(135deg,#fff4d6,#71c280);border-radius:11px}.thumb{width:62px;height:62px;grid-row:1/3}.t2{background:linear-gradient(135deg,#ffecb3,#e57373)}.t3{background:linear-gradient(135deg,#90caf9,#263238)}.wide-cta{margin:18px 0 28px;background:linear-gradient(90deg,#eef9f5,#fff7df);border:1px solid #dcefe2;border-radius:var(--radius);padding:20px 24px;display:grid;grid-template-columns:80px 1fr 1.4fr auto;gap:16px;align-items:center;box-shadow:var(--shadow)}.cta-flower{width:68px;height:68px;border-radius:24px;background:radial-gradient(circle at 55% 35%,#ffd54f 0 7px,transparent 8px),radial-gradient(circle at 50% 44%,#e53935 0 29px,transparent 30px);position:relative}.wide-cta strong{font-size:22px;color:#123b2c}.wide-cta span{color:#607d8b}.wide-cta a{background:var(--green);color:#fff;border-radius:13px;padding:12px 18px;font-weight:900}.ofqd-right{display:grid;gap:18px;position:sticky;top:74px}.map-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.map-title strong{font-size:22px}.map-title span{color:var(--green);font-weight:800;font-size:13px}.fake-map{height:260px;border-radius:18px;position:relative;overflow:hidden;background:#dcedd4;background-image:linear-gradient(30deg,transparent 0 47%,rgba(255,255,255,.8) 48% 51%,transparent 52%),linear-gradient(105deg,transparent 0 45%,rgba(255,255,255,.8) 46% 48%,transparent 49%),linear-gradient(0deg,#e4f2df,#cbe8d6)}.pin{position:absolute;z-index:2;background:var(--sky);color:#fff;border-radius:50%;min-width:30px;height:30px;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(2,136,209,.22)}.p1{left:50%;top:48%;background:var(--blue);transform:translate(-50%,-50%);font-size:25px;width:46px;height:46px}.p2{left:18%;top:60%;background:var(--green)}.p3{left:25%;top:21%;background:var(--green)}.p4{right:23%;top:65%;background:var(--green)}.p5{right:16%;top:28%;background:var(--green)}.radius{position:absolute;left:50%;top:48%;width:150px;height:150px;background:rgba(2,136,209,.13);border:1px solid rgba(2,136,209,.28);border-radius:50%;transform:translate(-50%,-50%)}.full-btn{display:block;margin-top:14px;text-align:center;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;padding:13px;border-radius:13px;font-weight:900}.miss-panel h2,.install-panel h2{margin-top:0}.miss-panel a{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f5}.mini{width:62px;height:52px}.miss-panel em{display:block;color:#607d8b;font-size:12px;font-style:normal;margin-top:4px}.install-panel{position:relative}.install-panel>button:first-child{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:18px}.install-panel button[data-install]{border:0;background:var(--green);color:#fff;padding:11px 18px;border-radius:12px;font-weight:900}.ofqd-footer{background:linear-gradient(180deg,#0b4f75,#07304b);color:#fff;margin-top:10px;padding:24px 5vw calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:260px 1fr 1.3fr auto;gap:24px;align-items:center}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:48px;border-radius:12px}.footer-logo strong{display:block}.ofqd-footer p{margin:0;color:#d7edf7}.ofqd-footer nav{display:flex;gap:18px;flex-wrap:wrap}.mobile-bar{display:none}.share-toast{position:fixed;inset:auto 20px 20px auto;z-index:200;background:#fff;border:1px solid #dce8ef;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.16);padding:16px;min-width:280px}.share-toast a,.share-toast button{display:block;width:100%;margin:8px 0;border:0;border-radius:12px;padding:12px;background:#edf7ff;color:var(--blue);font-weight:900;text-align:center}.share-toast .close{background:#f5f5f5;color:#455a64}@media(max-width:1500px){.ofqd-app{width:min(1480px,calc(100vw - 18px));grid-template-columns:200px minmax(0,1fr)}.ofqd-grid{grid-template-columns:minmax(0,1fr) 300px}.event-row{grid-template-columns:repeat(4,1fr)}.event-card:nth-child(5){display:none}.hero-content h1{font-size:48px}.cat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1120px){.ofqd-app{display:block}.ofqd-sidebar{display:none}.ofqd-main{padding:10px}.ofqd-grid{grid-template-columns:1fr}.ofqd-right{position:static;grid-template-columns:1fr 1fr}.hero-search{grid-template-columns:1fr 1fr}.hero-search button{grid-column:1/-1;height:54px}.two-panels{grid-template-columns:1fr}.ofqd-footer{grid-template-columns:1fr;text-align:center}.footer-logo{justify-content:center}}@media(max-width:720px){body{padding-bottom:72px}.ofqd-main{padding:0}.ofqd-topbar{height:auto;padding:10px;position:static}.ofqd-menu{display:none}.publish-btn{margin-left:auto;padding:10px 14px}.hero-sky{border-radius:0;min-height:420px}.hero-content{padding:28px 16px}.hero-content h1{font-size:34px}.hero-content p{font-size:15px}.hero-search{grid-template-columns:1fr;border-radius:18px}.hero-search label{border-right:0;border-bottom:1px solid #e2edf4}.event-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.event-card{min-width:255px;scroll-snap-align:start}.two-panels,.ofqd-right{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(3,1fr)}.promo-list{grid-template-columns:1fr}.wide-cta{grid-template-columns:1fr;text-align:center}.cta-flower{margin:auto}.ofqd-footer{padding-bottom:90px}.mobile-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e2edf4;box-shadow:0 -10px 30px rgba(0,0,0,.08);padding:8px 4px env(safe-area-inset-bottom)}.mobile-bar a,.mobile-bar button{border:0;background:transparent;color:#234;text-align:center;font-weight:800;font-size:20px}.mobile-bar span{display:block;font-size:11px;margin-top:2px}.share-toast{inset:auto 10px 80px 10px}.ofqd-right{display:block}.map-panel,.miss-panel,.install-panel{margin-top:14px}}@media(min-width:1700px){.ofqd-app{width:min(1920px,calc(100vw - 24px));grid-template-columns:220px minmax(0,1fr)}.ofqd-grid{grid-template-columns:minmax(0,1fr) 360px}.event-row{grid-template-columns:repeat(5,1fr)}.hero-sky{min-height:300px}.photo{height:175px}.ofqd-menu a{font-size:16px}.hero-content h1{font-size:58px}}


/* OFQD V0.7 : largeur, lisibilité et logo */
.ofqd-app{max-width:none;width:min(1980px,calc(100vw - 18px));grid-template-columns:210px minmax(0,1fr);}
.ofqd-grid{grid-template-columns:minmax(0,1fr) 350px;}
.ofqd-menu a{font-size:15.5px;line-height:1.1;}
.publish-btn{font-size:15.5px;}
.hero-sky{min-height:285px;}
.hero-content{padding:30px 34px;}
.hero-content h1{color:#fff;font-size:52px;text-shadow:0 4px 22px rgba(0,55,95,.55);}
.hero-content h1 span{color:#fff;text-shadow:0 4px 22px rgba(0,55,95,.55);}
.hero-content p{color:#f4fbff;text-shadow:0 3px 16px rgba(0,55,95,.55);}
.hero-search{margin-top:8px;}
.ofqd-logo em{display:none!important;}
.ofqd-logo-icon{background:#fff;}
@media(min-width:1600px){
  .ofqd-app{width:min(2020px,calc(100vw - 22px));grid-template-columns:215px minmax(0,1fr);gap:30px;}
  .ofqd-grid{grid-template-columns:minmax(0,1fr) 360px;gap:30px;}
  .hero-sky{min-height:300px;}
  .hero-content h1{font-size:58px;}
  .ofqd-menu a{font-size:16px;padding:12px 15px;}
}
@media(min-width:1900px){
  .ofqd-app{width:min(2140px,calc(100vw - 26px));grid-template-columns:220px minmax(0,1fr);}
  .ofqd-grid{grid-template-columns:minmax(0,1fr) 370px;}
  .hero-content h1{font-size:62px;}
}
@media(max-width:1120px){.ofqd-app{width:100%;}.hero-content h1{font-size:42px}.ofqd-grid{grid-template-columns:1fr}}
@media(max-width:720px){.hero-sky{min-height:390px}.hero-content h1{font-size:34px}.ofqd-app{width:100%}}