{"id":1105,"date":"2026-06-30T11:47:32","date_gmt":"2026-06-30T11:47:32","guid":{"rendered":"https:\/\/knokkeout.com\/ko-summer-nights\/"},"modified":"2026-07-13T12:23:54","modified_gmt":"2026-07-13T12:23:54","slug":"ko-summer-nights","status":"publish","type":"page","link":"https:\/\/knokkeout.com\/fr\/","title":{"rendered":"KO Summer Nights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1105\" class=\"elementor elementor-1105 elementor-1054\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-676b0f3 e-con-full e-flex e-con e-parent\" data-id=\"676b0f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80f5493 elementor-widget elementor-widget-html\" data-id=\"80f5493\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- POLICES : Integral CF Bold (titres) + Mosvita Light Expanded (texte). Doivent \u00eatre charg\u00e9es sur le site (Elementor Pro > Custom Fonts ou @font-face). Fallback Arial en attendant. -->\r\n<!-- KO SUMMER NIGHTS \u2014 version widget HTML Elementor (sans nav sticky) -->\r\n<style>\r\n@font-face{\r\n  font-family:'Integral CF';\r\n  src:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/06\/IntegralCF-Bold.ttf') format('truetype');\r\n  font-weight:bold;font-style:normal;font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Mosvita';\r\n  src:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/06\/mosvita.light-expanded.ttf') format('truetype');\r\n  font-weight:300;font-style:normal;font-display:swap;\r\n}\r\n<\/style>\r\n<style>\r\n\r\n\/* --- override couleurs boutons (priorit\u00e9 sur le th\u00e8me WP) --- *\/\r\n.btn,.btn-plum,.night-row .btn-s,.diner-card .btn,.combo-price .btn,.nav a.book{color:var(--cream)!important}\r\n.btn-out{color:var(--plum)!important}\r\n.btn-out:hover{color:var(--cream)!important}\r\n.night-row .btn-s:hover{color:var(--plum)!important}\r\n.nav a.book:hover{color:var(--plum)!important}\r\na.btn,a.btn-plum,a.btn-out,a.btn-s{text-decoration:none!important}\r\n\r\n:root{\r\n  --cream:#efe7d9;\r\n  --cream-2:#f5efe4;\r\n  --orange:#ff7d35;\r\n  --orange-deep:#e0631c;\r\n  --plum:#660827;\r\n  --plum-2:#7d1638;\r\n  --mint:#a8e0c8;\r\n  --ink:#4a0018;\r\n  --display:'Integral CF','Arial Black',sans-serif;\r\n  --body:'Mosvita','Arial',sans-serif;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Mosvita','Arial',sans-serif;background:var(--cream);color:var(--plum);-webkit-font-smoothing:antialiased;overflow-x:hidden}\r\na{text-decoration:none;color:inherit}\r\n.wrap{max-width:1140px;margin:0 auto;padding:0 26px}\r\nimg{display:block;max-width:100%}\r\n\r\n\/* halftone texture overlay *\/\r\n.dots{background-image:radial-gradient(var(--plum) 1px,transparent 1.5px);background-size:8px 8px}\r\n\r\n\/* ---------- NAV ---------- *\/\r\n.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;\r\n  padding:16px 26px;background:rgba(63,6,26,.0);transition:background .3s}\r\n.nav.scrolled{background:var(--plum)}\r\n.nav .logo{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.4rem;letter-spacing:1px;color:var(--cream)}\r\n.nav .logo b{color:var(--orange)}\r\n.nav a.book{background:var(--orange);color:var(--plum);font-weight:700;font-size:.82rem;\r\n  padding:11px 20px;border-radius:30px;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s,background .2s}\r\n.nav a.book:hover{transform:translateY(-2px);background:var(--mint)}\r\n@media(max-width:600px){.nav .logo{font-size:1.1rem}.nav a.book{padding:9px 15px;font-size:.72rem}}\r\n\r\n\/* ---------- HERO ---------- *\/\r\n.hero{position:relative;min-height:auto;display:flex;flex-direction:column;justify-content:center;\r\n  background:var(--orange);overflow:hidden;margin-top:-142px;padding:222px 0 70px}\r\n.hero::before{content:\"\";position:absolute;inset:0;\r\n  background-image:radial-gradient(rgba(63,6,26,.18) 1px,transparent 1.6px);background-size:9px 9px;opacity:.6}\r\n.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}\r\n.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.28em;\r\n  text-transform:uppercase;font-weight:700;color:var(--plum);margin-bottom:20px;opacity:0;animation:fade .7s .1s forwards}\r\n.hero-eyebrow::before{content:\"\";width:34px;height:2px;background:var(--plum)}\r\n.hero h1{font-family:'Integral CF','Arial Black',sans-serif;line-height:.86;color:var(--plum);\r\n  font-size:clamp(3.6rem,9vw,7.4rem);letter-spacing:1px;text-transform:uppercase}\r\n.hero h1 span{display:block;opacity:0;animation:rise .8s forwards}\r\n.hero h1 .l1{animation-delay:.2s}\r\n.hero h1 .l2{animation-delay:.34s;color:var(--cream)}\r\n.hero h1 .l3{animation-delay:.48s}\r\n.hero .dates{margin-top:24px;font-size:1.25rem;font-weight:600;color:var(--plum);opacity:0;animation:fade .8s .6s forwards}\r\n.hero .dates b{color:var(--cream)}\r\n.hero .sub{margin-top:14px;max-width:42ch;font-size:1.02rem;line-height:1.6;color:var(--plum-2);opacity:0;animation:fade .8s .75s forwards}\r\n.hero .cta-row{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px;opacity:0;animation:fade .8s .9s forwards}\r\n.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.9rem;text-transform:uppercase;\r\n  letter-spacing:.05em;padding:16px 30px;border-radius:32px;cursor:pointer;transition:transform .22s,background .22s,color .22s;border:2px solid transparent}\r\n.btn-plum{background:var(--plum);color:var(--cream)}\r\n.btn-plum:hover{transform:translateY(-3px);background:var(--ink)}\r\n.btn-out{border-color:var(--plum);color:var(--plum)}\r\n.btn-out:hover{background:var(--plum);color:var(--cream)}\r\n.hero-art{position:relative;margin-top:110px}\r\n@media(max-width:820px){.hero-art{margin-top:0}}\r\n.hero-art .card{background:var(--plum);border-radius:18px;padding:40px;color:var(--cream);\r\n  box-shadow:0 30px 60px -28px rgba(63,6,26,.6);transform:rotate(2deg)}\r\n.hero-art .tag{display:inline-block;background:var(--mint);color:var(--plum);font-weight:700;font-size:.72rem;\r\n  text-transform:uppercase;letter-spacing:.12em;padding:6px 13px;border-radius:20px;margin-bottom:18px}\r\n.hero-art .big-date{font-family:'Integral CF','Arial Black',sans-serif;font-size:clamp(3rem,7vw,4.6rem);line-height:.9;letter-spacing:1px}\r\n.hero-art .big-date small{display:block;font-size:1.5rem;color:var(--orange)}\r\n.hero-art .who{margin-top:14px;font-size:1.4rem;font-weight:600}\r\n.hero-art .who span{color:var(--mint)}\r\n@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-art .card{transform:none}}\r\n\r\n\/* ---------- SECTION SHELL ---------- *\/\r\nsection{position:relative}\r\n.sec-head{text-align:center;max-width:640px;margin:0 auto 50px}\r\n.sec-tag{display:inline-block;font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--orange-deep);margin-bottom:14px}\r\n.sec-h{font-family:'Integral CF','Arial Black',sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;text-transform:uppercase;letter-spacing:1px;color:var(--plum)}\r\n.sec-p{margin-top:16px;font-size:1.02rem;line-height:1.65;color:var(--plum-2)}\r\n\r\n\/* ---------- LINE-UP ---------- *\/\r\n.lineup{padding:90px 0 70px;background:var(--cream-2)}\r\n.nights{display:grid;gap:20px}\r\n\/* headliner *\/\r\n.headliner{display:grid;grid-template-columns:1.1fr .9fr;background:var(--plum);border-radius:20px;overflow:hidden;color:var(--cream)}\r\n.headliner .left{padding:42px 40px}\r\n.headliner .flag{display:inline-block;background:var(--orange);color:var(--plum);font-weight:700;font-size:.72rem;\r\n  text-transform:uppercase;letter-spacing:.14em;padding:6px 14px;border-radius:20px;margin-bottom:20px}\r\n.headliner h3{font-family:'Integral CF','Arial Black',sans-serif;font-size:clamp(2.4rem,5vw,3.6rem);line-height:.9;text-transform:uppercase;letter-spacing:1px}\r\n.headliner h3 span{color:var(--mint)}\r\n.headliner .meta{margin-top:16px;font-size:1rem;color:rgba(239,231,217,.8);line-height:1.6}\r\n.headliner .right{background:var(--orange);position:relative;display:flex;flex-direction:column;justify-content:center;\r\n  padding:42px 36px;color:var(--plum)}\r\n.headliner .right::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(63,6,26,.16) 1px,transparent 1.6px);background-size:9px 9px;opacity:.55}\r\n.headliner .right .rel{position:relative;z-index:2}\r\n.headliner .price{font-family:'Integral CF','Arial Black',sans-serif;font-size:2.4rem;line-height:1}\r\n.headliner .price small{font-size:.9rem;font-family:'Mosvita','Arial',sans-serif;font-weight:600;display:block;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}\r\n.headliner .btn{margin-top:20px}\r\n@media(max-width:760px){.headliner{grid-template-columns:1fr}}\r\n\r\n\/* standard nights *\/\r\n.night-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:24px;align-items:center;\r\n  background:var(--cream);border:2px solid rgba(63,6,26,.12);border-radius:16px;padding:22px 28px;transition:transform .2s,border-color .2s}\r\n.night-row:hover{transform:translateY(-3px);border-color:var(--orange)}\r\n.night-row .date{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.7rem;line-height:.9;color:var(--plum);text-align:center;min-width:62px}\r\n.night-row .date small{display:block;font-size:.7rem;font-family:'Mosvita','Arial',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--orange-deep)}\r\n.night-row .info h4{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.4rem;text-transform:uppercase;letter-spacing:.5px;color:var(--plum)}\r\n.night-row .info p{font-size:.9rem;color:var(--plum-2);margin-top:3px}\r\n.night-row .price-s{font-weight:700;font-size:1.1rem;color:var(--plum);white-space:nowrap}\r\n.night-row .btn-s{background:var(--plum);color:var(--cream);font-weight:700;font-size:.78rem;text-transform:uppercase;\r\n  letter-spacing:.05em;padding:11px 20px;border-radius:24px;white-space:nowrap;transition:background .2s,transform .2s}\r\n.night-row .btn-s:hover{background:var(--orange);color:var(--plum);transform:translateY(-2px)}\r\n@media(max-width:680px){\r\n  .night-row{grid-template-columns:auto 1fr;gap:14px 18px}\r\n  .night-row .price-s{grid-column:1\/2}\r\n  .night-row .btn-s{grid-column:2\/3;justify-self:end}\r\n}\r\n\r\n\/* ---------- DINER ---------- *\/\r\n.diner{padding:90px 0;background:var(--plum);color:var(--cream)}\r\n.diner-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}\r\n.diner .sec-tag{color:var(--mint)}\r\n.diner .sec-h{color:var(--cream)}\r\n.diner h3 span{color:var(--orange)}\r\n.diner p{margin-top:18px;font-size:1.05rem;line-height:1.7;color:rgba(239,231,217,.82)}\r\n.diner ul{margin:24px 0 0;list-style:none;display:grid;gap:12px}\r\n.diner li{display:flex;gap:12px;align-items:flex-start;font-size:.98rem;color:rgba(239,231,217,.9)}\r\n.diner li::before{content:\"\u2726\";color:var(--mint);flex:0 0 auto}\r\n.diner-card{background:var(--orange);border-radius:20px;padding:40px;color:var(--plum);position:relative;overflow:hidden}\r\n.diner-card::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(63,6,26,.15) 1px,transparent 1.6px);background-size:9px 9px;opacity:.5}\r\n.diner-card .rel{position:relative;z-index:2}\r\n.diner-card .flag{display:inline-block;background:var(--plum);color:var(--cream);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;padding:6px 14px;border-radius:20px;margin-bottom:18px}\r\n.diner-card h4{font-family:'Integral CF','Arial Black',sans-serif;font-size:2rem;text-transform:uppercase;line-height:.95;letter-spacing:.5px}\r\n.diner-card .incl{margin-top:14px;font-size:.92rem;font-weight:600}\r\n.diner-card .price{font-family:'Integral CF','Arial Black',sans-serif;font-size:3rem;line-height:1;margin-top:18px}\r\n.diner-card .price small{font-size:.95rem;font-family:'Mosvita','Arial',sans-serif;font-weight:600}\r\n.diner-card .btn{margin-top:22px;background:var(--plum);color:var(--cream)}\r\n.diner-card .btn:hover{background:var(--ink)}\r\n@media(max-width:820px){.diner-grid{grid-template-columns:1fr;gap:36px}}\r\n\r\n\/* ---------- COMBO ---------- *\/\r\n.combo{padding:8px 0 44px;background:var(--cream-2)}\r\n.combo-card{background:var(--mint);border-radius:24px;padding:32px 34px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;position:relative;overflow:hidden}\r\n.combo-card::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(63,6,26,.12) 1px,transparent 1.6px);background-size:10px 10px;opacity:.5}\r\n.combo-card .rel{position:relative;z-index:2}\r\n.combo-card .flag{display:inline-block;background:var(--plum);color:var(--cream);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;padding:7px 15px;border-radius:20px;margin-bottom:18px}\r\n.combo-card h3{font-family:'Integral CF','Arial Black',sans-serif;font-size:clamp(2.2rem,5vw,3.2rem);text-transform:uppercase;line-height:.92;letter-spacing:1px;color:var(--plum)}\r\n.combo-card p{margin-top:14px;font-size:1rem;line-height:1.6;color:var(--plum-2);max-width:42ch}\r\n.combo-price{text-align:center;position:relative;z-index:2}\r\n.combo-price .was{font-size:1.1rem;color:var(--plum-2);text-decoration:line-through;opacity:.6}\r\n.combo-price .now{font-family:'Integral CF','Arial Black',sans-serif;font-size:4rem;line-height:1;color:var(--plum)}\r\n.combo-price .now small{display:block;font-size:.9rem;font-family:'Mosvita','Arial',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}\r\n.combo-price .btn{margin-top:20px;background:var(--plum);color:var(--cream)}\r\n.combo-price .btn:hover{background:var(--ink)}\r\n@media(max-width:760px){.combo-card{grid-template-columns:1fr;gap:30px;text-align:center}.combo-card p{margin-left:auto;margin-right:auto}}\r\n\r\n\/* ---------- INFOS ---------- *\/\r\n.infos{padding:90px 0;background:var(--cream)}\r\n.infos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n.info-box{background:var(--cream-2);border:2px solid rgba(63,6,26,.1);border-radius:16px;padding:28px}\r\n.info-box .k{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;color:var(--orange-deep);margin-bottom:10px}\r\n.info-box p{font-size:.95rem;line-height:1.6;color:var(--plum-2)}\r\n@media(max-width:760px){.infos-grid{grid-template-columns:1fr}}\r\n\r\n\/* ---------- FOOTER ---------- *\/\r\nfooter{background:var(--plum);color:rgba(239,231,217,.7);padding:50px 26px;text-align:center}\r\nfooter .logo{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.8rem;color:var(--cream);letter-spacing:1px;margin-bottom:10px}\r\nfooter .logo b{color:var(--orange)}\r\nfooter .addr{font-size:.9rem;line-height:1.6}\r\nfooter .social{margin:20px 0;display:flex;gap:20px;justify-content:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}\r\nfooter .social a:hover{color:var(--mint)}\r\nfooter .legal{font-size:.75rem;opacity:.6;margin-top:14px}\r\n\r\n@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes fade{from{opacity:0}to{opacity:1}}\r\n\r\n.reveal{opacity:1;transform:none;transition:opacity .7s,transform .7s}\r\n.reveal.in{opacity:1;transform:none}\r\n\r\n\/* --- marge n\u00e9gative du hero, responsive selon hauteur du header --- *\/\r\n@media(max-width:1024px){.hero{margin-top:-100px;padding-top:160px}}\r\n@media(max-width:768px){.hero{margin-top:-80px;padding-top:130px}}\r\n@media(max-width:480px){.hero{margin-top:-70px;padding-top:110px}}\r\n\r\n\/* --- bandeau combo sticky --- *\/\r\n#comboBar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(140%);\r\n  z-index:90;display:flex;align-items:center;gap:16px;\r\n  background:#660827;color:#efe7d9;border-radius:40px;padding:12px 14px 12px 22px;\r\n  box-shadow:0 14px 34px -12px rgba(0,0,0,.5);max-width:92vw;\r\n  font-family:'Mosvita','Arial',sans-serif;transition:transform .45s cubic-bezier(.2,.8,.2,1);opacity:.98}\r\n#comboBar.show{transform:translateX(-50%) translateY(0)}\r\n#comboBar .cb-txt{font-size:.92rem;line-height:1.2;white-space:nowrap}\r\n#comboBar .cb-txt b{color:#a8e0c8;font-weight:600}\r\n#comboBar .cb-was{text-decoration:line-through;opacity:.55;font-size:.82rem;margin-left:4px}\r\n#comboBar .cb-cta{background:#ff7d35;color:#660827;font-weight:700;font-size:.8rem;\r\n  text-transform:uppercase;letter-spacing:.04em;padding:10px 18px;border-radius:30px;white-space:nowrap;\r\n  transition:background .2s,transform .2s}\r\n#comboBar .cb-cta:hover{background:#a8e0c8;transform:translateY(-2px)}\r\n#comboBar .cb-close{background:transparent;border:none;color:#efe7d9;cursor:pointer;\r\n  font-size:1.1rem;line-height:1;opacity:.6;padding:4px 6px}\r\n#comboBar .cb-close:hover{opacity:1}\r\n@media(max-width:560px){\r\n  #comboBar{gap:10px;padding:10px 10px 10px 16px;bottom:12px}\r\n  #comboBar .cb-txt{font-size:.82rem;white-space:normal}\r\n  #comboBar .cb-was{display:none}\r\n  #comboBar .cb-cta{padding:9px 13px;font-size:.72rem}\r\n}\r\n\r\n\/* --- line-up sur les cartes --- *\/\r\n.lineup-list{margin-top:18px;display:grid;gap:10px}\r\n.lu{display:flex;flex-direction:column;gap:1px}\r\n.lu .t{font-size:.66rem;letter-spacing:.06em;opacity:.7;font-family:'Mosvita','Arial',sans-serif}\r\n.lu .n{font-family:'Integral CF','Arial Black',sans-serif;font-size:1rem;line-height:1.05;letter-spacing:.3px;text-transform:uppercase}\r\n.headliner .lu .n{color:#efe7d9}\r\n.headliner .lu.star .n{color:#a8e0c8;font-size:1.5rem}\r\n.headliner .lu.star .t{color:#ff7d35;opacity:1;font-weight:600}\r\n.headliner .lu:not(.star) .n{opacity:.78;font-size:.92rem}\r\n.headliner .lu .t{color:rgba(239,231,217,.7)}\r\n\/* night-row lineup (14 & 15) *\/\r\n.night-row .lineup-list{margin-top:10px;grid-column:1 \/ -1}\r\n.night-row .lu{flex-direction:row;align-items:baseline;gap:8px}\r\n.night-row .lu .t{color:#ff7d35;opacity:1;min-width:96px}\r\n.night-row .lu .n{color:#660827;font-size:.95rem}\r\n.night-row .info .soon{font-style:normal;color:#9a7a55;font-size:.85rem;font-family:'Mosvita','Arial',sans-serif}\r\n@media(max-width:680px){.night-row .lu{flex-direction:column;gap:0}.night-row .lu .t{min-width:0}}\r\n\r\n\/* --- 13 ao\u00fbt : deux options c\u00f4te \u00e0 c\u00f4te --- *\/\r\n.opt13{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}\r\n.opt{background:rgba(239,231,217,.06);border:1px solid rgba(239,231,217,.16);border-radius:14px;padding:20px 18px;display:flex;flex-direction:column}\r\n.opt.premium{background:#ff7d35;border-color:#ff7d35;color:#660827}\r\n.opt .ok{font-family:'Mosvita','Arial',sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-bottom:8px}\r\n.opt.premium .ok{opacity:1;font-weight:600}\r\n.opt .oname{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.1rem;line-height:1.05;text-transform:uppercase;letter-spacing:.3px}\r\n.opt .oprice{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.7rem;margin-top:10px;line-height:1}\r\n.opt .oprice small{font-family:'Mosvita','Arial',sans-serif;font-size:.72rem;font-weight:400}\r\n.opt .odesc{font-size:.82rem;line-height:1.5;margin-top:8px;opacity:.85;font-family:'Mosvita','Arial',sans-serif;flex:1}\r\n.opt .obtn{margin-top:14px;text-align:center;font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:11px 14px;border-radius:24px;transition:transform .2s,background .2s}\r\n.opt:not(.premium) .obtn{background:#efe7d9;color:#660827}\r\n.opt:not(.premium) .obtn:hover{background:#a8e0c8;transform:translateY(-2px)}\r\n.opt.premium .obtn{background:#660827;color:#efe7d9}\r\n.opt.premium .obtn:hover{background:#4a0018;transform:translateY(-2px)}\r\n@media(max-width:520px){.opt13{grid-template-columns:1fr}}\r\n\r\n\/* --- galerie photo --- *\/\r\n.gallery{padding:70px 0 90px;background:var(--cream-2)}\r\n.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:12px}\r\n.gal-grid .gitem{overflow:hidden;border-radius:12px;position:relative;background:#660827}\r\n.gal-grid .gitem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}\r\n.gal-grid .gitem:hover img{transform:scale(1.06)}\r\n.gal-grid .ph-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;\r\n  color:rgba(239,231,217,.5);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-family:'Mosvita','Arial',sans-serif;\r\n  background-image:radial-gradient(rgba(255,156,39,.25) 1px,transparent 1.6px);background-size:9px 9px}\r\n.gal-grid .big{grid-column:span 2;grid-row:span 2}\r\n.gal-grid .tall{grid-row:span 2}\r\n@media(max-width:760px){.gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.gal-grid .big{grid-column:span 2}}\r\n\r\n\/* --- 13 ao\u00fbt : nouvelle structure (titre pleine largeur + 2 colonnes) --- *\/\r\n.night13{background:#660827;border-radius:20px;overflow:hidden;color:#efe7d9;padding:40px}\r\n.n13-head{text-align:left;margin-bottom:8px}\r\n.n13-flag{display:inline-block;background:#ff7d35;color:#660827;font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;padding:6px 14px;border-radius:20px;margin-bottom:18px}\r\n.n13-title{font-family:'Integral CF','Arial Black',sans-serif;font-size:clamp(2rem,4.5vw,3.2rem);line-height:.92;text-transform:uppercase;letter-spacing:.5px}\r\n.n13-title span{color:#a8e0c8}\r\n.n13-lineup{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:20px;padding-bottom:28px;border-bottom:1px solid rgba(239,231,217,.16)}\r\n.n13-lineup .lu{flex-direction:column;gap:1px}\r\n.n13-lineup .lu .t{font-family:'Mosvita','Arial',sans-serif;font-size:.64rem;letter-spacing:.06em;color:rgba(239,231,217,.65)}\r\n.n13-lineup .lu .n{font-family:'Integral CF','Arial Black',sans-serif;font-size:.95rem;line-height:1.05;text-transform:uppercase;letter-spacing:.3px;opacity:.8}\r\n.n13-lineup .lu.star .n{color:#a8e0c8;opacity:1;font-size:1.15rem}\r\n.n13-lineup .lu.star .t{color:#ff7d35}\r\n.n13-cols{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:28px}\r\n.n13-col{background:rgba(239,231,217,.05);border:1px solid rgba(239,231,217,.14);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column}\r\n.n13-col.dinner{background:#ff7d35;border-color:#ff7d35;color:#660827}\r\n.n13-col .ck{font-family:'Mosvita','Arial',sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-bottom:6px}\r\n.n13-col.dinner .ck{opacity:1;font-weight:600}\r\n.n13-col .cname{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.5rem;line-height:1;text-transform:uppercase;letter-spacing:.4px}\r\n.n13-col .cprice{font-family:'Integral CF','Arial Black',sans-serif;font-size:2rem;line-height:1;margin-top:12px}\r\n.n13-col .cprice small{font-family:'Mosvita','Arial',sans-serif;font-size:.78rem;font-weight:400}\r\n.n13-col .cdesc{font-family:'Mosvita','Arial',sans-serif;font-size:.88rem;line-height:1.55;margin-top:12px;opacity:.9;flex:1}\r\n.n13-menu{margin-top:14px;padding-top:14px;border-top:1px solid rgba(69,0,26,.2);display:grid;gap:8px}\r\n.n13-menu .course{font-family:'Mosvita','Arial',sans-serif}\r\n.n13-menu .course .cc{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}\r\n.n13-menu .course .cd{font-size:.9rem;font-weight:600;line-height:1.2}\r\n.n13-col .cbtn{margin-top:18px;text-align:center;font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:13px 16px;border-radius:26px;transition:transform .2s,background .2s}\r\n.n13-col:not(.dinner) .cbtn{background:#efe7d9;color:#660827}\r\n.n13-col:not(.dinner) .cbtn:hover{background:#a8e0c8;transform:translateY(-2px)}\r\n.n13-col.dinner .cbtn{background:#660827;color:#efe7d9}\r\n.n13-col.dinner .cbtn:hover{background:#4a0018;transform:translateY(-2px)}\r\n@media(max-width:760px){.night13{padding:28px 22px}.n13-cols{grid-template-columns:1fr}}\r\n\r\n\r\n\/* --- Magician qui d\u00e9borde du header (carte hero) --- *\/\r\n.hero-art .card{position:relative;overflow:visible}\r\n.hero-magician{position:absolute;top:-130px;right:-55px;width:320px;max-width:72%;height:auto;z-index:4;pointer-events:none}\r\n@media(max-width:820px){.hero-magician{width:240px;top:-102px;right:-25px}}\r\n@media(max-width:480px){.hero-magician{width:175px;top:-78px;right:-10px}}\r\n.card-link{display:block;text-decoration:none;color:inherit;transition:transform .25s}\r\n.card-link:hover{transform:translateY(-4px)}\r\n\r\n\/* --- rang\u00e9e B-Nights + combo (3 colonnes) --- *\/\r\n.bnight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}\r\n.bcard{background:var(--cream);border:2px solid rgba(69,0,26,.12);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column}\r\n.bcard .bdate{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.5rem;line-height:.9;color:var(--plum)}\r\n.bcard .bdate small{font-family:'Mosvita','Arial',sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--orange-deep);display:block;margin-top:2px}\r\n.bcard h4{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.25rem;text-transform:uppercase;letter-spacing:.4px;color:var(--plum);margin-top:12px}\r\n.bcard .bsub{font-family:'Mosvita','Arial',sans-serif;font-size:.86rem;color:var(--plum-2);margin-top:4px}\r\n.bcard .lineup-list{margin-top:12px}\r\n.bcard .soon{font-style:normal;color:#9a7a55;font-size:.85rem;font-family:'Mosvita','Arial',sans-serif;margin-top:12px}\r\n.bcard .bfoot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}\r\n.bcard .bprice{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.3rem;color:var(--plum)}\r\n.bcard .bbtn{background:var(--plum);color:var(--cream);font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;border-radius:22px;white-space:nowrap;transition:background .2s,transform .2s}\r\n.bcard .bbtn:hover{background:var(--orange);color:var(--plum);transform:translateY(-2px)}\r\n.bcard.combo{background:var(--mint);border-color:var(--mint)}\r\n.bcard.combo .bflag{display:inline-block;background:var(--plum);color:var(--cream);font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;padding:5px 12px;border-radius:16px;align-self:flex-start;margin-bottom:10px}\r\n.bcard.combo h4{font-size:1.35rem}\r\n.bcard.combo .bwas{text-decoration:line-through;opacity:.55;font-size:.9rem;margin-left:6px;font-family:'Mosvita','Arial',sans-serif}\r\n@media(max-width:760px){.bnight-row{grid-template-columns:1fr}}\r\n\r\n\/* --- AGENDA \u00c9T\u00c9 + slideshow --- *\/\r\n.agenda{position:relative;padding:56px 0 8px;background:var(--plum);color:var(--cream);overflow:hidden}\r\n.ag-slideshow{position:absolute;inset:0;z-index:0}\r\n.ag-slideshow .slide{position:absolute;inset:0;opacity:0;animation:agfade 32s infinite;background-size:cover;background-position:center;background-attachment:fixed}\r\n.ag-slideshow .slide:first-child{opacity:1}\r\n\r\n.ag-slideshow::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(102,8,39,.58),rgba(102,8,39,.68))}\r\n.ag-slideshow .slide:nth-child(1){animation-delay:0s}\r\n.ag-slideshow .slide:nth-child(2){animation-delay:4s}\r\n.ag-slideshow .slide:nth-child(3){animation-delay:8s}\r\n.ag-slideshow .slide:nth-child(4){animation-delay:12s}\r\n.ag-slideshow .slide:nth-child(5){animation-delay:16s}\r\n.ag-slideshow .slide:nth-child(6){animation-delay:20s}\r\n.ag-slideshow .slide:nth-child(7){animation-delay:24s}\r\n.ag-slideshow .slide:nth-child(8){animation-delay:28s}\r\n@keyframes agfade{0%{opacity:0}3%{opacity:1}12%{opacity:1}15%{opacity:0}100%{opacity:0}}\r\n.agenda .wrap{position:relative;z-index:2}\r\n.agenda .sec-tag{color:var(--orange)}\r\n.agenda .sec-h{color:var(--cream)}\r\n.agenda .sec-p{color:rgba(239,231,217,.8)}\r\n\r\n\r\n.ag-row:last-child{border-bottom:1px solid rgba(239,231,217,.14)}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media(max-width:600px){}\r\n\r\n\/* --- bouton menu dans infos --- *\/\r\n.info-box .menu-btn{display:inline-block;margin-top:14px;background:var(--plum);color:var(--cream);font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 18px;border-radius:22px;transition:background .2s,transform .2s}\r\n.info-box .menu-btn:hover{background:var(--orange);color:var(--plum);transform:translateY(-2px)}\r\n\/* infos-grid : passer \u00e0 des cartes qui s'adaptent au nombre *\/\r\n.infos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n@media(max-width:760px){.infos-grid{grid-template-columns:1fr}}\r\n\r\n\r\n\r\n\r\n@media(max-width:600px){}\r\n\r\n\r\n\r\n\/* --- AGENDA : grille compacte de cartes --- *\/\r\n.ag-list{margin-top:40px}\r\n.ag-row{display:flex;flex-direction:column;gap:8px;background:rgba(102,8,39,.78);border:1px solid rgba(239,231,217,.16);border-radius:14px;padding:16px 16px;transition:background .2s,border-color .2s}\r\n.ag-row:hover{background:rgba(239,231,217,.1);border-color:rgba(255,156,39,.4)}\r\n.ag-date{font-family:'Integral CF','Arial Black',sans-serif;font-size:1.35rem;line-height:.9;color:var(--orange);display:flex;align-items:baseline;gap:6px}\r\n.ag-date small{font-family:'Mosvita','Arial',sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(239,231,217,.7)}\r\n.ag-club{font-family:'Mosvita','Arial',sans-serif;font-size:.88rem;line-height:1.35;color:var(--cream);flex:1}\r\n.ag-entrance{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}\r\n.ag-free{font-family:'Mosvita','Arial',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mint);font-weight:600;align-self:center}\r\n.ag-btn{background:var(--orange);color:var(--plum);font-family:'Mosvita','Arial',sans-serif;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;padding:7px 12px;border-radius:18px;transition:background .2s,transform .2s;white-space:nowrap}\r\n.ag-btn:hover{background:var(--mint);transform:translateY(-2px)}\r\n.ag-btn.table{background:transparent;border:1.5px solid var(--orange);color:var(--orange)}\r\n.ag-btn.table:hover{background:var(--orange);color:var(--plum)}\r\n.ag-tag{display:inline-block;margin-left:6px;background:rgba(168,224,200,.18);color:var(--mint);font-size:.56rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:12px;vertical-align:middle}\r\n\r\n\r\n\r\n\/* --- onglets agenda juil\/ao\u00fbt --- *\/\r\n.ag-tabs{display:flex;justify-content:center;gap:10px;margin-top:8px}\r\n.ag-tab{font-family:'Integral CF','Arial Black',sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;\r\n  padding:10px 26px;border-radius:30px;border:2px solid var(--orange);background:transparent;color:var(--cream);cursor:pointer;transition:background .2s,color .2s}\r\n.ag-tab.active{background:var(--orange);color:var(--plum)}\r\n.ag-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:980px;margin-left:auto;margin-right:auto}\r\n@media(max-width:820px){.ag-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:520px){.ag-grid{grid-template-columns:1fr}}\r\n\r\n\/* --- hauteur stable entre juillet et ao\u00fbt --- *\/\r\n.ag-stage{position:relative;min-height:640px}\r\n@media(max-width:820px){.ag-stage{min-height:900px}}\r\n@media(max-width:520px){.ag-stage{min-height:1500px}}\r\n.agenda .sec-head{margin-bottom:24px}\r\n\r\n\/* --- agenda align\u00e9 \u00e0 gauche --- *\/\r\n.agenda .sec-head{text-align:left;max-width:980px;margin-left:auto;margin-right:auto}\r\n.agenda .ag-tabs{justify-content:flex-start}\r\n\r\n\/* --- boutons hero sous la carte --- *\/\r\n.hero-art .cta-row{margin-top:26px;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center}\r\n.hero-art .cta-row .btn{padding:15px 22px;font-size:.82rem;white-space:nowrap}\r\n@media(max-width:820px){.hero-art .cta-row{justify-content:flex-start;flex-wrap:wrap}}\r\n\r\n\/* --- agenda : titre + onglets sur une ligne --- *\/\r\n.agenda .ag-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;text-align:left}\r\n.agenda .ag-head .sec-h{margin:0}\r\n.agenda .ag-head .ag-tabs{margin-top:0}\r\n@media(max-width:600px){.agenda .ag-head{flex-direction:column;align-items:flex-start;gap:14px}}\r\n\r\n\/* --- force Integral CF sur les titres (priorit\u00e9 th\u00e8me WP) --- *\/\r\n.hero h1,.hero-title,.sec-h,.n13-title,.headliner h3,.night-row .info h4,.info-box .k,.bcard h4,.ag-date,.combo-card h3,.hero-art .big-date,.diner-card h4,.n13-col .cname,.n13-col .cprice,.combo-price .now,footer .logo,.ag-tab{font-family:'Integral CF','Arial Black',sans-serif!important}\r\n\r\n\/* --- carte agenda 13 ao\u00fbt mise en avant (couleurs invers\u00e9es) --- *\/\r\n.ag-row.featured{background:var(--orange);border-color:var(--orange)}\r\n.ag-row.featured:hover{background:var(--orange);border-color:var(--cream)}\r\n.ag-row.featured .ag-date{color:var(--plum)}\r\n.ag-row.featured .ag-date small{color:rgba(102,8,39,.7)}\r\n.ag-row.featured .ag-club{color:var(--plum);font-weight:600}\r\n.ag-row.featured .ag-btn{background:var(--plum);color:var(--cream)}\r\n.ag-row.featured .ag-btn:hover{background:var(--ink);color:var(--cream)}\r\n.ag-row.featured .ag-btn.table{background:transparent;border-color:var(--plum);color:var(--plum)}\r\n.ag-row.featured .ag-btn.table:hover{background:var(--plum);color:var(--cream)}\r\n\r\n\/* --- SEO home : H1 p\u00e9renne + titre visuel --- *\/\r\n.home-h1{font-family:'Mosvita','Arial',sans-serif !important;font-size:.82rem !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:var(--plum) !important;margin:0 0 18px !important;line-height:1.4 !important;opacity:0;animation:fade .7s .1s forwards}\r\n.home-h1 .h1-sub{font-weight:400;opacity:.75}\r\n.hero-title{font-family:'Integral CF','Arial Black',sans-serif;line-height:.86;color:var(--plum);font-size:clamp(3.6rem,9vw,7.4rem);letter-spacing:1px;text-transform:uppercase}\r\n.hero-title span{display:block;opacity:0;animation:rise .8s forwards}\r\n.hero-title .l1{animation-delay:.2s}\r\n.hero-title .l2{animation-delay:.34s;color:var(--cream)}\r\n@media(max-width:600px){.home-h1{font-size:.72rem !important;letter-spacing:.16em !important}}\r\n\r\n\/* --- bloc SEO p\u00e9renne --- *\/\r\n.about-seo{padding:70px 0;background:var(--cream)}\r\n.about-seo .sec-h{text-align:left;margin-bottom:20px;font-size:clamp(1.6rem,3.5vw,2.4rem)}\r\n.about-seo p{font-family:'Mosvita','Arial',sans-serif;font-size:1rem;line-height:1.7;color:var(--plum-2);max-width:820px;margin-bottom:14px}\r\n.about-seo strong{color:var(--plum);font-weight:700}\r\n@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}\r\n<\/style>\r\n<!-- HERO -->\r\n<header class=\"hero\">\r\n  <div class=\"wrap hero-grid\">\r\n    <div>\r\n      <h1 class=\"home-h1\">Knokke Out Zoute <span class=\"h1-sub\">\u2014 Restaurant &amp; Nightlife \u00b7 Knokke-Heist<\/span><\/h1>\r\n      <div class=\"hero-title\" aria-hidden=\"false\">\r\n        <span class=\"l1\">KO Summer<\/span>\r\n        <span class=\"l2\">Nights<\/span>\r\n      <\/div>\r\n      <p class=\"dates\">Tout l'\u00e9t\u00e9. Chaque week-end. <b>La f\u00eate au Zoute.<\/b><\/p>\r\n      <p class=\"sub\">Tout l'\u00e9t\u00e9, le Knokke Out Zoute encha\u00eene les soir\u00e9es : DJ sets, temps forts et un week-end d'exception les 13, 14 &amp; 15 ao\u00fbt avec The Magician. R\u00e9servez votre table ou rejoignez la f\u00eate.<\/p>\r\n    <\/div>\r\n    <div class=\"hero-art\">\r\n      <a href=\"#tickets\" class=\"card-link\"><div class=\"card\">\r\n        <img decoding=\"async\" class=\"hero-magician\" src=\"https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/07\/The-Magician.png\" alt=\"The Magician\">\r\n        <span class=\"tag\">T\u00eate d'affiche<\/span>\r\n        <div class=\"big-date\">13<small>AO\u00dbT<\/small><\/div>\r\n        <div class=\"who\"><span>The Magician<\/span><\/div>\r\n      <\/div><\/a>\r\n      <div class=\"cta-row\">\r\n        <a href=\"#tickets\" class=\"btn btn-plum\">R\u00e9server mes billets<\/a>\r\n        <a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"btn btn-out\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server une table<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- AGENDA \u00c9T\u00c9 -->\r\n<section class=\"agenda\" id=\"agenda\">\r\n  <div class=\"ag-slideshow\">\r\n    <div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/05\/140825KOZ-scaled.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/05\/SUMMER_KOZ_08_2024-181-scaled.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/07\/KO%C2%A9Charlottelauwersphotography46-scaled.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/05\/150825KOZ-52-1-scaled.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/05\/31.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/07\/SUMMER_KOZ_08_2024-91-scaled.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/07\/SUMMER_KOZ_08_2024-161-scaled.jpg')\"><\/div>\r\n<div class=\"slide\" style=\"background-image:url('https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/05\/SUMMER_KOZ_08_2024-181-scaled.jpg')\"><\/div>\r\n  <\/div>\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal ag-head\">\r\n      <h2 class=\"sec-h\">Agenda<\/h2>\r\n      <div class=\"ag-tabs\">\r\n        <button class=\"ag-tab active\" data-month=\"juil\" onclick=\"agShow('juil',this)\">Juillet<\/button>\r\n        <button class=\"ag-tab\" data-month=\"aout\" onclick=\"agShow('aout',this)\">Ao\u00fbt<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ag-list reveal\">\r\n      <div class=\"ag-stage\">\r\n      <div class=\"ag-grid\" data-group=\"juil\">\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">4<small>Juil<\/small><\/div>\r\n          <div class=\"ag-club\">Castilio<\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">11<small>Juil<\/small><\/div>\r\n          <div class=\"ag-club\">Bossy<\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">18<small>Juil<\/small><\/div>\r\n          <div class=\"ag-club\">SVB<\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">25<small>Juil<\/small><\/div>\r\n          <div class=\"ag-club\">Castilio<\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">31<small>Juil<\/small><\/div>\r\n          <div class=\"ag-club\">Castilio<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac5<\/a><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n      \r\n              <\/div>\r\n      <div class=\"ag-grid\" data-group=\"aout\" style=\"display:none\">\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">1<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Bossy<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac10<\/a><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">2<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Horizon d'Amour <span class=\"ag-tag\">Night only<\/span><\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">7<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Nuit du Zoute | Tang E \u00b7 St Paul \u00b7 Bossy \u00b7 Club Transat<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac15<\/a><a href=\"https:\/\/my.weezevent.com\/combo-weekend-78-august-koz\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Combo week-end \u00b7 \u20ac25<\/a><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">8<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Hermanos Inglesos \u00b7 M-ilio<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac15<\/a><a href=\"https:\/\/my.weezevent.com\/combo-weekend-78-august-koz\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Combo week-end \u00b7 \u20ac25<\/a><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">9<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Club Copains <span class=\"ag-tag\">Night only<\/span><\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row featured\">\r\n          <div class=\"ag-date\">13<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">The Magician \u00b7 Castilio<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac20<\/a><a href=\"https:\/\/my.weezevent.com\/combo-weekend-13-15-august\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Combo week-end \u00b7 \u20ac40<\/a><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">14<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">B-Night #1 | DJs TBC<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac15<\/a><a href=\"https:\/\/my.weezevent.com\/combo-weekend-13-15-august\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Combo week-end \u00b7 \u20ac40<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">15<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">B-Night #2 | Maslan \u00b7 Loulou Players \u00b7 Laura De Greef<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac15<\/a><a href=\"https:\/\/my.weezevent.com\/combo-weekend-13-15-august\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Combo week-end \u00b7 \u20ac40<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">16<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Klubb Kontrast <span class=\"ag-tag\">Night only<\/span><\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">22<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">Castilio \u00b7 GLN<\/div>\r\n          <div class=\"ag-entrance\"><a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"ag-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets \u00b7 \u20ac10<\/a><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ag-row\">\r\n          <div class=\"ag-date\">29<small>Ao\u00fbt<\/small><\/div>\r\n          <div class=\"ag-club\">DJ TBC<\/div>\r\n          <div class=\"ag-entrance\"><span class=\"ag-free\">Free entrance<\/span><a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"ag-btn table\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server ma table (restaurant)<\/a><\/div>\r\n        <\/div>\r\n      \r\n    \r\n          <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LINE-UP -->\r\n<section class=\"lineup\" id=\"tickets\">\r\n  <div class=\"wrap\">\r\n    \r\n\r\n    <div class=\"nights\">\r\n\r\n            <!-- NIGHT 13 (t\u00eate d'affiche) -->\r\n      <div class=\"night13 reveal\" id=\"diner\">\r\n        <div class=\"n13-head\">\r\n          <span class=\"n13-flag\">Jeudi 13 ao\u00fbt \u00b7 T\u00eate d'affiche<\/span>\r\n          <h3 class=\"n13-title\">Exclusive Night with <span>The Magician<\/span><\/h3>\r\n        <\/div>\r\n        <div class=\"n13-lineup\">\r\n          <div class=\"lu\"><span class=\"t\">23h30 \u2013 00h30<\/span><span class=\"n\">TBC<\/span><\/div>\r\n          <div class=\"lu star\"><span class=\"t\">00h30 \u2013 02h30 \u00b7 T\u00eate d'affiche<\/span><span class=\"n\">The Magician<\/span><\/div>\r\n          <div class=\"lu\"><span class=\"t\">02h30 \u2013 06h00<\/span><span class=\"n\">Castilio<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"n13-cols\">\r\n          <div class=\"n13-col dinner\">\r\n            <span class=\"ck\">D\u00eener + soir\u00e9e<\/span>\r\n            <span class=\"cname\">Dine &amp; Dance<\/span>\r\n            <div class=\"cprice\">\u20ac60<small> \/ pers.<\/small><\/div>\r\n            <p class=\"cdesc\">Le fameux buffet KO, suivi d'un acc\u00e8s direct \u00e0 la soir\u00e9e The Magician. L'entr\u00e9e est comprise dans toute r\u00e9servation : pas besoin d'un second billet.<\/p>\r\n            <a href=\"https:\/\/bookknokkeoutzoute.tero.be\/\" class=\"cbtn\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server la soir\u00e9e compl\u00e8te<\/a>\r\n          <\/div>\r\n          <div class=\"n13-col\">\r\n            <span class=\"ck\">Soir\u00e9e seulement<\/span>\r\n            <span class=\"cname\">The Magician<\/span>\r\n            <div class=\"cprice\">\u20ac25<small> \/ pers.<\/small><\/div>\r\n            <p class=\"cdesc\">L'acc\u00e8s \u00e0 la soir\u00e9e, d\u00e8s 23h30. La nuit, sans le d\u00eener.<\/p>\r\n            <a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"cbtn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets Weezevent<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n                  <div class=\"bnight-row\">\r\n        <!-- 14 -->\r\n        <div class=\"bcard reveal\">\r\n          <div class=\"bdate\">14<small>Ao\u00fbt<\/small><\/div>\r\n          <h4>B-Night #1<\/h4>\r\n          <p class=\"bsub\">Club only \u00b7 d\u00e8s minuit<\/p>\r\n          <p class=\"soon\">Line-up \u00e0 venir<\/p>\r\n          <div class=\"bfoot\">\r\n            <span class=\"bprice\">\u20ac15<\/span>\r\n            <a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"bbtn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- 15 -->\r\n        <div class=\"bcard reveal\">\r\n          <div class=\"bdate\">15<small>Ao\u00fbt<\/small><\/div>\r\n          <h4>B-Night #2<\/h4>\r\n          <p class=\"bsub\">Club only \u00b7 d\u00e8s minuit<\/p>\r\n          <div class=\"lineup-list\">\r\n            <div class=\"lu\"><span class=\"t\">00h00 \u2013 01h00<\/span><span class=\"n\">Maslan<\/span><\/div>\r\n            <div class=\"lu\"><span class=\"t\">01h00 \u2013 03h00<\/span><span class=\"n\">Loulou Players<\/span><\/div>\r\n            <div class=\"lu\"><span class=\"t\">03h00 \u2013 06h00<\/span><span class=\"n\">Laura De Greef<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"bfoot\">\r\n            <span class=\"bprice\">\u20ac15<\/span>\r\n            <a href=\"https:\/\/my.weezevent.com\/summer-nights-knokke-out-zoute\" class=\"bbtn\" target=\"_blank\" rel=\"noopener noreferrer\">Billets<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- COMBO -->\r\n        <div class=\"bcard combo reveal\" id=\"combo\">\r\n          <span class=\"bflag\">Le meilleur deal<\/span>\r\n          <h4>Weekend Combo<\/h4>\r\n          <p class=\"bsub\">Les 3 soir\u00e9es club (13, 14 &amp; 15) en un seul pass.<\/p>\r\n          <div class=\"bfoot\">\r\n            <span class=\"bprice\">\u20ac40<span class=\"bwas\">\u20ac55<\/span><\/span>\r\n            <a href=\"https:\/\/my.weezevent.com\/combo-weekend-13-15-august\" class=\"bbtn\" target=\"_blank\" rel=\"noopener noreferrer\">Prendre le combo<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- INFOS -->\r\n<section class=\"infos\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <span class=\"sec-tag\">Infos pratiques<\/span>\r\n      <h2 class=\"sec-h\">Tout ce qu'il faut savoir<\/h2>\r\n    <\/div>\r\n    <div class=\"infos-grid\">\r\n      <div class=\"info-box reveal\">\r\n        <div class=\"k\">Lieu<\/div>\r\n        <p>Knokke Out Zoute<br>Bronlaan 113<br>8300 Knokke-Heist<\/p>\r\n      <\/div>\r\n      <div class=\"info-box reveal\">\r\n        <div class=\"k\">Horaires<\/div>\r\n        <p>Entr\u00e9e au club \u00e0 partir de 23h (minuit les 14 &amp; 15 ao\u00fbt).<br>Buffet KO : service en soir\u00e9e, entr\u00e9e \u00e0 la soir\u00e9e incluse.<\/p>\r\n      <\/div>\r\n      <div class=\"info-box reveal\">\r\n        <div class=\"k\">Acc\u00e8s<\/div>\r\n        <p>Interdit aux moins de 18 ans.<br>Dress code : Casual Chic.<\/p>\r\n      <\/div>\r\n      <div class=\"info-box reveal\">\r\n        <div class=\"k\">Billets<\/div>\r\n        <p>R\u00e9servation en ligne via Weezevent. Entr\u00e9e comprise dans toute r\u00e9servation du buffet.<\/p>\r\n      <\/div>\r\n      <div class=\"info-box reveal\">\r\n        <div class=\"k\">Conditions<\/div>\r\n        <p>Les billets ne sont ni \u00e9changeables ni remboursables.<\/p>\r\n      <\/div>\r\n      <div class=\"info-box reveal\">\r\n        <div class=\"k\">Menu<\/div>\r\n        <p>D\u00e9couvrez notre carte et notre concept sur le site du Knokke Out Zoute.<\/p>\r\n        <a href=\"https:\/\/knokkeout.com\/wp-content\/uploads\/2026\/07\/Menu-mobile-KOZ-2026.pdf\" class=\"menu-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Voir le menu<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- BLOC SEO P\u00c9RENNE -->\r\n<section class=\"about-seo\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"sec-h\">Knokke Out Zoute \u2014 restaurant &amp; nightlife au Zoute<\/h2>\r\n    <p>Le <strong>Knokke Out Zoute<\/strong> est une adresse incontournable de <strong>Knokke-Heist<\/strong>, \u00e0 la fois restaurant et club. Situ\u00e9 Bronlaan 113, au c\u0153ur du Zoute, il propose une exp\u00e9rience unique : un d\u00eener buffet haut de gamme, pr\u00e9par\u00e9 en live cooking, qui se prolonge naturellement en soir\u00e9e avec des DJ sets et une ambiance festive jusqu'au bout de la nuit.<\/p>\r\n    <p>Tout l'\u00e9t\u00e9, le Knokke Out Zoute encha\u00eene les soir\u00e9es : DJ r\u00e9sidents, \u00e9v\u00e9nements sp\u00e9ciaux et temps forts comme The Magician. Que vous veniez pour d\u00eener entre amis, r\u00e9server une table pour un groupe ou faire la f\u00eate sur la c\u00f4te belge, le KO Zoute r\u00e9unit gastronomie et nightlife dans un m\u00eame lieu.<\/p>\r\n    <p><strong>Adresse :<\/strong> Bronlaan 113, 8300 Knokke-Heist \u00b7 R\u00e9servations en ligne pour le restaurant et billets d'\u00e9v\u00e9nements via nos partenaires.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- BANDEAU COMBO STICKY -->\r\n<div id=\"comboBar\">\r\n  <span class=\"cb-txt\"><b>Combo week-end \u00b7 3 soir\u00e9es<\/b> \u20ac40<span class=\"cb-was\">\u20ac55<\/span><\/span>\r\n  <a href=\"#combo\" class=\"cb-cta\">Voir le combo<\/a>\r\n  <button class=\"cb-close\" aria-label=\"Fermer\" onclick=\"document.getElementById('comboBar').classList.remove('show');window.__comboClosed=true;\">&times;<\/button>\r\n<\/div>\r\n<script>\r\nconst io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}}),{threshold:.12});\r\ndocument.querySelectorAll('.reveal').forEach(el=>io.observe(el));\r\n<\/script>\r\n<script>\r\n(function(){\r\n  var bar=document.getElementById('comboBar');\r\n  if(!bar)return;\r\n  window.__comboClosed=false;\r\n  function onScroll(){\r\n    if(window.__comboClosed){bar.classList.remove('show');return;}\r\n    var combo=document.getElementById('combo');\r\n    var y=window.scrollY||document.documentElement.scrollTop;\r\n    \/\/ show after some scroll, hide once the combo section is in view\r\n    var comboTop = combo ? combo.getBoundingClientRect().top : 9999;\r\n    if(y>500 && comboTop>200){bar.classList.add('show');}\r\n    else{bar.classList.remove('show');}\r\n  }\r\n  window.addEventListener('scroll',onScroll,{passive:true});\r\n  onScroll();\r\n})();\r\n<\/script>\r\n\r\n<script>\r\nfunction agShow(month, btn){\r\n  document.querySelectorAll('.ag-grid').forEach(function(g){\r\n    g.style.display = (g.getAttribute('data-group')===month) ? 'grid' : 'none';\r\n  });\r\n  document.querySelectorAll('.ag-tab').forEach(function(t){ t.classList.remove('active'); });\r\n  if(btn) btn.classList.add('active');\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Knokke Out Zoute \u2014 Restaurant &amp; Nightlife \u00b7 Knokke-Heist KO Summer Nights Tout l&rsquo;\u00e9t\u00e9. Chaque week-end. La f\u00eate au Zoute. Tout l&rsquo;\u00e9t\u00e9, le Knokke Out Zoute encha\u00eene les soir\u00e9es : DJ sets, temps forts et un week-end d&rsquo;exception les 13, 14 &amp; 15 ao\u00fbt avec The Magician. R\u00e9servez votre table ou rejoignez la f\u00eate. T\u00eate [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1105","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/pages\/1105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/comments?post=1105"}],"version-history":[{"count":13,"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/pages\/1105\/revisions"}],"predecessor-version":[{"id":1234,"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/pages\/1105\/revisions\/1234"}],"wp:attachment":[{"href":"https:\/\/knokkeout.com\/fr\/wp-json\/wp\/v2\/media?parent=1105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}