Kick-off d'entreprise 2027 en Belgique et au Luxembourg | Tero<\/title>\n<meta name=\"description\" content=\"Organisez votre kick-off 2027 avec Tero : lieu, activit\u00e9 de team building et Teroir Traiteur r\u00e9unis, un seul interlocuteur. 17 lieux en Belgique et au Luxembourg.\">\n\n<style id=\"preview-only\">\n body { margin: 0; background: #fff; }\n<\/style>\n<\/head>\n<body>\n\n\n<style>\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Regular.cd1f94e.woff2\") format(\"woff2\"); font-weight: 300 400; font-display: swap; }\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Medium.d87446b.woff2\") format(\"woff2\"); font-weight: 500; font-display: swap; }\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Semibold.f6e646d.woff2\") format(\"woff2\"); font-weight: 600; font-display: swap; }\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/Almarose-Bold.woff2\") format(\"woff2\"); font-weight: 700; font-display: swap; }\n\n .tko {\n \/* Palette pastel (esprit Weezevent) *\/\n --b: #0032fa; \/* accent : bleu \u00e9lectrique *\/\n --b-2: #3d5cff;\n --deep: #0b1240; \/* bleu nuit : fond du cadre vid\u00e9o *\/\n --cream: #ffffff;\n --p-ice: #f0f5fa;\n --p-blue: #e6ebff;\n --p-mint: #eafbf9;\n --p-yellow: #fffaeb;\n --p-lav: #e4dfed;\n --ink: #0f0f14;\n --mute: rgba(15, 15, 20, .66);\n --line: rgba(15, 15, 20, .12);\n --white: #fff;\n --g: clamp(1rem, 3.1vw, 2.5rem);\n --w: min(100% - (var(--g) * 2), 1440px);\n --r: clamp(1.5rem, 3vw, 2.5rem);\n --e: cubic-bezier(.2, .72, .18, 1);\n position: relative;\n width: 100%;\n color: var(--ink);\n background: var(--cream);\n font-family: \"Almarose\", Montserrat, system-ui, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n overflow-x: clip; \/* clip et non hidden : garde le position:sticky fonctionnel *\/\n }\n .tko *, .tko *::before, .tko *::after { box-sizing: border-box; }\n .tko img { display: block; width: 100%; height: 100%; object-fit: cover; }\n .tko :where(a) { color: inherit; }\n .tko ::selection { color: var(--white); background: var(--b); }\n .tko :focus-visible { outline: 3px solid var(--b); outline-offset: 4px; border-radius: 6px; }\n .tko :where(h1, h2, h3, p) { margin: 0; }\n .tko strong { font-weight: 600; }\n\n .tko-wrap { width: var(--w); margin-inline: auto; }\n\n .tko-label {\n display: inline-flex; align-items: center; gap: .7rem;\n font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;\n }\n .tko-label::before { content: \"\"; width: .5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; }\n\n \/* ---------- Boutons ---------- *\/\n .tko-btn {\n --tx: 0px; --ty: 0px;\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .9rem;\n min-height: 3.3rem; padding: .85rem 1.7rem;\n border: 1px solid currentColor; border-radius: 999px;\n font: inherit; font-size: .98rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer;\n background: transparent; overflow: hidden; isolation: isolate;\n transform: translate(var(--tx), var(--ty));\n transition: transform .4s var(--e), color .3s ease, border-color .3s ease;\n }\n .tko-btn::before {\n content: \"\"; position: absolute; z-index: -1; inset: 0; border-radius: inherit;\n transform: translateY(101%); transition: transform .45s var(--e);\n }\n .tko-btn:hover::before, .tko-btn:focus-visible::before { transform: none; }\n .tko-btn__arrow { display: inline-block; transition: transform .4s var(--e); }\n .tko-btn:hover .tko-btn__arrow { transform: translateX(4px); }\n\n .tko-btn--solid { color: var(--b); background: var(--cream); border-color: var(--cream); }\n .tko-btn--solid::before { background: var(--b); }\n .tko-btn--solid:hover, .tko-btn--solid:focus-visible { color: var(--cream); border-color: var(--b); }\n\n .tko-btn--ghost { color: var(--white); border-color: rgba(255, 255, 255, .7); }\n .tko-btn--ghost::before { background: var(--cream); }\n .tko-btn--ghost:hover, .tko-btn--ghost:focus-visible { color: var(--b); border-color: var(--cream); }\n\n .tko-btn--bx { color: var(--white); background: var(--b); border-color: var(--b); }\n .tko-btn--bx::before { background: var(--b-2); }\n .tko-btn--bx:hover, .tko-btn--bx:focus-visible { border-color: var(--b-2); }\n\n .tko-btn--line { color: var(--b); border-color: var(--b); }\n .tko-btn--line::before { background: var(--b); }\n .tko-btn--line:hover, .tko-btn--line:focus-visible { color: var(--white); }\n\n \/* ---------- 1. Hero en s\u00e9quence (cadre \u2192 plein \u00e9cran \u2192 4 couches \u2192 cadre) ---------- *\/\n .tko-seq { position: relative; height: 640vh; background: var(--cream); }\n .tko-seq__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }\n .tko-hero {\n --f: 0; --se: 0;\n position: absolute; left: 50%; top: var(--ft, 16px);\n width: var(--fw, calc(100% - 2 * var(--g))); height: var(--fh, 72svh);\n transform: translateX(-50%); border-radius: var(--fr, 2.5rem);\n color: var(--white); background: var(--p-mint); overflow: hidden; isolation: isolate;\n }\n .tko-hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }\n \/* Le grand \u00ab 27 \u00bb (repris de l'ancienne carte de fin) *\/\n .tko-hero__num {\n position: absolute; right: -.05em; top: 50%; transform: translateY(-50%);\n font-size: min(calc(var(--fh, 600px) * .62), 27vw); font-weight: 600; line-height: .8; letter-spacing: -.08em;\n color: transparent; -webkit-text-stroke: 1.5px rgba(16, 150, 140, .45);\n background: linear-gradient(90deg, rgba(16, 150, 140, .16) 0 var(--fill27, 0%), transparent var(--fill27, 0%));\n -webkit-background-clip: text; background-clip: text;\n opacity: var(--n27, 1); pointer-events: none; user-select: none;\n }\n .tko-layer { position: absolute; inset: 0; opacity: 0; }\n .tko-layer img { transform: scale(calc(1.08 - var(--lo, 0) * .08)); }\n \/* Photo verticale (table Teroir) : pas de zoom pour garder la nettet\u00e9, cadrage sur la table *\/\n .tko-layer--still img { transform: none; }\n #tero-kickoff .tko-layer--still img { object-position: 50% 62% !important; }\n .tko-hero::before {\n content: \"\"; position: absolute; z-index: -1; inset: 0; opacity: var(--ov, 0);\n background:\n linear-gradient(90deg, rgba(15, 15, 20, calc(.72 + var(--oo, 0) * .14)) 0%, rgba(15, 15, 20, .32) 55%, rgba(15, 15, 20, calc(.08 + var(--oo, 0) * .34)) 100%),\n linear-gradient(0deg, rgba(15, 15, 20, calc(.55 + var(--qo, 0) * .3)) 0%, transparent 55%);\n }\n .tko-hero__intro {\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between;\n padding: clamp(1.5rem, 4vw, 4rem);\n opacity: var(--io, 1); transform: translateY(calc((1 - var(--io, 1)) * -3rem));\n }\n \/* Accroche et phrase en encre sur le fond pastel *\/\n .tko-hero__intro { justify-content: flex-end; color: var(--ink); }\n .tko-hero__intro .tko-hero__lead { color: var(--mute); }\n .tko-hero__intro .tko-hero__bottom { grid-template-columns: minmax(0, 36rem); }\n .tko-hero__intro .tko-hero__actions { justify-content: flex-start; }\n .tko-btn--hero { color: var(--white); background: #0032fa; border-color: #0032fa; }\n .tko-btn--hero::before { background: var(--b-2); }\n #tero-kickoff a.tko-btn--hero, #tero-kickoff a.tko-btn--hero:visited, #tero-kickoff a.tko-btn--hero:hover { color: var(--white); }\n .tko-icon-btn {\n display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\n color: var(--white); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%;\n font: inherit; font-size: .8rem; cursor: pointer; backdrop-filter: blur(10px);\n transition: background .3s ease, color .3s ease;\n }\n .tko-icon-btn:hover, .tko-icon-btn:focus-visible { color: var(--b); background: var(--cream); }\n .tko-icon-btn svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }\n .tko-hero h1 {\n max-width: 12ch;\n font-size: calc(clamp(3.2rem, 7.6vw, 7.8rem));\n font-weight: 300; line-height: .9; letter-spacing: -.055em;\n }\n .tko-hero h1 strong { font-weight: 600; }\n .tko-line { display: block; overflow: hidden; padding-bottom: .06em; }\n .tko-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s var(--e); }\n .tko-hero.is-in .tko-line > span { transform: none; }\n .tko-hero.is-in .tko-line:nth-child(2) > span { transition-delay: .12s; }\n .tko-hero__bottom {\n display: grid; grid-template-columns: minmax(0, 34rem) auto; gap: 1.5rem 4rem; align-items: end;\n margin-top: clamp(1.4rem, 3vw, 2.4rem);\n }\n .tko-hero__lead { font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.45; color: rgba(255, 255, 255, .9); }\n .tko-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }\n .tko-fade { opacity: 0; transform: translateY(1.2rem); transition: opacity .9s var(--e) .45s, transform .9s var(--e) .45s; }\n .tko-hero.is-in .tko-fade { opacity: 1; transform: none; }\n\n \/* Acte 1 bis : texte affich\u00e9 une fois le cadre ouvert *\/\n .tko-hero__story {\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;\n padding: 0 clamp(1.5rem, 4vw, 4rem);\n opacity: var(--so, 0); transform: translateY(calc((1 - var(--so, 0)) * 2rem)); pointer-events: none;\n }\n .tko-hero__story.is-live { pointer-events: auto; }\n .tko-hero__story .w { color: var(--ink); opacity: 0; transition: opacity .35s ease; }\n .tko-hero__story .w.on { opacity: 1; }\n @media (prefers-reduced-motion: reduce) { .tko-hero__story .w { opacity: 1; } }\n .tko-hero__story p { max-width: 44ch; font-size: clamp(1.15rem, .9rem + .9vw, 1.6rem); font-weight: 300; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }\n @media (max-width: 760px) { .tko-hero__story p { font-size: 1.1rem; max-width: none; } }\n @media (max-width: 760px) { .tko-hero__num { top: 2.5rem; transform: none; font-size: 34vw; } }\n @media (prefers-reduced-motion: reduce) { .tko-hero__story { position: relative; opacity: 1; transform: none; padding: 2rem clamp(1.5rem, 4vw, 4rem); } }\n\n \/* Les quatre temps *\/\n .tko-quad {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 0 max(clamp(1.5rem, 4vw, 4rem), calc((100% - 1440px) \/ 2 + 2.5rem)) clamp(1.75rem, 4.5vh, 3.5rem);\n opacity: var(--qo, 0); transform: translateY(calc((1 - var(--qo, 0)) * 2rem));\n }\n .tko-quad__title { margin-bottom: clamp(1.75rem, 5vh, 3.25rem); font-size: clamp(2rem, 4.2vw, 4.2rem); font-weight: 300; line-height: .95; letter-spacing: -.05em; }\n .tko-quad__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }\n .tko-quad__item { opacity: .45; transition: opacity .45s ease; }\n .tko-quad__item.is-active { opacity: 1; }\n .tko-quad__bar { display: block; height: 2px; margin-bottom: 1rem; background: rgba(255, 255, 255, .25); border-radius: 2px; overflow: hidden; }\n .tko-quad__bar i { display: block; height: 100%; background: var(--cream); transform: scaleX(var(--ip, 0)); transform-origin: left; }\n .tko-quad__time { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }\n .tko-quad__item h2 { margin-top: .45rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\n .tko-quad__item p { margin-top: .6rem; font-size: .92rem; line-height: 1.4; color: rgba(255, 255, 255, .82); }\n .tko-quad__item a {\n display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; padding: .5rem 1rem;\n border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; font-size: .82rem; font-weight: 600; text-decoration: none;\n transition: background .3s ease, color .3s ease, border-color .3s ease;\n }\n .tko-quad__item a:hover, .tko-quad__item a:focus-visible { color: var(--b); background: var(--cream); border-color: var(--cream); }\n\n \/* Acte 3 : le devis dans le cadre *\/\n .tko-hero__quote {\n position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; grid-template-rows: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\n padding: clamp(1rem, 2.4vh, 2rem) clamp(1.5rem, 4vw, 4rem);\n opacity: var(--oo, 0); transform: translateY(calc((1 - var(--oo, 0)) * 2rem));\n }\n .tko-anchor { position: absolute; top: 0; }\n .tko-hero__quote .tko-form { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: clamp(1rem, 2.6vh, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); box-shadow: 0 1.5rem 4rem -1.5rem rgba(0, 0, 0, .5); }\n \/* \u00c9tape 4 plus compacte pour tenir dans le cadre *\/\n .tko-hero__quote .tko-form__progress { margin-bottom: 1rem; }\n .tko-hero__quote .tko-form__step { margin-bottom: .5rem; }\n .tko-hero__quote .tko-form__hint { margin: .35rem 0 1rem; }\n .tko-hero__quote .tko-fields { gap: .55rem .8rem; margin-top: .9rem; }\n .tko-hero__quote .tko-field { gap: .25rem; }\n .tko-hero__quote .tko-field input { padding: .65rem 1rem; }\n .tko-hero__quote .tko-field textarea { min-height: 3.2rem; height: 3.2rem; padding: .65rem 1rem; }\n .tko-hero__quote .tko-consent { margin-top: .7rem; }\n .tko-hero__quote .tko-form__error { margin-top: .4rem; min-height: 0; }\n .tko-hero__quote .tko-form__error:empty { display: none; }\n .tko-hero__quote .tko-form__nav { margin-top: .9rem; }\n .tko-hero__quote .tko-btn { min-height: 2.9rem; padding: .7rem 1.4rem; }\n\n .tko-hero__intro, .tko-quad, .tko-hero__quote { pointer-events: none; }\n .tko-hero__intro.is-live, .tko-quad.is-live, .tko-hero__quote.is-live { pointer-events: auto; }\n\n \/* Bande sous le cadre *\/\n .tko-seq__band {\n position: absolute; left: 50%; top: var(--bt, calc(16px + 72svh)); height: 72px; width: var(--w);\n display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem);\n transform: translateX(-50%); opacity: var(--bo, 1);\n }\n .tko-seq__band .tko-marquee { flex: 1; min-width: 0; margin: 0; border: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\n .tko-countdown { display: inline-flex; align-items: baseline; gap: .5rem; flex: 0 0 auto; padding: .6rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; color: var(--mute); white-space: nowrap; }\n .tko-countdown b { color: var(--b); font-size: 1.15rem; font-weight: 600; font-variant-numeric: tabular-nums; }\n\n @media (max-width: 760px) {\n .tko-hero__bottom { grid-template-columns: 1fr; }\n .tko-hero__actions { justify-content: flex-start; display: grid; }\n .tko-hero__actions .tko-btn { width: 100%; }\n .tko-quad__grid { grid-template-columns: 1fr; }\n .tko-quad__item { grid-area: 1 \/ 1; opacity: 0; }\n .tko-quad__item.is-active { opacity: 1; }\n .tko-quad__title { font-size: 1.9rem; }\n .tko-countdown, .tko-marquee__label { display: none; }\n .tko-seq__band { height: 60px; }\n .tko-logo { font-size: 12px; }\n .tko-hero__quote { grid-template-columns: 1fr; align-items: start; align-content: start; overflow-y: auto; padding-top: 1.25rem; gap: 1rem; }\n .tko-hero__quote .tko-brief__intro p, .tko-hero__quote .tko-brief__reassure { display: none; }\n .tko-hero__quote .tko-brief__intro h2 { font-size: 2rem; }\n .tko-hero__quote .tko-brief__intro .tko-label { margin-bottom: .6rem; }\n .tko-hero__quote .tko-form { max-height: none; overflow: visible; }\n }\n @media (prefers-reduced-motion: reduce) {\n .tko-seq { height: auto; }\n .tko-seq__stick { position: static; height: auto; overflow: visible; padding: 16px 0 0; }\n .tko .tko-hero { position: relative; left: auto; top: auto; transform: none; width: var(--w); height: auto; margin: 0 auto; border-radius: var(--r); }\n .tko-hero__intro { position: relative; min-height: 70svh; opacity: 1; transform: none; pointer-events: auto; }\n .tko-quad { position: relative; opacity: 1; transform: none; padding: 0 clamp(1.5rem, 4vw, 4rem) 3rem; pointer-events: auto; }\n .tko-quad__grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }\n .tko-quad__item, .tko-quad__item.is-active { grid-area: auto; opacity: 1; }\n .tko-quad__bar i { transform: scaleX(1); }\n .tko-layer { display: none; }\n .tko-hero__quote { position: relative; opacity: 1; transform: none; pointer-events: auto; padding-bottom: 3rem; }\n .tko-seq__band { position: relative; left: auto; top: auto; transform: none; margin: 1rem auto 0; padding-block: 1rem; opacity: 1; }\n }\n\n \/* ---------- 2. Bandeau d\u00e9filant ---------- *\/\n .tko-marquee { margin-top: clamp(1rem, 2vw, 1.5rem); overflow: hidden; border-block: 1px solid var(--line); }\n .tko-marquee__track { display: flex; width: max-content; animation: tko-marquee 38s linear infinite; }\n .tko-marquee:hover .tko-marquee__track { animation-play-state: paused; }\n .tko-marquee__group { display: flex; align-items: center; flex-shrink: 0; }\n .tko-marquee__item { display: inline-flex; align-items: center; padding: .3rem clamp(1.4rem, 2.6vw, 2.4rem) .3rem 0; }\n .tko-logo { position: relative; display: block; overflow: hidden; font-size: 16px; }\n .tko .tko-logo img { position: absolute; max-width: none; object-fit: fill; mix-blend-mode: multiply; filter: grayscale(1); opacity: .62; transition: opacity .3s ease; }\n .tko-marquee:hover .tko-logo img { opacity: .9; }\n .tko-marquee__label { flex: 0 0 auto; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }\n @keyframes tko-marquee { to { transform: translateX(-50%); } }\n\n \/* ---------- 3. Accroche remplie au scroll ---------- *\/\n .tko-hook { padding-block: clamp(3rem, 6vw, 5rem); }\n .tko-hook .tko-label { color: var(--b); margin-bottom: 1.25rem; }\n .tko-hook__text {\n max-width: 22ch;\n font-size: clamp(2.3rem, 5.6vw, 5.4rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em;\n }\n .tko-hook__text .w { color: rgba(15, 15, 20, .14); transition: color .25s linear; }\n .tko-hook__text .w.on { color: var(--ink); }\n .tko-hook__text .w.accent.on { color: var(--b); }\n\n \/* En-t\u00eates de section *\/\n .tko-section-head { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\n .tko-section-head h2 { max-width: 20ch; font-size: clamp(2.9rem, 6.4vw, 6.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\n .tko-section-head p { max-width: 33rem; justify-self: end; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\n .tko-section-head .tko-label { color: var(--b); margin-bottom: 1.25rem; }\n\n \/* ---------- 6. Lieux (rail) ---------- *\/\n .tko-venues { padding-block: clamp(1.5rem, 3vw, 2.5rem) 0; }\n .tko-rail {\n display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;\n width: var(--w); margin-inline: auto; padding-bottom: .5rem;\n cursor: grab;\n }\n \/* M\u00eame largeur que les autres sections : sur ordinateur, les 4 lieux tiennent sur une ligne *\/\n .tko-rail .tko-venue { flex: 0 0 calc((100% - 3rem) \/ 4); height: clamp(24rem, 32vw, 30rem); }\n .tko-rail.is-static { cursor: auto; }\n @media (max-width: 980px) { .tko-rail .tko-venue { flex-basis: calc((100% - 1rem) \/ 2.25); } }\n @media (max-width: 640px) { .tko-rail .tko-venue { flex-basis: 82%; height: 26rem; } }\n .tko-rail::-webkit-scrollbar { display: none; }\n .tko-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }\n .tko-rail.is-dragging a { pointer-events: none; }\n .tko-venue {\n position: relative; flex: 0 0 clamp(17rem, 27vw, 25rem); height: clamp(26rem, 38vw, 34rem);\n display: flex; flex-direction: column; justify-content: flex-end;\n padding: 1.5rem; border-radius: 1.75rem; overflow: hidden; isolation: isolate;\n color: var(--white); background: var(--deep); text-decoration: none; scroll-snap-align: start;\n }\n .tko-venue img { position: absolute; z-index: -2; inset: 0; transition: transform 1.1s var(--e), filter .6s ease; user-select: none; -webkit-user-drag: none; }\n .tko-venue::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78)); }\n .tko-venue:hover img, .tko-venue:focus-visible img { transform: scale(1.06); }\n .tko .tko-venue--type { color: var(--ink); background: var(--p-lav); }\n .tko-venue--type .tko-venue__go { border-color: rgba(15, 15, 20, .3); }\n .tko-venue--type:hover .tko-venue__go { color: var(--white); background: var(--b); border-color: var(--b); }\n .tko-venue--type .tko-venue__badge { color: var(--white); background: var(--b); }\n .tko-venue--type .tko-venue__pills li { border-color: rgba(15, 15, 20, .22); }\n .tko-venue--type::before {\n content: attr(data-mono); position: absolute; z-index: -1; top: 1rem; left: 1.25rem;\n font-size: clamp(7rem, 12vw, 11rem); font-weight: 300; line-height: 1; letter-spacing: -.08em; color: rgba(0, 50, 250, .09);\n }\n .tko-venue--type::after { display: none; }\n .tko-venue small { margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }\n .tko-venue h3 { font-size: clamp(1.7rem, 2.6vw, 2.5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\n .tko-venue p { margin-top: .6rem; font-size: .9rem; opacity: .82; }\n .tko-venue__go {\n position: absolute; top: 1.25rem; right: 1.25rem; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\n border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: transform .4s var(--e), background .3s ease, color .3s ease;\n }\n .tko-venue:hover .tko-venue__go { color: var(--b); background: var(--cream); transform: rotate(45deg); }\n .tko-venue__badge {\n position: absolute; top: 1.25rem; left: 1.25rem; padding: .4rem .8rem; border-radius: 999px;\n color: var(--b); background: var(--cream); font-size: .72rem; font-weight: 600;\n }\n .tko-rail-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: var(--w); margin: 1.25rem auto 0; }\n .tko-rail-nav__btns { display: flex; gap: .5rem; }\n .tko-rail-nav .tko-icon-btn { color: var(--b); background: transparent; border-color: var(--b); backdrop-filter: none; }\n .tko-rail-nav .tko-icon-btn:hover, .tko-rail-nav .tko-icon-btn:focus-visible { color: var(--white); background: var(--b); }\n\n \/* Bento lieux mis en avant *\/\n .tko-bento { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-bento .tko-venue { flex: none; width: 100%; }\n .tko-venue--hero { height: auto; min-height: clamp(34rem, 52vw, 46rem); padding: clamp(1.5rem, 3vw, 2.5rem); }\n .tko-venue--hero h3 { font-size: clamp(2.6rem, 5vw, 4.8rem); }\n .tko-venue--hero p { max-width: 30rem; font-size: clamp(.98rem, 1.3vw, 1.12rem); }\n .tko-venue--hero.tko-venue--type::before { top: 4.5rem; font-size: clamp(5rem, 11vw, 10rem); letter-spacing: -.06em; }\n .tko-venue__pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }\n .tko-venue__pills li { padding: .4rem .85rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: .78rem; }\n .tko-bento__side { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }\n .tko-bento__side .tko-venue { height: auto; min-height: 17rem; }\n .tko-bento__title { display: grid; gap: .8rem; padding: .5rem 0 .25rem; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }\n .tko-bento__title .tko-label { color: var(--b); }\n .tko .tko-venue--forest { background: var(--p-mint); }\n .tko .tko-venue--river { background: var(--p-blue); }\n .tko-venue--hero .tko-venue__badge { font-size: .8rem; padding: .5rem 1rem; }\n @media (max-width: 980px) {\n .tko-bento { grid-template-columns: 1fr; }\n .tko-venue--hero { min-height: 32rem; }\n }\n\n \/* ---------- 6 bis. Activit\u00e9s ---------- *\/\n .tko-acts { padding-top: clamp(2.5rem, 5vw, 4rem); }\n .tko-acts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\n .tko-acts__grid .tko-venue { flex: none; width: 100%; height: clamp(22rem, 30vw, 28rem); }\n @media (max-width: 980px) { .tko-acts__grid { grid-template-columns: repeat(2, 1fr); } }\n .tko-acts__grid .tko-venue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .86)); }\n @media (max-width: 640px) {\n .tko-acts__grid .tko-venue { height: 15rem; padding: 1rem; }\n .tko-acts__grid .tko-venue h3 { font-size: 1.15rem; }\n .tko-acts__grid .tko-venue small { font-size: .62rem; letter-spacing: .08em; }\n .tko-acts__grid .tko-venue__go { display: none; }\n }\n\n \/* ---------- 7. Teroir ---------- *\/\n .tko-teroir { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-block: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 4rem); background: var(--p-mint); border-radius: var(--r); }\n .tko-teroir__media { position: relative; height: clamp(30rem, 52vw, 46rem); }\n .tko-teroir__main { position: absolute; inset: 0 18% 0 0; border-radius: 1.9rem; overflow: hidden; clip-path: inset(12% 12% 12% 12% round 1.9rem); transition: clip-path 1.4s var(--e); }\n .tko-teroir__main img { transform: scale(1.15); transition: transform 1.8s var(--e); }\n .tko-teroir__side { position: absolute; right: 0; bottom: 8%; width: 40%; height: 46%; border: .5rem solid var(--p-mint); border-radius: 1.6rem; overflow: hidden; transform: translateY(var(--py, 0px)); }\n .tko-teroir.is-visible .tko-teroir__main { clip-path: inset(0 0 0 0 round 1.9rem); }\n .tko-teroir.is-visible .tko-teroir__main img { transform: scale(1); }\n .tko-teroir .tko-label { color: var(--b); margin-bottom: 1.4rem; }\n .tko-teroir h2 { font-size: clamp(2.7rem, 5.2vw, 5.2rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\n .tko-teroir__lead { margin-top: 2rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 34rem; }\n .tko-teroir__lead--2 { margin-top: 1rem; }\n .tko-teroir > div > .tko-btn { margin-top: 2rem; }\n .tko-teroir__steps { display: grid; gap: .6rem; margin: 2rem 0; padding: 0; list-style: none; }\n .tko-teroir__steps li { display: grid; grid-template-columns: 2.75rem 1fr; gap: .75rem; align-items: start; padding: 1.1rem 1.25rem; background: var(--white); border-radius: 1.25rem; }\n .tko-teroir__n { font-size: .82rem; font-weight: 600; letter-spacing: .08em; color: var(--mute); padding-top: .2rem; font-variant-numeric: tabular-nums; }\n .tko-teroir__steps b { display: block; font-size: 1.08rem; font-weight: 600; letter-spacing: -.01em; }\n .tko-teroir__steps li span:not(.tko-teroir__n) { display: block; margin-top: .25rem; color: var(--mute); font-size: .95rem; line-height: 1.4; }\n\n \/* ---------- 8. Preuves ---------- *\/\n .tko-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-proof__item { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); border-radius: 1.5rem; background: var(--p-blue); }\n .tko-proof__item:nth-child(2) { background: var(--p-yellow); }\n .tko-proof__item:nth-child(3) { background: var(--p-lav); }\n .tko-proof__item:nth-child(4) { background: var(--p-mint); }\n .tko-proof__item strong { display: block; color: var(--b); font-size: clamp(3rem, 5.4vw, 5.4rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }\n .tko-proof__item span { display: block; margin-top: .8rem; max-width: 14rem; color: var(--mute); font-size: .9rem; line-height: 1.3; }\n\n .tko-proof__item--bcorp { display: flex; align-items: center; gap: 1.25rem; }\n #tero-kickoff .tko-proof__bcorp { flex: 0 0 auto; width: auto !important; height: clamp(4.5rem, 6vw, 6rem) !important; max-width: none !important; object-fit: contain !important; }\n .tko-proof__item--bcorp span { margin-top: 0; }\n \/* ---------- 9. Brief (formulaire en \u00e9tapes) ---------- *\/\n .tko-brief__intro h2 { font-size: clamp(2.2rem, 4.4vw, 4.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\n .tko-brief__intro p { margin-top: 1.5rem; color: rgba(255, 255, 255, .78); max-width: 26rem; }\n .tko-brief__intro .tko-label { margin-bottom: 1.4rem; }\n .tko-brief__reassure { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .85); }\n .tko-brief__reassure li { display: flex; gap: .7rem; }\n .tko-brief__reassure li::before { content: \"\u2713\"; color: var(--p-blue); font-weight: 600; }\n\n .tko-form { position: relative; min-height: 30rem; padding: clamp(1.25rem, 3vw, 2.25rem); color: var(--ink); background: var(--white); border-radius: 1.6rem; }\n .tko-form__progress { display: flex; gap: .4rem; margin-bottom: 1.75rem; }\n .tko-form__progress span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .4s ease; }\n .tko-form__progress span.on { background: var(--b); }\n .tko-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }\n .tko-form fieldset[hidden] { display: none; }\n .tko-form legend { padding: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; }\n .tko-form__hint { margin: .5rem 0 1.5rem; color: var(--mute); font-size: .92rem; }\n .tko-form__step { display: block; margin-bottom: .9rem; color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\n .tko-chips { display: flex; flex-wrap: wrap; gap: .55rem; }\n .tko-chip { position: relative; }\n .tko-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }\n .tko-chip span {\n display: inline-flex; align-items: center; min-height: 2.9rem; padding: .7rem 1.25rem;\n border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\n font-size: .95rem; font-weight: 500; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s var(--e);\n }\n .tko-chip:hover span { border-color: var(--b); }\n .tko-chip input:checked + span { color: var(--white); background: var(--b); border-color: var(--b); }\n .tko-chip input:focus-visible + span { outline: 3px solid var(--b); outline-offset: 3px; }\n .tko-form__group + .tko-form__group { margin-top: 1.6rem; }\n .tko-form__group > p { margin-bottom: .7rem; font-weight: 600; font-size: .95rem; }\n .tko-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; }\n .tko-field { display: grid; gap: .35rem; }\n .tko-field--full { grid-column: 1 \/ -1; }\n .tko-field label { font-size: .82rem; font-weight: 600; }\n .tko-field input, .tko-field textarea {\n width: 100%; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\n font: inherit; font-size: .98rem; color: var(--ink);\n }\n .tko-field textarea { min-height: 6.5rem; border-radius: 1.25rem; resize: vertical; }\n .tko-field input:focus, .tko-field textarea:focus { outline: 2px solid var(--b); outline-offset: 1px; border-color: var(--b); }\n .tko-consent { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; color: var(--mute); font-size: .82rem; }\n .tko-consent input { margin-top: .2rem; accent-color: var(--b); }\n .tko-form__nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; }\n .tko-form__back { padding: .5rem 0; border: 0; background: none; color: var(--mute); font: inherit; font-weight: 600; cursor: pointer; }\n .tko-form__back[hidden] { visibility: hidden; display: inline; }\n .tko-form__error { margin-top: 1rem; color: var(--b); font-size: .88rem; font-weight: 600; min-height: 1.3em; }\n .tko-form__done { display: none; text-align: left; }\n .tko-form.is-done form { display: none; }\n .tko-form.is-done .tko-form__done { display: block; }\n .tko-form__done h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; }\n .tko-form__done p { margin-top: 1rem; color: var(--mute); }\n\n \/* ---------- 10. FAQ ---------- *\/\n .tko-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-faq h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\n .tko-faq .tko-label { color: var(--b); margin-bottom: 1.4rem; }\n .tko-faq__list { border-top: 1px solid var(--line); }\n .tko-faq details { border-bottom: 1px solid var(--line); }\n .tko-faq summary {\n display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0;\n font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 500; letter-spacing: -.02em; cursor: pointer; list-style: none;\n }\n .tko-faq summary::-webkit-details-marker { display: none; }\n .tko-faq summary::after {\n content: \"+\"; flex: 0 0 auto; display: grid; place-items: center; width: 2.4rem; aspect-ratio: 1;\n color: var(--b); border: 1px solid var(--b); border-radius: 50%; font-size: 1.2rem; transition: transform .4s var(--e), background .3s ease, color .3s ease;\n }\n .tko-faq details[open] summary::after { transform: rotate(45deg); color: var(--white); background: var(--b); }\n .tko-faq details p { padding: 0 3.5rem 1.6rem 0; color: var(--mute); }\n\n \/* ---------- 11. Fin ---------- *\/\n .tko-closing { padding-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-closing__card {\n position: relative; isolation: isolate; overflow: hidden;\n min-height: min(34rem, 72svh); display: flex; flex-direction: column; justify-content: flex-end;\n padding: clamp(1.75rem, 5vw, 5rem); border-radius: var(--r); color: var(--ink); background: var(--p-blue);\n }\n .tko-closing__card .tko-label { color: var(--b); }\n .tko-closing__num {\n position: absolute; z-index: -1; right: -.06em; top: 50%; transform: translateY(-50%);\n font-size: clamp(18rem, 42vw, 40rem); font-weight: 600; line-height: .8; letter-spacing: -.1em;\n color: transparent; -webkit-text-stroke: 1.5px rgba(0, 50, 250, .28);\n background: linear-gradient(90deg, rgba(0, 50, 250, .12) 0 var(--fill, 0%), transparent var(--fill, 0%));\n -webkit-background-clip: text; background-clip: text;\n }\n .tko-closing h2 { max-width: 13ch; font-size: clamp(2.8rem, 6.2vw, 6.4rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; }\n .tko-closing p { max-width: 32rem; margin-top: 1.6rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\n .tko-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }\n\n \/* ---------- Apparitions ---------- *\/\n .tko-reveal { opacity: 0; transform: translateY(2.2rem); transition: opacity .9s var(--e), transform .9s var(--e); }\n .tko-reveal.is-visible { opacity: 1; transform: none; }\n .tko-reveal[data-delay=\"1\"] { transition-delay: .1s; }\n .tko-reveal[data-delay=\"2\"] { transition-delay: .2s; }\n\n\n\n \/* Titres : m\u00eame couleur partout, le contraste se fait par la graisse (300 \u2192 600) *\/\n .tko-section-head h2, .tko-teroir h2, .tko-faq h2, .tko-closing h2, .tko-brief__intro h2, .tko-quad__title { font-weight: 300; }\n .tko-section-head h2 strong, .tko-teroir h2 strong, .tko-faq h2 strong, .tko-closing h2 strong, .tko-brief__intro h2 strong, .tko-quad__title strong { font-weight: 600; }\n\n \/* ---------- Protection contre les couleurs de liens du th\u00e8me (Elementor) ----------\n Le th\u00e8me applique sa couleur \u00e0 tous les liens avec une priorit\u00e9 plus forte que nos classes.\n L'identifiant #tero-kickoff passe devant, \u00e9tat normal comme survol. *\/\n #tero-kickoff a, #tero-kickoff a:hover, #tero-kickoff a:focus, #tero-kickoff a:visited { text-decoration: none; }\n #tero-kickoff a.tko-btn--solid, #tero-kickoff a.tko-btn--solid:visited { color: var(--b); }\n #tero-kickoff a.tko-btn--solid:hover, #tero-kickoff a.tko-btn--solid:focus-visible { color: var(--cream); }\n #tero-kickoff a.tko-btn--ghost, #tero-kickoff a.tko-btn--ghost:visited { color: var(--white); }\n #tero-kickoff a.tko-btn--ghost:hover, #tero-kickoff a.tko-btn--ghost:focus-visible { color: var(--b); }\n #tero-kickoff a.tko-btn--bx, #tero-kickoff a.tko-btn--bx:visited,\n #tero-kickoff a.tko-btn--bx:hover, #tero-kickoff a.tko-btn--bx:focus-visible { color: var(--white); }\n #tero-kickoff a.tko-btn--line, #tero-kickoff a.tko-btn--line:visited { color: var(--b); }\n #tero-kickoff a.tko-btn--line:hover, #tero-kickoff a.tko-btn--line:focus-visible { color: var(--white); }\n #tero-kickoff .tko-quad__item a, #tero-kickoff .tko-quad__item a:visited { color: var(--white); }\n #tero-kickoff .tko-quad__item a:hover, #tero-kickoff .tko-quad__item a:focus-visible { color: var(--b); }\n #tero-kickoff a.tko-venue, #tero-kickoff a.tko-venue:visited, #tero-kickoff a.tko-venue:hover { color: var(--white); }\n #tero-kickoff a.tko-venue--type, #tero-kickoff a.tko-venue--type:visited, #tero-kickoff a.tko-venue--type:hover { color: var(--ink); }\n\n\n \/* ---------- Protection contre les r\u00e8gles m\u00e9dias du th\u00e8me ----------\n WordPress\/Elementor imposent souvent img\/iframe { max-width:100%; height:auto }.\n Sans ce verrou, la vid\u00e9o et les photos du hero ne remplissent plus le cadre (bande noire). *\/\n #tero-kickoff .tko-layer img,\n #tero-kickoff .tko-venue img,\n #tero-kickoff .tko-int__ph img,\n #tero-kickoff .tko-pilier__ph img,\n #tero-kickoff .tko-teroir__media img {\n width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;\n object-fit: cover !important; margin: 0 !important;\n }\n #tero-kickoff .tko-logo img { max-width: none !important; }\n\n\n \/* ---------- Lien dans le texte du hero ---------- *\/\n #tero-kickoff .tko-hero__link, #tero-kickoff .tko-hero__link:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }\n #tero-kickoff .tko-hero__link:hover { text-decoration-thickness: 2px; }\n\n \/* ---------- Rassurants au-dessus de l'accroche ---------- *\/\n .tko-proof { margin-top: clamp(2rem, 4vw, 3rem); margin-bottom: 0; }\n\n \/* ---------- Ancres : laisser la place de la barre d'acc\u00e8s rapide ---------- *\/\n .tko [id^=\"tko-\"] { scroll-margin-top: 92px; }\n\n \/* ---------- Barre d'acc\u00e8s rapide (remplace le menu du site) ---------- *\/\n .tko-quicknav {\n position: sticky; z-index: 120; top: 0; margin-top: clamp(1.25rem, 2.5vw, 2rem);\n background: transparent; border-bottom: 1px solid transparent;\n transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;\n }\n .tko-quicknav.is-on { background: rgba(255, 255, 255, .97); border-bottom-color: var(--line); box-shadow: 0 .4rem 1.2rem -1rem rgba(0, 0, 0, .25); }\n .tko-quicknav-mark { height: 1px; margin-bottom: -1px; }\n .tko-quicknav__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; width: var(--w); margin: 0 auto; padding: 1.15rem 0 1rem; }\n #tero-kickoff .tko-quicknav a {\n display: flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .55rem 1rem;\n border: 1px solid var(--ink); border-radius: 999px; color: var(--ink); background: transparent;\n font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; text-align: center; line-height: 1.15;\n transition: background .25s ease, color .25s ease, border-color .25s ease;\n }\n \/* M\u00eames pastels que les rassurants : bleu, jaune, lavande, menthe *\/\n #tero-kickoff .tko-quicknav a.is-cta { font-weight: 600; background: var(--p-mint); border-color: #8fd9cf; }\n #tero-kickoff .tko-quicknav a.is-cta:hover, #tero-kickoff .tko-quicknav a.is-cta:focus-visible { background: #c8f1eb; border-color: #8fd9cf; }\n #tero-kickoff .tko-quicknav a:hover, #tero-kickoff .tko-quicknav a:focus-visible { color: var(--ink); background: var(--p-blue); border-color: var(--p-blue); }\n .tko-quicknav .s { display: none; }\n \/* Menu du site l\u00e9g\u00e8rement transparent (verre d\u00e9poli) sur cette page, avant qu'il disparaisse *\/\n .elementor-location-header .elementor-sticky--active {\n background-color: rgba(255, 255, 255, .62) !important;\n -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);\n transition: background-color .3s ease, transform .4s ease !important;\n }\n \/* Menu du site cach\u00e9 tant que la barre est affich\u00e9e *\/\n body.tko-menu-hidden .elementor-location-header .elementor-sticky--active,\n body.tko-menu-hidden .elementor-location-header .elementor-sticky { transform: translateY(-120%) !important; transition: transform .4s ease !important; }\n @media (max-width: 760px) {\n .tko-quicknav__in { gap: .35rem; padding: .8rem 0 .7rem; }\n #tero-kickoff .tko-quicknav a { min-height: 2.5rem; padding: .4rem .3rem; font-size: .78rem; }\n .tko-quicknav .l { display: none; }\n .tko-quicknav .s { display: inline; }\n }\n\n \/* ---------- Intentions ---------- *\/\n .tko-intents { padding-top: clamp(1rem, 2vw, 1.5rem); }\n .tko-intents__panel { padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--p-blue); border-radius: var(--r); }\n .tko-intents__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\n .tko-intents__head h2 { max-width: 20ch; font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\n .tko-intents__head h2 strong { font-weight: 600; }\n .tko-intents__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\n .tko-intents__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) minmax(14rem, 3.4fr); gap: 1rem; }\n .tko-intents__grid > .tko-int { grid-column: span 4; }\n .tko-int {\n position: relative; display: flex; flex-direction: column; min-height: 12.5rem; padding: 1.4rem 1.4rem 1.25rem;\n background: var(--white); border-radius: 1.4rem; cursor: pointer; outline-offset: 3px;\n transition: transform .4s var(--e), box-shadow .4s var(--e);\n }\n .tko-int:not(.tko-int--side):hover { transform: translateY(-3px); box-shadow: 0 1rem 2.4rem -1.4rem rgba(11, 18, 64, .35); }\n .tko-intents__grid > .tko-int--grande { grid-column: span 6; }\n .tko-intents__grid > .tko-int--side { grid-column: 13; grid-row: 1 \/ 3; cursor: auto; background: var(--p-lav); }\n .tko-int__face { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; align-content: start; height: 100%; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande):not(.tko-int--side) { padding: 1.2rem 1.1rem 1.1rem; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face { grid-template-columns: 1fr; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face > * { grid-column: 1; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__num { padding: 0 0 .35rem; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face p { font-size: .9rem; }\n .tko-int__num { grid-row: 1; padding-top: .35rem; color: var(--b); font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }\n .tko-int h3 { font-size: clamp(1.3rem, 1rem + .8vw, 1.7rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }\n .tko-int__face p { grid-column: 2; margin-top: .7rem; max-width: 34rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\n .tko-int__go { grid-column: 2; align-self: end; margin-top: 1.1rem; color: var(--b); font-size: .9rem; font-weight: 600; }\n .tko-int__sol { display: none; }\n .tko-int.is-open .tko-int__face { display: none; }\n .tko-int.is-open .tko-int__sol { display: grid; gap: .55rem; align-content: start; }\n .tko-int__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }\n .tko-int__head > span { color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\n .tko-int__back { padding: 0; border: 0; background: none; color: var(--mute); font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer; }\n #tero-kickoff .tko-sol { display: grid; gap: .15rem; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); transition: border-color .25s ease, background .25s ease; }\n #tero-kickoff .tko-sol:hover, #tero-kickoff .tko-sol:focus-visible { border-color: var(--b); background: var(--p-ice); }\n .tko-sol__badge { color: var(--b); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\n .tko-sol b { font-size: .98rem; font-weight: 600; }\n .tko-sol__d { color: var(--mute); font-size: .84rem; line-height: 1.4; }\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr 1fr; }\n .tko-int--grande.is-open .tko-int__head { grid-column: 1 \/ -1; }\n .tko-int__ph { height: clamp(9rem, 14vw, 12rem); margin-bottom: 1.1rem; border-radius: 1rem; overflow: hidden; }\n .tko-int--side p { margin-top: .6rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\n .tko-int__muet { margin-top: auto; padding-top: 1rem; color: var(--mute); font-size: .86rem; font-weight: 600; }\n .tko-intents__repli { margin-top: 1.4rem; text-align: center; color: var(--mute); font-size: .95rem; }\n #tero-kickoff .tko-intents__repli a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }\n @media (max-width: 980px) {\n .tko-intents__grid { grid-template-columns: 1fr 1fr; }\n .tko-intents__grid > .tko-int, .tko-intents__grid > .tko-int--grande { grid-column: auto; }\n .tko-intents__grid > .tko-int--side { grid-column: 1 \/ -1; grid-row: auto; }\n .tko-int__ph { height: 11rem; }\n }\n @media (max-width: 640px) {\n .tko-intents__grid { grid-template-columns: 1fr; }\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr; }\n .tko-int { min-height: 0; }\n }\n\n \/* ---------- Carrousel des lieux : fl\u00e8ches \u00e0 gauche et \u00e0 droite ---------- *\/\n .tko-railbox { position: relative; }\n .tko-railbox .tko-rail { width: 100%; }\n .tko-railbtn {\n position: absolute; z-index: 3; top: 50%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\n }\n .tko-railbtn:hover, .tko-railbtn:focus-visible { color: var(--white); background: var(--b); }\n .tko-railbtn--prev { left: -1.1rem; }\n .tko-railbtn--next { right: -1.1rem; }\n .tko-railbtn:disabled { opacity: 0; pointer-events: none; }\n .tko-railbox.is-static .tko-railbtn { display: none; }\n .tko-rail .tko-venue__badge { font-size: .72rem; }\n @media (max-width: 760px) { .tko-railbtn--prev { left: .4rem; } .tko-railbtn--next { right: .4rem; } .tko-railbtn { width: 2.6rem; } }\n\n\n \/* ---------- Carrousel des lieux : 3 cartes \u00e0 l'\u00e9cran, 50 % de hauteur, d\u00e9filement en arc ---------- *\/\n .tko-cr { position: relative; --cw: calc((min(100vw - (var(--g) * 2), 1440px) - 2 * clamp(1rem, 2vw, 1.75rem)) \/ 3 * .9); }\n .tko-cr__track {\n display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 1.75rem);\n overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab;\n padding: clamp(1rem, 2vw, 1.5rem) calc(50% - var(--cw) \/ 2) clamp(4.5rem, 7vw, 6rem);\n }\n .tko-cr__track::-webkit-scrollbar { display: none; }\n .tko-cr__track.is-dragging { cursor: grabbing; }\n .tko-cr__track.is-dragging a { pointer-events: none; }\n .tko-card {\n display: flex; flex-direction: column; gap: .9rem; padding: .9rem .9rem 1.3rem;\n border-radius: 1.2rem; background: var(--p-blue); text-decoration: none;\n box-shadow: 0 1.2rem 2.4rem -1.8rem rgba(0, 0, 0, .35);\n }\n .tko-cr .tko-card {\n flex: 0 0 var(--cw); height: 50vh; height: 50svh; min-height: 22rem; max-height: 34rem;\n transform-origin: 50% 130%; will-change: transform;\n transform: translateY(var(--ay, 0px)) rotate(var(--ar, 0deg)) scale(var(--as, 1));\n opacity: var(--ao, 1); transition: opacity .35s ease, box-shadow .4s ease;\n }\n .tko-cr .tko-card .tko-card__ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }\n .tko-card--yellow { background: var(--p-yellow); }\n .tko-card--lav { background: var(--p-lav); }\n .tko-card--mint { background: var(--p-mint); }\n .tko-card--white { background: var(--white); }\n .tko-card--dark { background: var(--ink); }\n #tero-kickoff a.tko-card, #tero-kickoff a.tko-card:visited, #tero-kickoff a.tko-card:hover { color: var(--ink); }\n #tero-kickoff a.tko-card--dark, #tero-kickoff a.tko-card--dark:visited, #tero-kickoff a.tko-card--dark:hover { color: var(--white); }\n .tko-card__ph { position: relative; display: block; aspect-ratio: 1 \/ 1.02; border-radius: .7rem; overflow: hidden; }\n #tero-kickoff .tko-card__ph img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; user-select: none; -webkit-user-drag: none; transition: transform 1s var(--e); }\n .tko-card:hover .tko-card__ph img { transform: scale(1.04); }\n .tko-card__badge { position: absolute; top: .8rem; left: .8rem; padding: .4rem .85rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .75rem; font-weight: 600; }\n .tko-card__txt { display: grid; gap: .3rem; text-align: center; padding: 0 .4rem; }\n .tko-card__txt small { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }\n .tko-card__txt b { font-size: clamp(1.1rem, .95rem + .45vw, 1.4rem); font-weight: 500; line-height: 1.2; letter-spacing: -.01em; }\n .tko-cr__btn {\n position: absolute; z-index: 3; top: 45%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\n }\n .tko-cr__btn:hover, .tko-cr__btn:focus-visible { color: var(--white); background: var(--b); }\n .tko-cr__btn--prev { left: max(var(--g), calc((100vw - 1440px) \/ 2)); }\n .tko-cr__btn--next { right: max(var(--g), calc((100vw - 1440px) \/ 2)); }\n .tko-cr__btn:disabled { opacity: 0; pointer-events: none; }\n\n \/* Mobile : paquet de cartes, on passe de l'une \u00e0 l'autre en swipant *\/\n .tko-cr__count { display: none; }\n @media (max-width: 760px) {\n .tko-cr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem 1rem; }\n .tko-cr__track {\n order: -1; flex: 0 0 var(--w); display: grid; overflow: visible; width: var(--w); margin: 0 auto;\n padding: .5rem 0 2.6rem; cursor: auto; scroll-snap-type: none; touch-action: pan-y; user-select: none;\n }\n .tko-cr .tko-card {\n grid-area: 1 \/ 1; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; transform-origin: 50% 100%; will-change: transform, opacity;\n transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease, box-shadow .4s ease;\n }\n .tko-cr.is-swiping .tko-card.is-front { transition: none; }\n .tko-cr .tko-card .tko-card__ph { flex: none; aspect-ratio: 4 \/ 3; }\n .tko-cr__btn { display: grid; position: static; transform: none; width: 2.8rem; box-shadow: none; border: 1px solid var(--line); }\n .tko-cr__btn:disabled { opacity: 1; pointer-events: auto; }\n .tko-cr__count { display: block; min-width: 4.5rem; text-align: center; color: var(--mute); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }\n }\n\n \/* ---------- Activit\u00e9s : mosa\u00efque photo + texte (fa\u00e7on avis terblock.be) ---------- *\/\n .tko-acts { padding-top: clamp(1rem, 2vw, 1.5rem); }\n .tko-acts__panel { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--r); color: var(--ink); background: var(--p-yellow); }\n .tko-acts__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\n .tko-acts__head h2 { max-width: 20ch; color: var(--ink); font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\n .tko-acts__head h2 strong { font-weight: 600; }\n .tko-acts__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\n .tko-bento-acts { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\n .tko-bt { position: relative; display: flex; border-radius: 1.4rem; overflow: hidden; min-height: clamp(17rem, 26vw, 22rem); }\n .tko-bento-acts > .tko-bt:nth-child(4n+1), .tko-bento-acts > .tko-bt:nth-child(4n) { grid-column: span 7; }\n .tko-bento-acts > .tko-bt:nth-child(4n+2), .tko-bento-acts > .tko-bt:nth-child(4n+3) { grid-column: span 5; }\n #tero-kickoff .tko-bt--photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; transition: transform 1.1s var(--e); }\n .tko-bt--photo:hover img { transform: scale(1.04); }\n .tko-bt__tag { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .88rem; font-weight: 500; }\n .tko-bt--text { flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3vw, 2.4rem); }\n #tero-kickoff a.tko-bt, #tero-kickoff a.tko-bt:visited, #tero-kickoff a.tko-bt:hover { color: var(--ink); }\n .tko-bt--yellow { background: var(--p-yellow); }\n .tko-bt--white { background: var(--white); }\n .tko-bt--mint { background: var(--p-mint); }\n .tko-bt--lav { background: var(--p-lav); }\n .tko-bt--blue { background: var(--p-blue); }\n .tko-bt--text small { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }\n .tko-bt--text h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; }\n .tko-bt--text p { font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 300; line-height: 1.45; }\n .tko-bt__go { margin-top: .4rem; font-size: .92rem; font-weight: 600; }\n .tko-bt--text:hover .tko-bt__go { text-decoration: underline; text-underline-offset: .2em; }\n #tero-kickoff .tko-acts__all { margin-top: clamp(1.5rem, 3vw, 2.25rem); }\n @media (max-width: 860px) {\n .tko-bento-acts > .tko-bt:nth-child(n) { grid-column: 1 \/ -1; }\n .tko-bento-acts > .tko-bt--photo { min-height: 14rem; }\n .tko-bento-acts > .tko-bt--text { min-height: 0; }\n \/* sur mobile : toujours la photo puis son texte *\/\n .tko-bento-acts > .tko-bt { order: var(--o, 0); }\n }\n\n \/* ---------- Formules traiteur : cartes comme les lieux, en plus petit ---------- *\/\n .tko-card--mini { padding: .65rem .65rem 1rem; gap: .7rem; border-radius: 1rem; transition: transform .4s var(--e), box-shadow .4s var(--e); }\n .tko-card--mini:hover { transform: translateY(-4px); box-shadow: 0 1.4rem 2.6rem -1.6rem rgba(0, 0, 0, .4); }\n .tko-card--mini .tko-card__ph { aspect-ratio: 4 \/ 3.4; border-radius: .6rem; }\n .tko-card--mini .tko-card__txt b { font-size: 1.08rem; }\n .tko-card--mini .tko-card__txt small { font-size: .62rem; }\n\n \/* ---------- Teroir : formules ---------- *\/\n .tko-formules { grid-column: 1 \/ -1; padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--line); }\n .tko-formules__title { margin-bottom: 1.6rem; font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }\n .tko-formules__title strong { font-weight: 600; }\n .tko-formules__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }\n #tero-kickoff .tko-formule { position: relative; display: grid; align-content: start; gap: .45rem; padding: 1.15rem 1.25rem 2.6rem; background: var(--white); border-radius: 1.25rem; color: var(--ink); transition: transform .35s var(--e), box-shadow .35s var(--e); }\n #tero-kickoff .tko-formule:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem -1.2rem rgba(0, 0, 0, .3); }\n .tko-formule b { font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }\n .tko-formule span { color: var(--mute); font-size: .92rem; line-height: 1.45; }\n .tko-formule i { position: absolute; left: 1.25rem; bottom: 1rem; color: var(--b); font-style: normal; font-weight: 600; }\n #tero-kickoff .tko-formules__all { display: inline-flex; gap: .5rem; margin-top: 1.1rem; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }\n @media (max-width: 980px) { .tko-formules__grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 520px) { .tko-formules__grid { gap: .6rem; } .tko-card--mini .tko-card__txt small { display: none; } .tko-card--mini .tko-card__txt b { font-size: .98rem; } }\n\n \/* ---------- Pourquoi Tero ---------- *\/\n .tko-why { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem); }\n .tko-why__head p { justify-self: start; max-width: 40rem; margin-top: 0; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\n .tko-why { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\n .tko-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\n .tko-pilier { position: relative; display: block; height: clamp(22rem, 28vw, 26rem); border-radius: 1.4rem; overflow: hidden; isolation: isolate; }\n #tero-kickoff a.tko-pilier, #tero-kickoff a.tko-pilier:visited, #tero-kickoff a.tko-pilier:hover { color: var(--white); }\n .tko-pilier__ph { position: absolute; z-index: -2; inset: 0; }\n .tko-pilier__ph img { transition: transform 1.1s var(--e); }\n .tko-pilier:hover .tko-pilier__ph img { transform: scale(1.05); }\n .tko-pilier::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .82)); transition: background .4s ease; }\n .tko-pilier:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .86)); }\n .tko-pilier__sur { position: absolute; inset: auto 0 0 0; padding: 1.4rem; }\n .tko-pilier h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }\n .tko-pilier__rev { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }\n .tko-pilier__rev > div { overflow: hidden; }\n .tko-pilier:hover .tko-pilier__rev, .tko-pilier:focus-visible .tko-pilier__rev, .tko-pilier--fixe .tko-pilier__rev { grid-template-rows: 1fr; }\n .tko-pilier p { margin-top: .7rem; font-size: .92rem; line-height: 1.5; opacity: .9; }\n .tko-pilier__go { display: inline-block; margin-top: .8rem; font-size: .88rem; font-weight: 600; }\n .tko-pilier--fixe { color: var(--ink); background: var(--p-blue); }\n .tko-pilier--fixe::after { display: none; }\n .tko-pilier--fixe .tko-pilier__sur { inset: auto 0 0 0; }\n .tko-pilier--fixe p { opacity: 1; color: var(--mute); }\n .tko-pilier__go--muet { color: var(--mute); }\n @media (hover: none) { .tko-pilier__rev { grid-template-rows: 1fr; } }\n @media (max-width: 980px) { .tko-why__grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 520px) { .tko-why__grid { grid-template-columns: 1fr; } .tko-pilier { height: 19rem; } }\n\n \/* ---------- Blog ---------- *\/\n .tko-blog { padding-bottom: clamp(3rem, 6vw, 5rem); }\n .tko-blog__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.25rem, 3vw, 2rem); }\n .tko-blog__head h2 { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\n .tko-blog__head h2 strong { font-weight: 600; }\n .tko-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\n #tero-kickoff .tko-article { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 11rem; padding: 1.4rem; background: var(--p-ice); border-radius: 1.4rem; color: var(--ink); transition: background .3s ease, transform .35s var(--e); }\n #tero-kickoff .tko-article:hover { background: var(--p-blue); transform: translateY(-3px); }\n .tko-article h3 { font-size: clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }\n .tko-article > span { color: var(--b); font-size: .9rem; font-weight: 600; }\n @media (max-width: 860px) { .tko-blog__grid { grid-template-columns: 1fr; } .tko-article { min-height: 0; } }\n\n \/* ---------- Responsive ---------- *\/\n @media (max-width: 980px) {\n .tko-section-head, .tko-teroir, .tko-brief__card, .tko-faq { grid-template-columns: 1fr; }\n .tko-section-head p { justify-self: start; }\n .tko-proof { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 640px) {\n .tko { --r: 1.5rem; }\n .tko-closing__actions .tko-btn { width: 100%; }\n .tko-fields { grid-template-columns: 1fr; }\n .tko-closing__actions { display: grid; }\n .tko-faq details p { padding-right: 0; }\n .tko-teroir__media { height: 28rem; }\n }\n @media (prefers-reduced-motion: reduce) {\n .tko *, .tko *::before, .tko *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\n .tko-reveal, .tko-fade, .tko-line > span { opacity: 1; transform: none; }\n .tko-hook__text .w { color: var(--ink); }\n .tko-marquee__track { animation: none; }\n }\n\n\n \/* ---------- Compte \u00e0 rebours \u00e0 c\u00f4t\u00e9 du CTA principal ---------- *\/\n .tko-hero__actions { align-items: center; }\n .tko-countdown--hero { padding: .85rem 1.3rem; border: 0; background: var(--white); color: var(--ink); font-size: .95rem; font-weight: 500; box-shadow: 0 .6rem 1.4rem -1rem rgba(16, 150, 140, .6); }\n .tko-countdown--hero b { font-size: 1.3rem; color: var(--b); }\n @media (max-width: 760px) {\n .tko .tko-hero__actions { display: flex; flex-wrap: nowrap; gap: .5rem; }\n .tko .tko-hero__actions .tko-btn { width: auto; flex: 1 1 auto; }\n .tko .tko-hero__actions .tko-btn { white-space: nowrap; padding-inline: 1.15rem; gap: .6rem; }\n .tko .tko-countdown--hero { display: inline-flex; flex: 0 0 auto; gap: .35rem; padding: .8rem .95rem; font-size: .8rem; }\n .tko-countdown--hero b { font-size: 1.1rem; }\n }\n\n \/* ---------- Rythme vertical : m\u00eame respiration entre toutes les sections ---------- *\/\n .tko { --sp: clamp(3.5rem, 7vw, 6rem); }\n .tko-intents, .tko-venues, .tko-acts, .tko-why, .tko-faq, .tko-blog { padding-top: 0; margin-top: var(--sp); }\n .tko-teroir { margin-block: var(--sp) 0; }\n .tko-why { padding-block: 0; margin-bottom: 0; }\n .tko-faq { padding-bottom: 0; }\n .tko-blog { padding-bottom: var(--sp); }\n .tko-hook { padding-block: var(--sp) 0; }\n .tko-cr__track { padding-bottom: clamp(2rem, 3vw, 2.5rem); }\n .tko-intents__repli { margin-top: clamp(2rem, 3.5vw, 2.75rem); }\n .tko-intents__head p, .tko-acts__head p { margin-top: 1.1rem; }\n .tko-formules { margin-top: clamp(1rem, 2vw, 1.5rem); padding-top: clamp(2rem, 4vw, 3rem); }\n .tko-formules__title { margin-bottom: 1.75rem; }\n .tko-section-head { gap: 1.1rem; }\n\n\n \/* ---------- Devis dans le cadre : fond turquoise pastel, plus de voile sombre ---------- *\/\n .tko-hero__quote { color: var(--ink); }\n .tko-hero__quote .tko-brief__intro p { color: var(--mute); }\n .tko-hero__quote .tko-brief__reassure { color: var(--ink); }\n .tko-hero__quote .tko-brief__reassure li::before { color: var(--b); }\n .tko-hero__quote .tko-form { box-shadow: 0 1.5rem 3.5rem -1.8rem rgba(16, 150, 140, .45); }\n\n\n \/* ---------- Hero ouvert : fond turquoise pastel en permanence ----------\n Les quatre temps s'affichent dans un cadre photo aux bords arrondis, exactement \u00e0 la taille\n et \u00e0 la place du cadre de d\u00e9part (--qx\/--qy\/--qw\/--qh calcul\u00e9s en JS), textes sur la photo. *\/\n .tko-quad {\n left: var(--rx, 0px); top: var(--ry, 0px); right: auto; bottom: auto;\n width: var(--rw, 100%); height: var(--rh, 100%);\n display: flex; flex-direction: column; justify-content: space-between;\n padding: clamp(1.5rem, 4vw, 3.5rem); color: var(--white);\n border-radius: var(--rr, 2.5rem); overflow: hidden; isolation: isolate;\n box-shadow: 0 1.6rem 3.5rem -2.2rem rgba(16, 150, 140, .55);\n }\n .tko-quad__ph { position: absolute; z-index: -2; inset: 0; background: rgba(16, 150, 140, .1); }\n .tko-quad::before {\n content: \"\"; position: absolute; z-index: -1; inset: 0; pointer-events: none;\n background:\n linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 30%),\n linear-gradient(0deg, rgba(15, 15, 20, .78) 0%, rgba(15, 15, 20, .35) 42%, rgba(15, 15, 20, 0) 65%);\n }\n .tko-quad__title { margin-bottom: 0; color: var(--white); }\n .tko-quad__item h2 { color: var(--white); }\n @media (max-width: 760px) {\n .tko-quad { padding: 1.25rem; }\n .tko-quad::before { background: linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 28%), linear-gradient(0deg, rgba(15, 15, 20, .82) 0%, rgba(15, 15, 20, .3) 45%, rgba(15, 15, 20, 0) 62%); }\n }\n @media (prefers-reduced-motion: reduce) { .tko-quad { position: relative; width: auto; height: 80vh; margin: 0 clamp(1rem, 3vw, 2.5rem) 2rem; } .tko-quad__ph .tko-layer:first-child { display: block; opacity: 1 !important; } }\n\n\n \/* ---------- Anti-tremblement du hero : taille fixe + masque ---------- *\/\n @media (prefers-reduced-motion: no-preference) {\n .tko .tko-hero { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; will-change: clip-path; }\n .tko-hero__media { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); overflow: visible; }\n .tko-hero__num { font-size: min(calc(var(--rh, 600px) * .62), 27vw); transform: translateY(-50%) scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 50%; will-change: transform; }\n .tko-hero__intro { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\n .tko-hero__quote { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\n .tko-quad, .tko-hero__story { will-change: opacity, transform; }\n .tko-layer img { will-change: transform; backface-visibility: hidden; }\n }\n \/* Sur mobile, le devis reste en plein \u00e9cran *\/\n @media (prefers-reduced-motion: no-preference) and (max-width: 759px) {\n .tko-hero__quote { left: 0; top: 0; width: 100%; height: 100%; grid-template-rows: auto auto; }\n }\n @media (prefers-reduced-motion: no-preference) and (max-width: 760px) {\n .tko-hero__num { top: 2.5rem; font-size: 34vw; transform: scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 0; }\n }\n\n\n \/* ---------- Identit\u00e9 Teroir : radis grav\u00e9 + italique \u00e0 empattements ---------- *\/\n .tko-teroir { position: relative; }\n .tko-serif { font-family: \"Times New Roman\", Times, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; font-size: 1.17em; line-height: 0; }\n \/* Radis en filigrane : grand, transparent, derri\u00e8re le texte, coup\u00e9 par le bord du bloc *\/\n .tko-teroir { overflow: hidden; isolation: isolate; }\n .tko-teroir > * { position: relative; z-index: 1; }\n #tero-kickoff .tko-teroir > .tko-teroir__radis {\n position: absolute; z-index: 0; right: -5rem; top: -4rem;\n width: clamp(18rem, 36vw, 34rem) !important; height: auto !important; max-width: none !important;\n opacity: .1; transform: rotate(-14deg); pointer-events: none;\n }\n @media (max-width: 980px) { #tero-kickoff .tko-teroir > .tko-teroir__radis { right: -22%; top: 26%; width: 90vw !important; opacity: .09; } }\n\n \/* ---------- \u00ab 2027 \u00bb : la zone de remplissage couvre aussi le dernier chiffre ---------- *\/\n .tko-hero__num { padding-right: .22em; right: -.27em; }\n\n\n \/* ---------- Bandeau de valeurs Teroir qui d\u00e9file (repris de terblock.be\/traiteur) ---------- *\/\n .tko-teroir > div { min-width: 0; }\n .tko-tick {\n max-width: 100%;\n overflow: hidden; margin-top: clamp(1.25rem, 2.5vw, 1.75rem);\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n }\n .tko-tick__track { display: flex; width: max-content; animation: tko-tick 38s linear infinite; }\n .tko-tick:hover .tko-tick__track { animation-play-state: paused; }\n .tko .tko-tick ul { display: flex; margin: 0; padding: 0; list-style: none; }\n .tko .tko-tick li {\n display: flex; align-items: center; margin: 0; padding: 0;\n font-size: clamp(.8rem, .7rem + .3vw, .95rem); font-weight: 300; letter-spacing: .24em; text-transform: uppercase;\n color: #5f6070; white-space: nowrap;\n }\n .tko .tko-tick li::after { content: \"\"; width: 5px; height: 5px; margin: 0 clamp(1.25rem, 2.4vw, 2.25rem); border-radius: 50%; background: #b9bac4; }\n @keyframes tko-tick { to { transform: translateX(-50%); } }\n @media (prefers-reduced-motion: reduce) { .tko-tick__track { animation: none; } }\n\n \/* ---------- \u00c9chelle typographique align\u00e9e sur tero.be\/fr\/evenement-de-fin-dannee\/teroir-traiteur\/ ----------\n Bureau \u2192 mobile, m\u00eames tailles que la page de r\u00e9f\u00e9rence. Plac\u00e9e en dernier pour primer sur les r\u00e9glages pr\u00e9c\u00e9dents. *\/\n \/* Titre principal (H1 \u00ab Votre \u00e9v\u00e9nement, le go\u00fbt en plus. \u00bb : 57,6 px \u2192 46,8 px) *\/\n .tko-hero h1 { font-size: calc(clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem)); line-height: 1.04; letter-spacing: -.03em; }\n .tko-proof__item strong { font-size: clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem); line-height: 1; letter-spacing: -.03em; }\n \/* Grand H2 (\u00ab Trois m\u00e9tiers, une seule \u00e9quipe. \u00bb : 68,8 px \u2192 38,4 px) *\/\n .tko-hook__text, .tko-section-head h2, .tko-closing h2 { font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.3rem); line-height: 1; letter-spacing: -.04em; }\n \/* H2 de section (\u00ab Et si votre fin d'ann\u00e9e\u2026 \u00bb : 46,4 px \u2192 27,2 px) *\/\n .tko-teroir h2, .tko-faq h2, .tko-quad__title { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); line-height: 1.05; letter-spacing: -.025em; }\n \/* H2 du formulaire (\u00ab Prenez 3 minutes\u2026 \u00bb : 48 px \u2192 33 px) *\/\n .tko-brief__intro h2, .tko-hero__quote .tko-brief__intro h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; }\n \/* H3 mis en avant (\u00ab F\u00eate d'entreprise \u00bb : 43,2 px \u2192 22,4 px) *\/\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); font-weight: 600; letter-spacing: -.025em; }\n \/* H3 courant (\u00ab Le lieu \u00bb : 30,2 px \u2192 24 px) *\/\n .tko-quad__item h2, .tko-venue h3, .tko-form legend, .tko-form__done h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); line-height: 1.06; letter-spacing: -.03em; }\n .tko-bento__title { font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; }\n .tko-faq summary { font-size: clamp(1.05rem, .95rem + .35vw, 1.2rem); font-weight: 500; letter-spacing: -.015em; }\n \/* Textes courants (16 \u2192 17,9 px) *\/\n .tko-hero__lead { font-size: clamp(.95rem, .85rem + .4vw, 1.12rem); line-height: 1.5; }\n .tko-section-head p, .tko-teroir__lead, .tko-closing p, .tko-brief__intro p { font-size: 1.02rem; line-height: 1.6; }\n .tko-faq details p, .tko-venue p, .tko-teroir__steps li span:not(.tko-teroir__n) { font-size: 1rem; line-height: 1.6; }\n .tko-quad__item p { font-size: clamp(.86rem, .8rem + .25vw, .98rem); line-height: 1.5; }\n .tko-proof__item span, .tko-form__hint, .tko-consent { font-size: .86rem; }\n .tko-teroir__steps b { font-size: 1rem; }\n \/* Boutons (15,4 px graisse 500 \u2192 12 px) *\/\n .tko-btn { font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; }\n .tko-quad__item a { font-size: clamp(.75rem, .7rem + .25vw, .92rem); font-weight: 500; }\n \/* Petites capitales (\u00ab NOS LIEUX \u00bb : 11,5 px, espacement 0,2 em) *\/\n .tko-venue small, .tko-quad__time, .tko-marquee__label, .tko-form__step { font-size: .72rem; font-weight: 600; letter-spacing: .2em; }\n\n \/* ---------- Taille maximale des textes = taille de \u00ab Dites-nous l'essentiel \u00bb (48 px \u2192 33 px) ---------- *\/\n .tko-hero h1 { font-size: calc(clamp(1.7rem, 1.15rem + 1.8vw, 2.46rem)); }\n .tko-hook__text, .tko-section-head h2, .tko-closing h2, .tko-intents__head h2,\n .tko-teroir h2, .tko-faq h2, .tko-quad__title, .tko-blog__head h2, .tko-hero__outro p,\n .tko-closing__card h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); }\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); }\n<\/style>\n\n<div class=\"tko\" id=\"tero-kickoff\">\n\n \n <section class=\"tko-seq\" id=\"tko-seq\" aria-labelledby=\"tko-h1\">\n <div class=\"tko-seq__stick\" id=\"tko-seq-stick\">\n\n <div class=\"tko-hero\" id=\"tko-hero\">\n <div class=\"tko-hero__media\" aria-hidden=\"true\">\n \n <span class=\"tko-hero__num\" aria-hidden=\"true\">2027<\/span>\n <\/div>\n\n \n <div class=\"tko-hero__intro\" id=\"tko-intro\">\n <div>\n <h1 id=\"tko-h1\"><span class=\"tko-line\"><span>Lan\u00e7ons 2027<\/span><\/span><span class=\"tko-line\"><span><strong>ensemble.<\/strong><\/span><\/span><\/h1>\n <div class=\"tko-hero__bottom\">\n <p class=\"tko-hero__lead tko-fade\">2027 commence le jour o\u00f9 vous le d\u00e9cidez. Choisissez la date de votre kick-off : on s'occupe du lieu, de l'activit\u00e9 et de la table, en Belgique comme au Luxembourg.<\/p>\n <div class=\"tko-hero__actions tko-fade\">\n <a class=\"tko-btn tko-btn--hero\" href=\"#tko-brief\" data-cta=\"kickoff-hero-brief\">Bloquer une date <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <span class=\"tko-countdown tko-countdown--hero\" id=\"tko-countdown\"><b>J-57<\/b> avant 2027<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tko-hero__story\" id=\"tko-story\">\n <p>Lancer l'ann\u00e9e ou r\u00e9unir une \u00e9quipe apr\u00e8s les f\u00eates ne doit pas rimer avec stress. Chez Tero, on vous accompagne de la premi\u00e8re id\u00e9e au jour J : un seul interlocuteur vous guide dans le choix du lieu, de l'activit\u00e9 et de la table, et s'occupe de toute l'organisation.<\/p>\n <\/div>\n\n \n <div class=\"tko-quad\" id=\"tko-quad\">\n <p class=\"tko-quad__title\">Votre kick-off,<br> <strong>en quatre temps.<\/strong><\/p>\n \n <div class=\"tko-quad__ph\" aria-hidden=\"true\">\n <div class=\"tko-layer\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/Capture-decran-2026-11-06-a-10.19.35.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/Capture-decran-2026-11-06-a-10.19.35.png\" alt=\"\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/52e4a89d-70aa-4a5d-9af4-6ac9ad91ffee.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/52e4a89d-70aa-4a5d-9af4-6ac9ad91ffee.jpg\" alt=\"\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-layer tko-layer--still\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0383_HD-scaled.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0383_HD-scaled.jpg\" alt=\"\" class=\"webpexpress-processed\"><\/picture><\/div>\n <\/div>\n <div class=\"tko-quad__grid\">\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">01<\/span>\n <h2>Accueillir<\/h2>\n <p>Un caf\u00e9 chaud, un lieu qui change du bureau et le sentiment d'\u00eatre attendu.<\/p>\n <a href=\"https:\/\/tero.be\/fr\/lieux\/\" data-cta=\"kickoff-temps-accueillir\" target=\"_blank\" rel=\"noopener\">Voir nos lieux <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/article>\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">02<\/span>\n <h2>Aligner<\/h2>\n <p>La pl\u00e9ni\u00e8re o\u00f9 la direction partage le cap 2027. Clair, court, facile \u00e0 retenir.<\/p>\n <\/article>\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">03<\/span>\n <h2>Activer<\/h2>\n <p>Un team building pour que le message passe des slides aux r\u00e9flexes.<\/p>\n <a href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/\" data-cta=\"kickoff-temps-activer\" target=\"_blank\" rel=\"noopener\">Voir les activit\u00e9s <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/article>\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">04<\/span>\n <h2>Rassembler<\/h2>\n <p>Du lunch de travail au d\u00eener, une cuisine de saison sign\u00e9e Teroir Traiteur, servie l\u00e0 o\u00f9 vous \u00eates.<\/p>\n <a href=\"https:\/\/tero.be\/fr\/traiteur\/\" data-cta=\"kickoff-temps-rassembler\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir Teroir Traiteur <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/article>\n <\/div>\n <\/div>\n\n \n <div class=\"tko-hero__quote\" id=\"tko-outro\">\n <span class=\"tko-anchor\" id=\"tko-brief\" aria-hidden=\"true\"><\/span>\n <div class=\"tko-brief__intro\">\n <h2 id=\"tko-brief-title\">Dites-nous <strong>l'essentiel.<\/strong><\/h2>\n <p>Quatre questions, et on revient vers vous avec une proposition qui r\u00e9unit le lieu, l'activit\u00e9 et le traiteur.<\/p>\n <ul class=\"tko-brief__reassure\">\n <li>Un seul interlocuteur pour tout le projet<\/li>\n <li>Une proposition construite pour votre groupe<\/li>\n <li>Sans engagement<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"tko-form\" id=\"tko-form\">\n \n <div class=\"tko-form__progress\" aria-hidden=\"true\"><span class=\"on\"><\/span><span><\/span><span><\/span><span><\/span><\/div>\n <form novalidate>\n <input type=\"hidden\" name=\"campagne\" value=\"kickoff-2027\">\n\n <fieldset data-step=\"1\">\n <legend><span class=\"tko-form__step\">\u00c9tape 1 sur 4<\/span>Quand voulez-vous lancer l'ann\u00e9e ?<\/legend>\n <p class=\"tko-form__hint\">Une p\u00e9riode suffit, la date exacte viendra ensuite.<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"Janvier 2027\" required><span>Janvier 2027<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"F\u00e9vrier 2027\"><span>F\u00e9vrier 2027<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"Mars 2027\"><span>Mars 2027<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"Pas encore fix\u00e9\"><span>Pas encore fix\u00e9<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"2\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 2 sur 4<\/span>Combien serez-vous ?<\/legend>\n <p class=\"tko-form__hint\">Une estimation, c'est parfait.<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Moins de 30\" required><span>Moins de 30<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"30 \u00e0 80\"><span>30 \u00e0 80<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"80 \u00e0 150\"><span>80 \u00e0 150<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"150 \u00e0 300\"><span>150 \u00e0 300<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Plus de 300\"><span>Plus de 300<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"3\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 3 sur 4<\/span>Quel format et o\u00f9 ?<\/legend>\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\n <p>Format<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Demi-journ\u00e9e\" required><span>Demi-journ\u00e9e<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Journ\u00e9e\"><span>Journ\u00e9e<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Avec nuit\u00e9e\"><span>Avec nuit\u00e9e<\/span><\/label>\n <\/div>\n <\/div>\n <div class=\"tko-form__group\">\n <p>R\u00e9gion<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Bruxelles et Brabant\" required><span>Bruxelles & Brabant<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Flandre\"><span>Flandre<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Wallonie et Ardennes\"><span>Wallonie & Ardennes<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"C\u00f4te\"><span>C\u00f4te<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Luxembourg\"><span>Luxembourg<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Peu importe\"><span>Peu importe<\/span><\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"4\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 4 sur 4<\/span>O\u00f9 vous envoyer la proposition ?<\/legend>\n <div class=\"tko-fields\">\n <div class=\"tko-field\"><label for=\"tko-nom\">Pr\u00e9nom et nom<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"name\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-societe\">Soci\u00e9t\u00e9<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-email\">E-mail professionnel<\/label><input id=\"tko-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-tel\">T\u00e9l\u00e9phone<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\"><\/div>\n <div class=\"tko-field tko-field--full\"><label for=\"tko-msg\">Votre message (facultatif)<\/label><textarea id=\"tko-msg\" name=\"message\" placeholder=\"Le th\u00e8me de l'ann\u00e9e, une contrainte, une id\u00e9e\u2026\"><\/textarea><\/div>\n <\/div>\n <label class=\"tko-consent\"><input type=\"checkbox\" name=\"consentement\" required><span>J'accepte que Tero utilise ces informations pour r\u00e9pondre \u00e0 ma demande.<\/span><\/label>\n <\/fieldset>\n\n <p class=\"tko-form__error\" role=\"alert\" aria-live=\"polite\"><\/p>\n <div class=\"tko-form__nav\">\n <button class=\"tko-form__back\" type=\"button\" hidden>\u2190 Retour<\/button>\n <button class=\"tko-btn tko-btn--bx\" type=\"submit\" data-cta=\"kickoff-brief-next\"><span class=\"tko-next-label\">Continuer<\/span> <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/button>\n <\/div>\n <\/form>\n\n <div class=\"tko-form__done\" tabindex=\"-1\">\n <span class=\"tko-form__step\">C'est not\u00e9<\/span>\n <h3>Merci, votre kick-off est entre de bonnes mains.<\/h3>\n <p>Notre \u00e9quipe revient vers vous avec une premi\u00e8re proposition. En attendant, jetez un \u0153il \u00e0 nos activit\u00e9s de team building.<\/p>\n <a class=\"tko-btn tko-btn--line\" style=\"margin-top:1.5rem\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/\" data-cta=\"kickoff-merci-activites\" target=\"_blank\" rel=\"noopener\">Voir les activit\u00e9s <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tko-seq__band\" id=\"tko-band\">\n <span class=\"tko-marquee__label\">Ils nous font confiance<\/span>\n <div class=\"tko-marquee\" role=\"img\" aria-label=\"Ils nous font confiance : Deloitte, Clifford Chance, Arval BNP Paribas Group, PwC, Coyote, RTBF, Belfius, Delen Private Bank, Decathlon. Tero est certifi\u00e9e B Corp.\">\n <div class=\"tko-marquee__track\" aria-hidden=\"true\">\n <div class=\"tko-marquee__group\">\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\n <\/div>\n <div class=\"tko-marquee__group\">\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"tko-wrap tko-proof\" aria-label=\"Tero en chiffres\">\n <div class=\"tko-proof__item tko-reveal\"><strong data-count=\"25\">25<\/strong><span>ans d'exp\u00e9rience dans l'\u00e9v\u00e9nementiel d'entreprise<\/span><\/div>\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"1\"><strong data-count=\"17\">17<\/strong><span>lieux en Belgique et au Luxembourg<\/span><\/div>\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"2\"><strong data-count=\"1\">1<\/strong><span>interlocuteur, du premier brief au dernier service<\/span><\/div>\n <div class=\"tko-proof__item tko-proof__item--bcorp tko-reveal\" data-delay=\"2\"><img loading=\"lazy\" class=\"tko-proof__bcorp\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"lazy\" decoding=\"async\"><span>Entreprise certifi\u00e9e pour son impact social et environnemental<\/span><\/div>\n <\/section>\n\n \n <div class=\"tko-quicknav-mark\" id=\"tko-quicknav-mark\" aria-hidden=\"true\"><\/div>\n <nav class=\"tko-quicknav\" id=\"tko-quicknav\" aria-label=\"Acc\u00e8s rapide kick-off\">\n <div class=\"tko-quicknav__in\">\n <a href=\"#tko-lieux\" data-cta=\"kickoff-nav-lieux\"><span class=\"l\">D\u00e9couvrir nos lieux<\/span><span class=\"s\">Lieux<\/span><\/a>\n <a href=\"#tko-activites\" data-cta=\"kickoff-nav-activites\"><span class=\"l\">D\u00e9couvrir nos activit\u00e9s<\/span><span class=\"s\">Activit\u00e9s<\/span><\/a>\n <a href=\"#tko-teroir\" data-cta=\"kickoff-nav-traiteur\"><span class=\"l\">D\u00e9couvrir nos formules traiteur<\/span><span class=\"s\">Traiteur<\/span><\/a>\n <a href=\"#tko-brief\" class=\"is-cta\" data-cta=\"kickoff-nav-devis\"><span class=\"l\">Demander mon devis<\/span><span class=\"s\">Devis<\/span><\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"tko-hook tko-wrap\" aria-label=\"Pourquoi un kick-off\">\n <p class=\"tko-hook__text\" data-fill data-accent=\"d\u00e9cide,ensemble\">Le 2 janvier, tout le monde a 47 mails non lus et des r\u00e9solutions d\u00e9j\u00e0 fragiles. Le kick-off, c'est le jour o\u00f9 l'on d\u00e9cide ensemble lesquelles comptent.<\/p>\n <\/section>\n\n \n <section class=\"tko-intents\" id=\"tko-intentions\" aria-labelledby=\"tko-intents-title\">\n <div class=\"tko-wrap tko-intents__panel\">\n <div class=\"tko-intents__head\">\n <h2 class=\"tko-reveal\" id=\"tko-intents-title\">Qu'est-ce qui compte le plus <strong>pour votre kick-off ?<\/strong><\/h2>\n <p class=\"tko-reveal\">Choisissez l'intention, on vous montre nos coups de c\u0153ur parmi les formats qui y r\u00e9pondent.<\/p>\n <\/div>\n <div class=\"tko-intents__grid tko-reveal\">\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">01<\/span>\n <h3>Lancer 2027 et aligner<\/h3>\n <p>Kick-off strat\u00e9gique, objectifs de l'ann\u00e9e, s\u00e9minaire de planification, CODIR offsite, nouvelle organisation, fusion ou nouveau management.<\/p>\n <span class=\"tko-int__go\">Pr\u00e9parer la suite <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-seminaire\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Un s\u00e9minaire<\/b><span class=\"tko-sol__d\">Une pl\u00e9ni\u00e8re et des ateliers dans un lieu qui change du bureau.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-residentiel\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Un s\u00e9minaire r\u00e9sidentiel ou un CODIR offsite<\/b><span class=\"tko-sol__d\">Deux jours \u00e0 l'\u00e9cart pour aller au fond des sujets et poser les bases.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">02<\/span>\n <h3>R\u00e9chauffer janvier<\/h3>\n <p>L'\u00e9v\u00e9nement fun ou bien-\u00eatre qui casse le creux de l'hiver. Le bon antidote au Blue Monday.<\/p>\n <span class=\"tko-int__go\">Casser le creux de l'hiver <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-activites\" data-cta=\"kickoff-intention-fun\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Une activit\u00e9 fun<\/b><span class=\"tko-sol__d\">Quiz Play, Blind Test, Escape Box : de quoi relancer l\u2019\u00e9nergie.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-pause\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Une pause au vert<\/b><span class=\"tko-sol__d\">Deux jours dans les Ardennes pour souffler ensemble.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">03<\/span>\n <h3>Cl\u00f4turer 2026<\/h3>\n <p>La f\u00eate qu'on n'a pas pu faire en d\u00e9cembre, faute de date, de budget ou d'\u00e9nergie. En janvier, elle co\u00fbte moins cher et les dates sont disponibles.<\/p>\n <span class=\"tko-int__go\">Organiser ma f\u00eate <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-fete\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Une f\u00eate d'entreprise<\/b><span class=\"tko-sol__d\">Lieu privatis\u00e9, table Teroir et animation de soir\u00e9e.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-soiree\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Une soir\u00e9e qui se prolonge<\/b><span class=\"tko-sol__d\">D\u00eener, Quiz Play ou Dinner Show, puis nuit\u00e9e sur place.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">04<\/span>\n <h3>Cheers to 2027<\/h3>\n <p>Un drink ou un d\u00eener de nouvel an avec vos \u00e9quipes, vos clients ou vos partenaires.<\/p>\n <span class=\"tko-int__go\">Pr\u00e9parer mes v\u0153ux <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-teroir\" data-cta=\"kickoff-intention-drink\"><span class=\"tko-sol__badge\">Une soir\u00e9e<\/span><b>Un drink de nouvel an<\/b><span class=\"tko-sol__d\">Cocktails Teroir, chez vous ou dans l\u2019un de nos lieux.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-teroir\" data-cta=\"kickoff-intention-diner\"><span class=\"tko-sol__badge\">Une soir\u00e9e<\/span><b>Un d\u00eener de nouvel an<\/b><span class=\"tko-sol__d\">Walking dinner ou d\u00eener assis, servi l\u00e0 o\u00f9 vous \u00eates.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">05<\/span>\n <h3>Int\u00e9grer<\/h3>\n <p>L'onboarding des recrues arriv\u00e9es en fin d'ann\u00e9e ou en janvier.<\/p>\n <span class=\"tko-int__go\">Accueillir mes recrues <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-activites\" data-cta=\"kickoff-intention-integration\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Une activit\u00e9 d'int\u00e9gration<\/b><span class=\"tko-sol__d\">Un d\u00e9fi en \u00e9quipe pour faire connaissance autrement.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-sejour\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Un s\u00e9jour d'int\u00e9gration<\/b><span class=\"tko-sol__d\">Deux jours pour cr\u00e9er des liens d\u00e8s le d\u00e9part.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int tko-int--side\">\n <div class=\"tko-int__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"Pl\u00e9ni\u00e8re d'un kick-off organis\u00e9 par Tero\" loading=\"lazy\"><\/div>\n <h3>Organiser sans effort<\/h3>\n <p>Une exp\u00e9rience compl\u00e8te, un seul interlocuteur.<\/p>\n <span class=\"tko-int__muet\">Valable pour chaque formule<\/span>\n <\/div>\n <\/div>\n <p class=\"tko-intents__repli\">Vous h\u00e9sitez encore ? <a href=\"#tko-brief\" data-cta=\"kickoff-intention-hesite\">D\u00e9crivez-nous votre \u00e9quipe<\/a>, on vous propose trois formats.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-venues\" id=\"tko-lieux\" aria-labelledby=\"tko-venues-title\">\n <div class=\"tko-wrap tko-section-head\">\n <h2 class=\"tko-reveal\" id=\"tko-venues-title\">Changer de cadre<br> <strong>change la conversation.<\/strong><\/h2>\n <\/div>\n <div class=\"tko-cr\" data-cr>\n <button class=\"tko-cr__btn tko-cr__btn--prev\" type=\"button\" data-cr-dir=\"-1\" aria-label=\"Lieux pr\u00e9c\u00e9dents\">\u2190<\/button>\n <div class=\"tko-cr__track\" id=\"tko-rail\" tabindex=\"0\" aria-label=\"Lieux, faites d\u00e9filer horizontalement\">\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/chateau-de-terblock\/\" data-cta=\"kickoff-lieu-terblock\" target=\"_blank\" rel=\"noopener\" style=\"--i:0\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/09\/Chateau-de-Terblock-Event-Nature-Tables-Flowers-1536x864.webp\" alt=\"L'Orangerie du Ch\u00e2teau de Terblock dress\u00e9e pour un \u00e9v\u00e9nement\" loading=\"lazy\"><span class=\"tko-card__badge\">Aux portes de Bruxelles<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Overijse \u00b7 Brabant flamand<\/small><b>Ch\u00e2teau de Terblock<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/francorchamps\/\" data-cta=\"kickoff-lieu-francorchamps\" target=\"_blank\" rel=\"noopener\" style=\"--i:1\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2023\/12\/Kolline_1122-1024x683.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2023\/12\/Kolline_1122-1536x1025.jpg.webp 1536w\" sizes=\"(max-width: 980px) 100vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Kolline_1122-1024x683.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Kolline_1122-1024x683.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Kolline_1122-1536x1025.jpg 1536w\" sizes=\"(max-width: 980px) 100vw, 40vw\" alt=\"Le Tero Lodge Francorchamps\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Francorchamps \u00b7 Ardennes<\/small><b>Tero Lodge Francorchamps<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"Le manoir du Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Herbeumont \u00b7 Ardennes<\/small><b>Tero Lodge Herbeumont<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/eventhouse-waterloo\/\" data-cta=\"kickoff-lieu-eventhouse-waterloo\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/02\/EventhousewaterlooPHOTO.webp\" alt=\"Tero Eventhouse Waterloo\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Waterloo \u00b7 Brabant wallon<\/small><b>Eventhouse Waterloo<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/hotel\/la-malle-poste-rochefort\/\" data-cta=\"kickoff-lieu-la-malle-poste-rochefort\" target=\"_blank\" rel=\"noopener\" style=\"--i:4\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/elementor\/thumbs\/MP-scaled-e1708679610921-rasj7nk1vx4g9by6ff5e81mb2b7u9qj4u13tia3le8.webp\" alt=\"Fa\u00e7ade et jardin de l'h\u00f4tel La Malle Poste \u00e0 Rochefort\" loading=\"lazy\"><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Rochefort \u00b7 Ardennes<\/small><b>H\u00f4tel La Malle Poste<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/knokke-out-zoute\/\" data-cta=\"kickoff-lieu-knokke-out-zoute\" target=\"_blank\" rel=\"noopener\" style=\"--i:5\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/entrance-and-terrace_Knokkeout-zoute-1024x681-1.webp\" alt=\"Terrasse du Knokke Out Zoute\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Knokke \u00b7 C\u00f4te belge<\/small><b>Knokke Out Zoute<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/river-house-luxembourg\/\" data-cta=\"kickoff-lieu-river-house-luxembourg\" target=\"_blank\" rel=\"noopener\" style=\"--i:6\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Fa\u00e7ade du Tero River House \u00e0 Luxembourg en soir\u00e9e\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero River House<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/house17\/\" data-cta=\"kickoff-lieu-house17\" target=\"_blank\" rel=\"noopener\" style=\"--i:7\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.webp\" alt=\"Salle de r\u00e9union de Tero House17 \u00e0 Luxembourg\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero House17<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/nest-zwin-bistro\/\" data-cta=\"kickoff-lieu-nest-zwin-bistro\" target=\"_blank\" rel=\"noopener\" style=\"--i:8\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/03\/DSC01629.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/03\/DSC01629.jpg\" alt=\"Longue table dress\u00e9e au Nest Zwin Bistro\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Knokke \u00b7 C\u00f4te belge<\/small><b>Nest Zwin Bistro<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/jalhay\/\" data-cta=\"kickoff-lieu-jalhay\" target=\"_blank\" rel=\"noopener\" style=\"--i:9\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/elementor\/thumbs\/Kottage-1-scaled-ri1bdbair3l130comw78s2htbs2imbj4wbwj7v6pe8.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/elementor\/thumbs\/Kottage-1-scaled-ri1bdbair3l130comw78s2htbs2imbj4wbwj7v6pe8.jpg\" alt=\"Soir\u00e9e en ext\u00e9rieur devant le Tero Lodge Jalhay\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Jalhay \u00b7 Ardennes<\/small><b>Tero Lodge Jalhay<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/ster\/\" data-cta=\"kickoff-lieu-ster\" target=\"_blank\" rel=\"noopener\" style=\"--i:10\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/elementor\/thumbs\/IMG_0561-scaled-ri2xq3mza5ej8muaigywzfy0wrk0xaife9gn62bswg.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/elementor\/thumbs\/IMG_0561-scaled-ri2xq3mza5ej8muaigywzfy0wrk0xaife9gn62bswg.jpg\" alt=\"Le Tero Lodge Ster\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Ster \u00b7 Ardennes<\/small><b>Tero Lodge Ster<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/rochefort\/\" data-cta=\"kickoff-lieu-rochefort\" target=\"_blank\" rel=\"noopener\" style=\"--i:11\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/02\/SV8_8765-scaled.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/02\/SV8_8765-scaled.jpg\" alt=\"Chambre du Tero Lodge Rochefort\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Rochefort \u00b7 Ardennes<\/small><b>Tero Lodge Rochefort<\/b><\/span>\n <\/a>\n <\/div>\n <button class=\"tko-cr__btn tko-cr__btn--next\" type=\"button\" data-cr-dir=\"1\" aria-label=\"Lieux suivants\">\u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-acts tko-wrap\" id=\"tko-activites\" aria-labelledby=\"tko-acts-title\">\n <div class=\"tko-acts__panel\">\n <div class=\"tko-acts__head\">\n <h2 class=\"tko-reveal\" id=\"tko-acts-title\">L'apr\u00e8s-midi, <strong>on passe \u00e0 l'action.<\/strong><\/h2>\n <p class=\"tko-reveal\">Quatre activit\u00e9s pens\u00e9es pour un lancement d'ann\u00e9e, et ce qu'elles apportent \u00e0 votre \u00e9quipe.<\/p>\n <\/div>\n <div class=\"tko-bento-acts tko-reveal\">\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/criativity\/\" data-cta=\"kickoff-activite-criativity\" target=\"_blank\" rel=\"noopener\" style=\"--o:0\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-17-juil.-2026-a-09_16_33.webp\" alt=\"Studio d'enregistrement de CrIAtivity\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Prendre l'IA en main<\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--white\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/criativity\/\" data-cta=\"kickoff-activite-criativity-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:1\">\n <small>Moins de 60 pers. \u00b7 3 h<\/small>\n <h3>CrIAtivity<\/h3>\n <p>Prendre l'IA en main ensemble et produire le hit de l'entreprise. Qui sait, il deviendra peut-\u00eatre l'hymne de votre ann\u00e9e 2027.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir CrIAtivity <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--mint\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/venue-play\/\" data-cta=\"kickoff-activite-venue-play-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:3\">\n <small>200 pers. et + \u00b7 1 h 30<\/small>\n <h3>Venue Play<\/h3>\n <p>Le lieu devient votre terrain de jeu, avec un jeu d\u00e9j\u00e0 pr\u00eat ou un questionnaire construit ensemble autour de vos messages 2027. Vos \u00e9quipes retiennent l'essentiel en jouant.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/venue-play\/\" data-cta=\"kickoff-activite-venue-play\" target=\"_blank\" rel=\"noopener\" style=\"--o:2\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"\u00c9quipe autour d'une tablette pendant Venue Play\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Vos messages, en jeu<\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/step-story\/\" data-cta=\"kickoff-activite-step-story\" target=\"_blank\" rel=\"noopener\" style=\"--o:4\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/02\/DSC_0219-1-scaled.webp\" alt=\"\u00c9quipes qui construisent une r\u00e9action en cha\u00eene pendant Step Story\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Chaque maillon compte<\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--lav\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/step-story\/\" data-cta=\"kickoff-activite-step-story-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:5\">\n <small>50 \u00e0 100 pers. \u00b7 2 h<\/small>\n <h3>Step Story<\/h3>\n <p>Chaque \u00e9quipe construit son maillon, et tout doit s'encha\u00eener. Une r\u00e9action en cha\u00eene qui montre que le r\u00e9sultat d\u00e9pend de chacun.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir Step Story <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--blue\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:7\">\n <small>200 pers. et + \u00b7 1 h 30<\/small>\n <h3>The Final Mystery<\/h3>\n <p>Toute l'entreprise m\u00e8ne l'enqu\u00eate en m\u00eame temps. Pour trouver le coupable, les \u00e9quipes doivent partager leurs indices.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir The Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery\" target=\"_blank\" rel=\"noopener\" style=\"--o:6\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"\u00c9quipes en pleine enqu\u00eate pendant The Final Mystery\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Toute l'entreprise enqu\u00eate<\/span>\n <\/a>\n <\/div>\n <a class=\"tko-btn tko-btn--line tko-acts__all\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/\" data-cta=\"kickoff-toutes-les-activites\" target=\"_blank\" rel=\"noopener\">Voir toutes les activit\u00e9s <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-teroir tko-wrap\" id=\"tko-teroir\" aria-labelledby=\"tko-teroir-title\">\n <img decoding=\"async\" class=\"tko-teroir__radis\" src=\"https:\/\/www.terblock.be\/wp-content\/uploads\/2026\/10\/radis.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n <div class=\"tko-teroir__media\">\n <div class=\"tko-teroir__main\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg.webp 683w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg.webp 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg 683w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" alt=\"Assiette de poisson et l\u00e9gumes de saison servie par Teroir Traiteur\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-teroir__side\" data-parallax><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/08\/CrolleAgency_Tero_Rabanisse-48-sur-243.webp\" alt=\"Production mara\u00eech\u00e8re de la fili\u00e8re Teroir\" loading=\"lazy\"><\/div>\n <\/div>\n <div>\n <h2 class=\"tko-reveal\" id=\"tko-teroir-title\">De la fourche<br> <em class=\"tko-serif\">\u00e0 la fourchette.<\/em><\/h2>\n <div class=\"tko-tick tko-reveal\" aria-label=\"Local, Saisonnalit\u00e9, Artisanat, Savoir-faire, Authentique, Gastronomie, Convivialit\u00e9, Partage, G\u00e9n\u00e9rosit\u00e9, H\u00e9ritage, Transmission, Respect\">\n <div class=\"tko-tick__track\" aria-hidden=\"true\"><ul><li>Local<\/li><li>Saisonnalit\u00e9<\/li><li>Artisanat<\/li><li>Savoir-faire<\/li><li>Authentique<\/li><li>Gastronomie<\/li><li>Convivialit\u00e9<\/li><li>Partage<\/li><li>G\u00e9n\u00e9rosit\u00e9<\/li><li>H\u00e9ritage<\/li><li>Transmission<\/li><li>Respect<\/li><\/ul><ul><li>Local<\/li><li>Saisonnalit\u00e9<\/li><li>Artisanat<\/li><li>Savoir-faire<\/li><li>Authentique<\/li><li>Gastronomie<\/li><li>Convivialit\u00e9<\/li><li>Partage<\/li><li>G\u00e9n\u00e9rosit\u00e9<\/li><li>H\u00e9ritage<\/li><li>Transmission<\/li><li>Respect<\/li><\/ul><\/div>\n <\/div>\n <p class=\"tko-teroir__lead tko-reveal\">Traiteur du groupe Tero, Teroir se positionne comme un traiteur \u00e9v\u00e9nementiel de caract\u00e8re, \u00e0 la crois\u00e9e de la gastronomie et de l'artisanat.<\/p>\n <p class=\"tko-teroir__lead tko-teroir__lead--2 tko-reveal\">Nous faisons de l'origine des produits, de la saisonnalit\u00e9 et du respect du cycle naturel notre combat de tous les jours ; jamais une promesse acquise, mais une exigence qu'on se donne \u00e0 chaque \u00e9v\u00e9nement.<\/p>\n <a class=\"tko-btn tko-btn--line tko-reveal\" href=\"https:\/\/tero.be\/fr\/traiteur\/\" data-cta=\"kickoff-teroir\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir Teroir Traiteur <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <div class=\"tko-formules tko-reveal\">\n <h3 class=\"tko-formules__title\">Nos formules <strong>pour votre kick-off.<\/strong><\/h3>\n <div class=\"tko-formules__grid\">\n <a class=\"tko-card tko-card--blue tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/lunch\/\" data-cta=\"kickoff-formule-lunch\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/30052024-krissaintpatrick-TERO-4-scaled.webp\" alt=\"Lunch de saison Teroir\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Entre deux sessions<\/small><b>Lunch<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/cocktails-dinatoires\/\" data-cta=\"kickoff-formule-cocktails-dinatoires\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.webp\" alt=\"Planches de cocktail Teroir\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Pour les v\u0153ux ou un drink<\/small><b>Cocktails<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--lav tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/walking-dinner\/\" data-cta=\"kickoff-formule-walking-dinner\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-17-1024x683.webp\" alt=\"Walking dinner Teroir\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Pour circuler et \u00e9changer<\/small><b>Walking dinner<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--white tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/diners-assis\/\" data-cta=\"kickoff-formule-diners-assis\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/SIDE-SHUTTER-7-seated-dinner-scaled.webp\" alt=\"D\u00eener assis sous tente\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Trois services, \u00e0 table<\/small><b>D\u00eener assis<\/b><\/span>\n <\/a>\n <\/div>\n <a class=\"tko-formules__all\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/\" data-cta=\"kickoff-toutes-les-formules\" target=\"_blank\" rel=\"noopener\">Voir toutes nos formules <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-why tko-wrap\" id=\"tko-pourquoi\" aria-labelledby=\"tko-why-title\">\n <div class=\"tko-section-head tko-why__head\">\n <h2 class=\"tko-reveal\" id=\"tko-why-title\">Trois m\u00e9tiers, <strong>une seule \u00e9quipe.<\/strong><\/h2>\n <p class=\"tko-reveal\">Lieux, table et activit\u00e9s sont g\u00e9r\u00e9s en interne, en Belgique et au Luxembourg. C'est ce qui nous permet de tout coordonner sans jamais vous renvoyer vers un prestataire.<\/p>\n <\/div>\n <div class=\"tko-why__grid tko-reveal\">\n <a class=\"tko-pilier\" href=\"#tko-lieux\" data-cta=\"kickoff-pourquoi-le-lieu\">\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/09\/DSCF0302_HD-scaled.webp\" alt=\"Ch\u00e2teau de Terblock vu de l'ext\u00e9rieur\" loading=\"lazy\"><\/div>\n <div class=\"tko-pilier__sur\">\n <h3>Le lieu<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Des endroits inspirants qui donnent imm\u00e9diatement une autre dimension \u00e0 votre kick-off. De 14 \u00e0 400 personnes, du bord de mer aux Ardennes.<\/p><span class=\"tko-pilier__go\">Voir les lieux <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\n <\/div>\n <\/a>\n <a class=\"tko-pilier\" href=\"#tko-teroir\" data-cta=\"kickoff-pourquoi-la-table\">\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0458_HD-scaled.webp\" alt=\"Table dress\u00e9e par Teroir Traiteur\" loading=\"lazy\"><\/div>\n <div class=\"tko-pilier__sur\">\n <h3>La table<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Une cuisine farm-to-fork issue de notre savoir-faire Teroir, pr\u00e9par\u00e9e dans nos cuisines et servie l\u00e0 o\u00f9 vous \u00eates.<\/p><span class=\"tko-pilier__go\">Voir les formules <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\n <\/div>\n <\/a>\n <a class=\"tko-pilier\" href=\"#tko-activites\" data-cta=\"kickoff-pourquoi-lactivit\u00e9\">\n <div class=\"tko-pilier__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/QuentinGuyot_0372.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/QuentinGuyot_0372.jpg\" alt=\"\u00c9quipe en plein d\u00e9fi lors d'un team building Tero\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-pilier__sur\">\n <h3>L'activit\u00e9<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Parce que les meilleurs moments ne se construisent pas seulement autour d'une table. Indoor et outdoor, encadr\u00e9es par nos animateurs.<\/p><span class=\"tko-pilier__go\">Voir les activit\u00e9s <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\n <\/div>\n <\/a>\n <div class=\"tko-pilier tko-pilier--fixe\">\n <div class=\"tko-pilier__sur\">\n <h3>L'organisation<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Un interlocuteur unique pour imaginer et orchestrer votre kick-off, du premier mail \u00e0 la derni\u00e8re assiette.<\/p><span class=\"tko-pilier__go tko-pilier__go--muet\">Inclus dans chaque formule<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-faq tko-wrap\" aria-labelledby=\"tko-faq-title\">\n <div>\n <h2 class=\"tko-reveal\" id=\"tko-faq-title\">Avant de vous <strong>lancer.<\/strong><\/h2>\n <\/div>\n <div class=\"tko-faq__list tko-reveal\">\n <details>\n <summary>Quand faut-il r\u00e9server un kick-off de janvier ?<\/summary>\n <p>Le plus t\u00f4t possible : la majorit\u00e9 des entreprises organisent leur kick-off sur les m\u00eames semaines de janvier et f\u00e9vrier. R\u00e9server en novembre ou en d\u00e9cembre vous laisse le choix du lieu et de la date.<\/p>\n <\/details>\n <details>\n <summary>Peut-on tout organiser avec un seul interlocuteur ?<\/summary>\n <p>Oui. Le lieu, l'activit\u00e9 de team building et le traiteur Teroir sont g\u00e9r\u00e9s par Tero. Vous avez une seule personne de contact du brief jusqu'au jour J.<\/p>\n <\/details>\n <details>\n <summary>Quel budget pr\u00e9voir pour la partie traiteur ?<\/summary>\n <p>Comptez \u00e0 partir de 50 \u20ac par personne pour un buffet et 80 \u20ac pour un walking dinner ou un d\u00eener assis, \u00e0 partir de 50 personnes, hors location de salle et hors boissons.<\/p>\n <\/details>\n <details>\n <summary>Est-il possible de rester dormir sur place ?<\/summary>\n <p>Oui. Nos lodges de Francorchamps et d'Herbeumont, dans les Ardennes, sont pens\u00e9s pour une retraite avec nuit\u00e9e. Choisissez le format \u00ab Avec nuit\u00e9e \u00bb dans le brief et on vous propose le lieu adapt\u00e9 \u00e0 votre groupe.<\/p>\n <\/details>\n <details>\n <summary>Et la technique pour la pl\u00e9ni\u00e8re ?<\/summary>\n <p>Indiquez vos besoins dans le brief (\u00e9cran, son, micros, captation). Nous les int\u00e9grons \u00e0 la proposition en fonction du lieu choisi.<\/p>\n <\/details>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-blog tko-wrap\" aria-labelledby=\"tko-blog-title\">\n <div class=\"tko-blog__head\">\n <h2 class=\"tko-reveal\" id=\"tko-blog-title\">\u00c0 lire <strong>sur le blog.<\/strong><\/h2>\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/fr\/news\/\" data-cta=\"kickoff-blog-tous\" target=\"_blank\" rel=\"noopener\">Tous les articles <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <div class=\"tko-blog__grid tko-reveal\" id=\"tko-blog-list\">\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/fr\/news\/transformer-votre-lancement-dannee-en-levier-de-performance-dentreprise\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Kick-off 2027 : comment transformer votre lancement d\u2019ann\u00e9e en levier de culture et de performance d\u2019entreprise<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/fr\/news\/le-team-building-se-reinvente\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Le team building se r\u00e9invente : cr\u00e9ativit\u00e9, intelligence artificielle et nouvelles exp\u00e9riences collectives<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/fr\/news\/team-offsite-sortir-du-cadre-pour-mieux-avancer-ensemble\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team offsite : sortir du cadre pour mieux avancer ensemble<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\n <\/div>\n <\/section>\n\n\n<script>\n(() => {\n \/* ===== R\u00e9glages ===== *\/\n const FORM_ENDPOINT = ''; \/\/ \u2190 URL du webhook (Efficy \/ Odoo). Vide = avertissement, rien n'est envoy\u00e9.\n\n const root = document.getElementById('tero-kickoff');\n if (!root) return;\n const $ = (s, c = root) => c.querySelector(s);\n const $$ = (s, c = root) => Array.from(c.querySelectorAll(s));\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const dl = (o) => { window.dataLayer = window.dataLayer || []; window.dataLayer.push(o); };\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\n\n\n \/* ===== Hero ===== *\/\n const hero = $('#tko-hero');\n const heroNum = $('.tko-hero__num', hero);\n requestAnimationFrame(() => hero.classList.add('is-in'));\n\n \/* Compte \u00e0 rebours jusqu'au 1er janvier 2027 (bascule automatiquement ensuite) *\/\n const cd = $('#tko-countdown');\n const days = Math.ceil((new Date(2027, 0, 1) - new Date()) \/ 86400000);\n if (days > 0) cd.innerHTML = `<b>J-${days}<\/b> avant 2027`;\n else cd.innerHTML = '<b>2027<\/b> est lanc\u00e9 : il reste des dates';\n\n \/* ===== Apparitions + compteurs ===== *\/\n const countUp = (el) => {\n const target = +el.dataset.count;\n if (reduce || target < 2) return;\n const t0 = performance.now(), dur = 1400;\n const tick = (t) => {\n const p = clamp((t - t0) \/ dur);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n };\n const toReveal = $$('.tko-reveal, #tko-teroir');\n if ('IntersectionObserver' in window && !reduce) {\n const io = new IntersectionObserver((entries) => entries.forEach((en) => {\n if (!en.isIntersecting) return;\n en.target.classList.add('is-visible');\n $$('[data-count]', en.target).forEach(countUp);\n io.unobserve(en.target);\n }), { threshold: .15, rootMargin: '0px 0px -6% 0px' });\n toReveal.forEach((el) => io.observe(el));\n } else {\n toReveal.forEach((el) => el.classList.add('is-visible'));\n }\n\n \/* ===== Accroche : mots qui se remplissent au scroll ===== *\/\n const fill = $('[data-fill]');\n const accents = (fill.dataset.accent || '').split(',');\n fill.innerHTML = fill.textContent.trim().split(\/\\s+\/).map((w) => {\n const clean = w.replace(\/[.,]\/g, '').toLowerCase();\n return `<span class=\"w${accents.includes(clean) ? ' accent' : ''}\">${w}<\/span>`;\n }).join(' ');\n const words = $$('.w', fill);\n\n \/* ===== Phrase du hero : les mots apparaissent petit \u00e0 petit au scroll ===== *\/\n const storyP = $('#tko-story p');\n if (storyP) storyP.innerHTML = storyP.textContent.trim().split(\/[ \\t\\n]+\/).map((w) => `<span class=\"w\">${w}<\/span>`).join(' ');\n const storyWords = storyP ? $$('.w', storyP) : [];\n\n \/* ===== Hero en s\u00e9quence ===== *\/\n const seq = $('#tko-seq');\n const stick = $('#tko-seq-stick');\n const intro = $('#tko-intro');\n const quad = $('#tko-quad');\n const story = $('#tko-story');\n const outro = $('#tko-outro');\n const band = $('#tko-band');\n const layers = $$('.tko-layer', hero);\n const quadItems = $$('.tko-quad__item', quad);\n const ease = (t) => (t < .5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2);\n const seg = (p, a, b) => clamp((p - a) \/ (b - a));\n \/* Hauteurs fig\u00e9es en pixels : \u00e9vite les tremblements dus \u00e0 la barre d'adresse Safari sur mobile *\/\n \/* Sur \u00e9cran tactile, on ignore les petites variations de hauteur (barre d'adresse qui appara\u00eet\n et dispara\u00eet) ; sur ordinateur, on suit toujours la vraie hauteur de la fen\u00eatre. *\/\n const touch = window.matchMedia('(pointer: coarse)').matches;\n\n \/* Menu fixe du site : sur tero.be, Elementor ne fixe le menu (85 px) qu'une fois qu'on commence \u00e0 d\u00e9filer.\n \u00c0 chaque mise \u00e0 jour, on regarde donc ce qui se trouve tout en haut de l'\u00e9cran, et si c'est un \u00e9l\u00e9ment\n fix\u00e9 (fixed ou sticky) qui n'appartient pas \u00e0 la page kick-off, le hero se cale juste en dessous. *\/\n const fixedAncestor = (el) => {\n for (let n = el; n && n !== document.body && n !== document.documentElement; n = n.parentElement) {\n if (root.contains(n)) return null;\n const pos = getComputedStyle(n).position;\n if (pos === 'fixed' || pos === 'sticky') return n;\n }\n return null;\n };\n const headerOffset = () => {\n const maxH = window.innerHeight * .35;\n const found = new Set(document.querySelectorAll('.elementor-sticky--active, #wpadminbar'));\n const vw = document.documentElement.clientWidth;\n [vw * .5, vw * .15, vw * .85].forEach((x) => {\n (document.elementsFromPoint(x, 2) || []).forEach((el) => { const f = fixedAncestor(el); if (f) found.add(f); });\n });\n let bottom = 0;\n found.forEach((el) => {\n if (root.contains(el)) return;\n const r = el.getBoundingClientRect();\n if (r.height > 0 && r.top <= 2 && r.bottom > 0 && r.bottom < maxH && getComputedStyle(el).visibility !== 'hidden') bottom = Math.max(bottom, r.bottom);\n });\n return Math.round(bottom);\n };\n\n let seqW = 0, winH = 0, hdr = 0, stickH = 0;\n const sizeSeq = (force) => {\n if (reduce) return;\n const w = window.innerWidth, h = window.innerHeight, o = headerOffset();\n if (!force && w === seqW && h === winH && Math.abs(o - hdr) < 3) return;\n if (!force && touch && w === seqW && Math.abs(h - winH) < 120 && Math.abs(o - hdr) < 3) return;\n seqW = w; winH = h; hdr = o;\n stickH = h - hdr;\n stick.style.top = `${hdr}px`;\n stick.style.height = `${stickH}px`;\n seq.style.height = `${Math.round(h * 7.6)}px`;\n };\n const LAYER_START = [.36, .49, .62, .745];\n const LAYER_LEN = .125;\n const drawSeq = () => {\n if (reduce) return;\n const r = seq.getBoundingClientRect();\n if (r.bottom < 0 || r.top > winH) return;\n const p = clamp((hdr - r.top) \/ (seq.offsetHeight - stickH));\n const vw = document.documentElement.clientWidth;\n const mobile = vw < 760;\n\n \/* ouverture puis fermeture du cadre *\/\n const open = ease(seg(p, 0, .1));\n const close = mobile ? 0 : ease(seg(p, .86, .96)); \/* sur mobile, le devis reste en plein \u00e9cran *\/\n const f = open * (1 - close);\n const g = Math.min(40, Math.max(16, vw * .031));\n const restW = Math.min(1440, vw - 2 * g);\n const restTop = mobile ? 12 : 16;\n \/* Position \u00ab au repos \u00bb du cadre = celle qu'il a au chargement de la page, sous le menu.\n Elle est identique au d\u00e9but et \u00e0 la fin de la s\u00e9quence : le cadre retrouve exactement\n sa place et sa taille d'avant l'agrandissement. *\/\n const bandGap = mobile ? 10 : 14; \/* espace entre le cadre et les logos *\/\n const bandBox = mobile ? 60 : 72; \/* hauteur de la bande des logos *\/\n const bottomGap = mobile ? 14 : 28; \/* air sous les logos, en bas de l'\u00e9cran *\/\n const bandH = bandGap + bandBox + bottomGap;\n const loadTop = Math.min((r.top + window.scrollY) + restTop, winH * .3); \/* haut du cadre quand la page est en haut *\/\n const stickTop = stick.getBoundingClientRect().top;\n const restOffset = Math.max(restTop, loadTop - stickTop);\n const restH = Math.max(260, winH - loadTop - bandH);\n const radius = Math.min(40, Math.max(24, vw * .03));\n \/* Anti-tremblement : le hero garde toujours la taille de l'\u00e9cran (aucun recalcul de mise en page\n pendant le scroll). Le cadre qui s'ouvre et se referme est un simple masque (clip-path),\n et les contenus du cadre de d\u00e9part restent pos\u00e9s sur ce rectangle fixe. *\/\n const rx = Math.round((vw - restW) \/ 2), ry = Math.round(restOffset), rh = Math.round(restH);\n const restKey = `${rx}|${ry}|${restW}|${rh}|${radius}`;\n if (restKey !== hero._rk) {\n hero._rk = restKey;\n hero.style.setProperty('--rx', `${rx}px`);\n hero.style.setProperty('--ry', `${ry}px`);\n hero.style.setProperty('--rw', `${restW}px`);\n hero.style.setProperty('--rh', `${rh}px`);\n hero.style.setProperty('--rr', `${radius}px`);\n }\n const k = 1 - f;\n hero.style.clipPath = `inset(${(ry * k).toFixed(2)}px ${(rx * k).toFixed(2)}px ${(Math.max(0, stickH - ry - rh) * k).toFixed(2)}px ${(rx * k).toFixed(2)}px round ${(radius * k).toFixed(2)}px)`;\n hero.style.setProperty('--f', f.toFixed(4));\n stick.style.setProperty('--bt', `${restOffset + restH + bandGap}px`);\n band.style.setProperty('--bo', (1 - clamp(f * 3)).toFixed(3));\n\n \/* actes *\/\n const io = 1 - seg(p, .08, .12);\n const so = seg(p, .19, .215) * (1 - seg(p, .315, .35)); \/* entre .12 et .18 : le 2027 rempli reste seul \u00e0 l'\u00e9cran *\/\n const qo = seg(p, .36, .41) * (1 - seg(p, .86, .9));\n const oo = seg(p, .9, .96);\n hero.style.setProperty('--io', io.toFixed(3));\n hero.style.setProperty('--so', so.toFixed(3));\n \/* \u00ab 27 \u00bb : se remplit pendant que le cadre s'ouvre, puis s'efface quand les photos arrivent *\/\n hero.style.setProperty('--fill27', `${(seg(p, 0, .12) * 100).toFixed(1)}%`); \/* enti\u00e8rement rempli, puis affich\u00e9 seul *\/\n const ph = seg(p, LAYER_START[0], LAYER_START[0] + .05);\n hero.style.setProperty('--ov', '0'); \/* voile sombre seulement quand les photos sont l\u00e0 *\/\n hero.style.setProperty('--n27', ((1 - ph) * (1 - ease(seg(p, .17, .24)) * .85)).toFixed(3)); \/* fondu doux avant l'arriv\u00e9e de la phrase *\/\n hero.style.setProperty('--qo', qo.toFixed(3));\n hero.style.setProperty('--oo', oo.toFixed(3));\n intro.classList.toggle('is-live', io > .5);\n quad.classList.toggle('is-live', qo > .5);\n story.classList.toggle('is-live', so > .5);\n const sn = Math.round(seg(p, .2, .3) * storyWords.length);\n storyWords.forEach((w, i) => w.classList.toggle('on', i < sn));\n outro.classList.toggle('is-live', oo > .5);\n\n \/* couches photo et colonne active *\/\n let active = 0;\n layers.forEach((l, k) => {\n const lo = seg(p, LAYER_START[k], LAYER_START[k] + .05);\n l.style.opacity = (lo * (1 - oo)).toFixed(3); \/* au devis, les photos s'effacent : retour au fond pastel *\/\n l.style.setProperty('--lo', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\n if (p >= LAYER_START[k]) active = k;\n });\n quadItems.forEach((it, k) => {\n it.classList.toggle('is-active', k === active);\n it.style.setProperty('--ip', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\n });\n };\n\n \/* Les boutons \u00ab Bloquer une date \u00bb m\u00e8nent au dernier \u00e9cran de la s\u00e9quence (le devis) *\/\n $$('a[href=\"#tko-brief\"]').forEach((a) => a.addEventListener('click', (e) => {\n if (reduce) return;\n e.preventDefault();\n sizeSeq();\n const top = seq.getBoundingClientRect().top + window.scrollY + seq.offsetHeight - window.innerHeight;\n window.scrollTo({ top, behavior: 'auto' });\n }));\n\n \/* ===== Boucle scroll unique ===== *\/\n const quick = $('#tko-quicknav');\n const quickMark = $('#tko-quicknav-mark');\n const hookEl = $('.tko-hook');\n const side = $('[data-parallax]');\n let ticking = false;\n const onScroll = () => {\n const vh = window.innerHeight;\n sizeSeq();\n\n if (!reduce) {\n const r = fill.getBoundingClientRect();\n const p = clamp((vh * .85 - r.top) \/ (r.height + vh * .35));\n const n = Math.round(p * words.length);\n words.forEach((w, i) => w.classList.toggle('on', i < n));\n }\n\n\n drawSeq();\n\n if (!reduce && side) {\n const r = side.getBoundingClientRect();\n side.style.setProperty('--py', `${Math.max(-30, Math.min(30, ((r.top + r.height \/ 2) \/ vh - .5) * -60))}px`);\n }\n\n\n \/* Apr\u00e8s l'accroche : le menu du site se cache et la barre d'acc\u00e8s rapide prend sa place *\/\n const navOn = quickMark.getBoundingClientRect().top < 86; \/* la barre arrive au niveau du menu : elle prend sa place *\/\n if (navOn !== quick.classList.contains('is-on')) {\n quick.classList.toggle('is-on', navOn);\n document.body.classList.toggle('tko-menu-hidden', navOn);\n }\n\n ticking = false;\n };\n const requestTick = () => { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } };\n window.addEventListener('scroll', requestTick, { passive: true });\n window.addEventListener('resize', () => { sizeSeq(); requestTick(); });\n window.addEventListener('load', () => { sizeSeq(true); requestTick(); });\n window.addEventListener('load', requestTick);\n sizeSeq(true); onScroll();\n\n \/* ===== Effets souris : spotlight cartes + boutons magn\u00e9tiques ===== *\/\n if (!reduce && window.matchMedia('(hover: hover)').matches) {\n $$('[data-spot]').forEach((card) => card.addEventListener('pointermove', (e) => {\n const r = card.getBoundingClientRect();\n card.style.setProperty('--mx', `${e.clientX - r.left}px`);\n card.style.setProperty('--my', `${e.clientY - r.top}px`);\n }));\n $$('.tko-btn').forEach((btn) => {\n btn.addEventListener('pointermove', (e) => {\n const r = btn.getBoundingClientRect();\n btn.style.setProperty('--tx', `${(e.clientX - r.left - r.width \/ 2) * .18}px`);\n btn.style.setProperty('--ty', `${(e.clientY - r.top - r.height \/ 2) * .3}px`);\n });\n btn.addEventListener('pointerleave', () => { btn.style.setProperty('--tx', '0px'); btn.style.setProperty('--ty', '0px'); });\n });\n }\n\n \/* ===== Carrousels lieux et activit\u00e9s (fa\u00e7on WePresent) =====\n Ordinateur : d\u00e9filement horizontal, la carte au centre est mise en avant.\n Mobile : les cartes s'empilent les unes sur les autres au scroll. *\/\n const mqStack = window.matchMedia('(max-width: 760px)');\n const crs = $$('[data-cr]').map((box) => {\n const track = $('.tko-cr__track', box);\n const cards = $$('.tko-card', track);\n const prev = $('.tko-cr__btn--prev', box), next = $('.tko-cr__btn--next', box);\n const update = () => {\n if (mqStack.matches) { prev.disabled = false; next.disabled = false; return; }\n const mid = track.getBoundingClientRect().left + track.clientWidth \/ 2;\n let best = null, bd = 1e9;\n cards.forEach((c) => { const r = c.getBoundingClientRect(); const d = Math.abs(r.left + r.width \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\n cards.forEach((c) => c.classList.toggle('is-active', c === best));\n \/* Arc tr\u00e8s l\u00e9ger : la carte du centre est mise en avant, les autres sont un peu plus basses, plus petites et estomp\u00e9es *\/\n if (!reduce) cards.forEach((c) => {\n const r = c.getBoundingClientRect();\n const d = Math.min(2, Math.abs((r.left + r.width \/ 2 - mid) \/ (r.width + 24)));\n const sd = Math.sign(r.left + r.width \/ 2 - mid);\n c.style.setProperty('--ay', `${(d * d * 9).toFixed(1)}px`);\n c.style.setProperty('--ar', `${(sd * d * 1.2).toFixed(2)}deg`);\n c.style.setProperty('--as', `${(1 - d * .06).toFixed(3)}`);\n c.style.setProperty('--ao', `${(1 - Math.min(1, d) * .28).toFixed(3)}`);\n });\n const max = track.scrollWidth - track.clientWidth;\n prev.disabled = track.scrollLeft <= 4; next.disabled = track.scrollLeft >= max - 4;\n };\n let t = false, idle = null, settling = false, down = false;\n \/* Recentrage doux sur la carte la plus proche, une fois le d\u00e9filement termin\u00e9\n (remplace l'aimantation CSS qui ramenait les cartes en arri\u00e8re au trackpad) *\/\n const settle = () => {\n if (mqStack.matches || down) return;\n const mid = track.scrollLeft + track.clientWidth \/ 2;\n let best = cards[0], bd = 1e9;\n cards.forEach((c) => { const d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\n if (bd < 3) return;\n settling = true;\n track.scrollTo({ left: best.offsetLeft + best.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\n setTimeout(() => { settling = false; }, 500);\n };\n track.addEventListener('scroll', () => {\n if (!t) { t = true; requestAnimationFrame(() => { t = false; update(); }); }\n if (!settling) { clearTimeout(idle); idle = setTimeout(settle, 180); }\n }, { passive: true });\n const step = (dir) => {\n const act = $('.tko-card.is-active', track) || cards[0];\n const k = Math.min(cards.length - 1, Math.max(0, cards.indexOf(act) + dir));\n const c = cards[k];\n track.scrollTo({ left: c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\n };\n prev.addEventListener('click', () => (mqStack.matches ? go(-1) : step(-1)));\n next.addEventListener('click', () => (mqStack.matches ? go(1) : step(1)));\n \/* Glisser \u00e0 la souris *\/\n let sx = 0, sl = 0, moved = false;\n track.addEventListener('pointerdown', (e) => { if (e.pointerType !== 'mouse' || mqStack.matches) return; down = true; moved = false; sx = e.clientX; sl = track.scrollLeft; });\n window.addEventListener('pointermove', (e) => { if (!down) return; const dx = e.clientX - sx; if (Math.abs(dx) > 5) { moved = true; track.classList.add('is-dragging'); } track.scrollLeft = sl - dx; });\n window.addEventListener('pointerup', () => { if (!down) return; down = false; setTimeout(() => track.classList.remove('is-dragging'), 0); settle(); });\n track.addEventListener('click', (e) => { if (moved) { e.preventDefault(); moved = false; } }, true);\n \/* Mobile : paquet de cartes \u00e0 swiper *\/\n const n = cards.length;\n let cur = 0, busy = false;\n const count = document.createElement('span'); count.className = 'tko-cr__count'; count.setAttribute('aria-live', 'polite');\n next.before(count);\n cards.forEach((c, k) => { c.style.setProperty('--i', k); });\n const render = (dx = 0) => {\n if (!mqStack.matches) { cards.forEach((c) => { c.style.transform = ''; c.style.opacity = ''; c.style.zIndex = ''; c.style.pointerEvents = ''; c.classList.remove('is-front'); }); return; }\n cards.forEach((c, i) => {\n const k = (i - cur + n) % n;\n c.classList.toggle('is-front', k === 0);\n c.style.zIndex = String(n - k);\n c.style.pointerEvents = k === 0 ? 'auto' : 'none';\n c.tabIndex = k === 0 ? 0 : -1;\n if (k === 0) { c.style.transform = `translateX(${dx}px) rotate(${dx \/ 22}deg)`; c.style.opacity = '1'; }\n else if (k <= 2) {\n const pull = Math.min(1, Math.abs(dx) \/ 140); \/* la carte suivante avance pendant le swipe *\/\n const kk = k - (k === 1 ? pull : pull * .5);\n c.style.transform = `translateY(${kk * 18}px) scale(${1 - kk * .05})`; c.style.opacity = '1';\n } else { c.style.transform = 'translateY(36px) scale(.9)'; c.style.opacity = '0'; }\n });\n count.textContent = `${cur + 1} \/ ${n}`;\n };\n const go = (dir) => {\n if (busy) return; busy = true;\n const front = cards[cur];\n box.classList.remove('is-swiping');\n front.style.transform = `translateX(${dir > 0 ? -120 : 120}%) rotate(${dir > 0 ? -14 : 14}deg)`;\n front.style.opacity = '0';\n setTimeout(() => { cur = (cur + dir + n) % n; render(0); busy = false; }, reduce ? 0 : 260);\n };\n let tx = 0, ty = 0, dx = 0, drag = false, lock = null, swiped = false;\n track.addEventListener('pointerdown', (e) => {\n if (!mqStack.matches || busy || !e.target.closest('.tko-card.is-front')) return;\n drag = true; lock = null; swiped = false; tx = e.clientX; ty = e.clientY; dx = 0;\n });\n window.addEventListener('pointermove', (e) => {\n if (!drag) return;\n const mx = e.clientX - tx, my = e.clientY - ty;\n if (lock === null && (Math.abs(mx) > 6 || Math.abs(my) > 6)) lock = Math.abs(mx) > Math.abs(my) ? 'x' : 'y';\n if (lock !== 'x') return;\n dx = mx; swiped = true; box.classList.add('is-swiping'); render(dx);\n }, { passive: true });\n const end = () => {\n if (!drag) return; drag = false;\n if (lock === 'x' && Math.abs(dx) > 70) go(dx < 0 ? 1 : -1);\n else { box.classList.remove('is-swiping'); render(0); }\n };\n window.addEventListener('pointerup', end);\n window.addEventListener('pointercancel', end);\n track.addEventListener('click', (e) => { if (swiped) { e.preventDefault(); swiped = false; } }, true);\n track.addEventListener('dragstart', (e) => e.preventDefault()); \/* \u00e9vite le glisser natif des liens et images *\/\n const stack = () => render(0);\n \/* Au d\u00e9part, la 2e carte est au centre : les 3 premi\u00e8res sont visibles *\/\n const start = () => {\n if (mqStack.matches || cards.length < 2) return;\n const c = cards[1];\n track.scrollLeft = c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2;\n };\n return { update, stack, start };\n });\n crs.forEach((c) => c.start());\n const crAll = () => crs.forEach((c) => { c.update(); c.stack(); });\n window.addEventListener('resize', crAll);\n window.addEventListener('load', () => { crs.forEach((c) => c.start()); crAll(); });\n crAll();\n\n \/* ===== Intentions : la carte se retourne et montre les coups de c\u0153ur ===== *\/\n const ints = $$('.tko-int:not(.tko-int--side)');\n const setInt = (card, open) => {\n ints.forEach((c) => { if (c !== card) { c.classList.remove('is-open'); c.setAttribute('aria-expanded', 'false'); } });\n card.classList.toggle('is-open', open);\n card.setAttribute('aria-expanded', String(open));\n };\n ints.forEach((card) => {\n card.addEventListener('click', (e) => {\n if (e.target.closest('.tko-sol')) return; \/* les liens restent des liens *\/\n if (e.target.closest('.tko-int__back')) { e.stopPropagation(); setInt(card, false); return; }\n if (!card.classList.contains('is-open')) setInt(card, true);\n });\n card.addEventListener('keydown', (e) => {\n if (e.target !== card) return;\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setInt(card, !card.classList.contains('is-open')); }\n if (e.key === 'Escape') setInt(card, false);\n });\n });\n\n \/* ===== Blog : met \u00e0 jour les 3 derniers articles depuis tero.be\/fr\/news\/ (sinon la liste \u00e9crite reste) ===== *\/\n const blogList = $('#tko-blog-list');\n if (blogList && \/(^|\\.)tero\\.be$\/.test(location.hostname) && window.fetch && window.DOMParser) {\n fetch('\/fr\/news\/', { credentials: 'same-origin' }).then((r) => (r.ok ? r.text() : Promise.reject(r.status))).then((html) => {\n const doc = new DOMParser().parseFromString(html, 'text\/html');\n const seen = new Set(); const items = [];\n doc.querySelectorAll('.jet-listing-grid__item').forEach((it) => {\n const a = it.querySelector('a[href*=\"\/fr\/news\/\"]');\n const h = it.querySelector('.elementor-heading-title');\n if (!a || !h || \/\\\/news\\\/(tags|feed)|\\?\/.test(a.href) || seen.has(a.href)) return;\n const t = h.textContent.trim(); if (t.length < 12) return;\n seen.add(a.href); items.push([a.href, t]);\n });\n if (items.length < 3) return;\n const esc = (x) => x.replace(\/[&<>\"]\/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\n blogList.innerHTML = items.slice(0, 3).map(([h, t]) => `<a class=\"tko-article\" href=\"${esc(h)}\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>${esc(t)}<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>`).join('');\n }).catch(() => {});\n }\n\n \/* ===== Formulaire en \u00e9tapes ===== *\/\n const wrap = $('#tko-form');\n const form = $('form', wrap);\n const steps = $$('fieldset', form);\n const dots = $$('.tko-form__progress span', wrap);\n const back = $('.tko-form__back', form);\n const nextLabel = $('.tko-next-label', form);\n const err = $('.tko-form__error', form);\n let cur = 0;\n\n const show = (i) => {\n cur = i;\n steps.forEach((s, k) => { s.hidden = k !== i; });\n dots.forEach((d, k) => d.classList.toggle('on', k <= i));\n back.hidden = i === 0;\n nextLabel.textContent = i === steps.length - 1 ? 'Envoyer mon brief' : 'Continuer';\n err.textContent = '';\n };\n const valid = (fs) => {\n const radios = [...new Set($$('input[type=radio]', fs).map((r) => r.name))];\n for (const name of radios) if (!$(`input[name=\"${name}\"]:checked`, fs)) return 'Choisissez une option pour continuer.';\n for (const f of $$('input:not([type=radio]), textarea', fs)) if (!f.checkValidity()) { f.focus(); return f.type === 'checkbox' ? 'Merci d\\'accepter le traitement de vos informations.' : 'Merci de compl\u00e9ter les champs obligatoires.'; }\n return '';\n };\n\n \/* Avance automatique quand l'\u00e9tape n'a qu'une question *\/\n steps.forEach((fs, i) => $$('input[type=radio]', fs).forEach((r) => r.addEventListener('change', () => {\n const groups = new Set($$('input[type=radio]', fs).map((x) => x.name)).size;\n if (groups === 1 && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', step: i + 1 }); show(i + 1); }, 260);\n })));\n\n back.addEventListener('click', () => show(Math.max(0, cur - 1)));\n\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n const msg = valid(steps[cur]);\n if (msg) { err.textContent = msg; return; }\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', step: cur + 1 }); show(cur + 1); return; }\n\n if (!FORM_ENDPOINT) { err.textContent = 'Formulaire pas encore connect\u00e9 : renseigner FORM_ENDPOINT dans le script.'; return; }\n\n const data = Object.fromEntries(new FormData(form).entries());\n try {\n const res = await fetch(FORM_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) });\n if (!res.ok) throw new Error(res.status);\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\n dl({ event: 'kickoff_brief_submit', periode: data.periode, participants: data.participants, format: data.format, region: data.region });\n wrap.classList.add('is-done');\n $('.tko-form__done', wrap).focus();\n } catch (x) {\n err.textContent = 'L\\'envoi n\\'a pas fonctionn\u00e9. R\u00e9essayez ou \u00e9crivez-nous via la page devis.';\n }\n });\n})();\n<\/script>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Kick-off d’entreprise 2027 en Belgique et au Luxembourg | Tero 2027 Lan\u00e7ons 2027ensemble. 2027 commence le jour o\u00f9 vous le d\u00e9cidez. Choisissez la date de votre kick-off : on s’occupe du lieu, de l’activit\u00e9 et de la table, en Belgique comme au Luxembourg. Bloquer une date \u2192 J-57 avant 2027 Lancer l’ann\u00e9e ou r\u00e9unir une \u00e9quipe […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-55634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/comments?post=55634"}],"version-history":[{"count":60,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55634\/revisions"}],"predecessor-version":[{"id":55787,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55634\/revisions\/55787"}],"wp:attachment":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/media?parent=55634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/categories?post=55634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/tags?post=55634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nKick-off d'entreprise 2027 en Belgique et au Luxembourg | Tero<\/title>\n<meta name=\"description\" content=\"Organisez votre kick-off 2027 avec Tero : lieu, activit\u00e9 de team building et Teroir Traiteur r\u00e9unis, un seul interlocuteur. 17 lieux en Belgique et au Luxembourg.\">\n\n<style id=\"preview-only\">\n body { margin: 0; background: #fff; }\n<\/style>\n<\/head>\n<body>\n\n\n<style>\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Regular.cd1f94e.woff2\") format(\"woff2\"); font-weight: 300 400; font-display: swap; }\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Medium.d87446b.woff2\") format(\"woff2\"); font-weight: 500; font-display: swap; }\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Semibold.f6e646d.woff2\") format(\"woff2\"); font-weight: 600; font-display: swap; }\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/Almarose-Bold.woff2\") format(\"woff2\"); font-weight: 700; font-display: swap; }\n\n .tko {\n \/* Palette pastel (esprit Weezevent) *\/\n --b: #0032fa; \/* accent : bleu \u00e9lectrique *\/\n --b-2: #3d5cff;\n --deep: #0b1240; \/* bleu nuit : fond du cadre vid\u00e9o *\/\n --cream: #ffffff;\n --p-ice: #f0f5fa;\n --p-blue: #e6ebff;\n --p-mint: #eafbf9;\n --p-yellow: #fffaeb;\n --p-lav: #e4dfed;\n --ink: #0f0f14;\n --mute: rgba(15, 15, 20, .66);\n --line: rgba(15, 15, 20, .12);\n --white: #fff;\n --g: clamp(1rem, 3.1vw, 2.5rem);\n --w: min(100% - (var(--g) * 2), 1440px);\n --r: clamp(1.5rem, 3vw, 2.5rem);\n --e: cubic-bezier(.2, .72, .18, 1);\n position: relative;\n width: 100%;\n color: var(--ink);\n background: var(--cream);\n font-family: \"Almarose\", Montserrat, system-ui, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n overflow-x: clip; \/* clip et non hidden : garde le position:sticky fonctionnel *\/\n }\n .tko *, .tko *::before, .tko *::after { box-sizing: border-box; }\n .tko img { display: block; width: 100%; height: 100%; object-fit: cover; }\n .tko :where(a) { color: inherit; }\n .tko ::selection { color: var(--white); background: var(--b); }\n .tko :focus-visible { outline: 3px solid var(--b); outline-offset: 4px; border-radius: 6px; }\n .tko :where(h1, h2, h3, p) { margin: 0; }\n .tko strong { font-weight: 600; }\n\n .tko-wrap { width: var(--w); margin-inline: auto; }\n\n .tko-label {\n display: inline-flex; align-items: center; gap: .7rem;\n font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;\n }\n .tko-label::before { content: \"\"; width: .5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; }\n\n \/* ---------- Boutons ---------- *\/\n .tko-btn {\n --tx: 0px; --ty: 0px;\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .9rem;\n min-height: 3.3rem; padding: .85rem 1.7rem;\n border: 1px solid currentColor; border-radius: 999px;\n font: inherit; font-size: .98rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer;\n background: transparent; overflow: hidden; isolation: isolate;\n transform: translate(var(--tx), var(--ty));\n transition: transform .4s var(--e), color .3s ease, border-color .3s ease;\n }\n .tko-btn::before {\n content: \"\"; position: absolute; z-index: -1; inset: 0; border-radius: inherit;\n transform: translateY(101%); transition: transform .45s var(--e);\n }\n .tko-btn:hover::before, .tko-btn:focus-visible::before { transform: none; }\n .tko-btn__arrow { display: inline-block; transition: transform .4s var(--e); }\n .tko-btn:hover .tko-btn__arrow { transform: translateX(4px); }\n\n .tko-btn--solid { color: var(--b); background: var(--cream); border-color: var(--cream); }\n .tko-btn--solid::before { background: var(--b); }\n .tko-btn--solid:hover, .tko-btn--solid:focus-visible { color: var(--cream); border-color: var(--b); }\n\n .tko-btn--ghost { color: var(--white); border-color: rgba(255, 255, 255, .7); }\n .tko-btn--ghost::before { background: var(--cream); }\n .tko-btn--ghost:hover, .tko-btn--ghost:focus-visible { color: var(--b); border-color: var(--cream); }\n\n .tko-btn--bx { color: var(--white); background: var(--b); border-color: var(--b); }\n .tko-btn--bx::before { background: var(--b-2); }\n .tko-btn--bx:hover, .tko-btn--bx:focus-visible { border-color: var(--b-2); }\n\n .tko-btn--line { color: var(--b); border-color: var(--b); }\n .tko-btn--line::before { background: var(--b); }\n .tko-btn--line:hover, .tko-btn--line:focus-visible { color: var(--white); }\n\n \/* ---------- 1. Hero en s\u00e9quence (cadre \u2192 plein \u00e9cran \u2192 4 couches \u2192 cadre) ---------- *\/\n .tko-seq { position: relative; height: 640vh; background: var(--cream); }\n .tko-seq__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }\n .tko-hero {\n --f: 0; --se: 0;\n position: absolute; left: 50%; top: var(--ft, 16px);\n width: var(--fw, calc(100% - 2 * var(--g))); height: var(--fh, 72svh);\n transform: translateX(-50%); border-radius: var(--fr, 2.5rem);\n color: var(--white); background: var(--p-mint); overflow: hidden; isolation: isolate;\n }\n .tko-hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }\n \/* Le grand \u00ab 27 \u00bb (repris de l'ancienne carte de fin) *\/\n .tko-hero__num {\n position: absolute; right: -.05em; top: 50%; transform: translateY(-50%);\n font-size: min(calc(var(--fh, 600px) * .62), 27vw); font-weight: 600; line-height: .8; letter-spacing: -.08em;\n color: transparent; -webkit-text-stroke: 1.5px rgba(16, 150, 140, .45);\n background: linear-gradient(90deg, rgba(16, 150, 140, .16) 0 var(--fill27, 0%), transparent var(--fill27, 0%));\n -webkit-background-clip: text; background-clip: text;\n opacity: var(--n27, 1); pointer-events: none; user-select: none;\n }\n .tko-layer { position: absolute; inset: 0; opacity: 0; }\n .tko-layer img { transform: scale(calc(1.08 - var(--lo, 0) * .08)); }\n \/* Photo verticale (table Teroir) : pas de zoom pour garder la nettet\u00e9, cadrage sur la table *\/\n .tko-layer--still img { transform: none; }\n #tero-kickoff .tko-layer--still img { object-position: 50% 62% !important; }\n .tko-hero::before {\n content: \"\"; position: absolute; z-index: -1; inset: 0; opacity: var(--ov, 0);\n background:\n linear-gradient(90deg, rgba(15, 15, 20, calc(.72 + var(--oo, 0) * .14)) 0%, rgba(15, 15, 20, .32) 55%, rgba(15, 15, 20, calc(.08 + var(--oo, 0) * .34)) 100%),\n linear-gradient(0deg, rgba(15, 15, 20, calc(.55 + var(--qo, 0) * .3)) 0%, transparent 55%);\n }\n .tko-hero__intro {\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between;\n padding: clamp(1.5rem, 4vw, 4rem);\n opacity: var(--io, 1); transform: translateY(calc((1 - var(--io, 1)) * -3rem));\n }\n \/* Accroche et phrase en encre sur le fond pastel *\/\n .tko-hero__intro { justify-content: flex-end; color: var(--ink); }\n .tko-hero__intro .tko-hero__lead { color: var(--mute); }\n .tko-hero__intro .tko-hero__bottom { grid-template-columns: minmax(0, 36rem); }\n .tko-hero__intro .tko-hero__actions { justify-content: flex-start; }\n .tko-btn--hero { color: var(--white); background: #0032fa; border-color: #0032fa; }\n .tko-btn--hero::before { background: var(--b-2); }\n #tero-kickoff a.tko-btn--hero, #tero-kickoff a.tko-btn--hero:visited, #tero-kickoff a.tko-btn--hero:hover { color: var(--white); }\n .tko-icon-btn {\n display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\n color: var(--white); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%;\n font: inherit; font-size: .8rem; cursor: pointer; backdrop-filter: blur(10px);\n transition: background .3s ease, color .3s ease;\n }\n .tko-icon-btn:hover, .tko-icon-btn:focus-visible { color: var(--b); background: var(--cream); }\n .tko-icon-btn svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }\n .tko-hero h1 {\n max-width: 12ch;\n font-size: calc(clamp(3.2rem, 7.6vw, 7.8rem));\n font-weight: 300; line-height: .9; letter-spacing: -.055em;\n }\n .tko-hero h1 strong { font-weight: 600; }\n .tko-line { display: block; overflow: hidden; padding-bottom: .06em; }\n .tko-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s var(--e); }\n .tko-hero.is-in .tko-line > span { transform: none; }\n .tko-hero.is-in .tko-line:nth-child(2) > span { transition-delay: .12s; }\n .tko-hero__bottom {\n display: grid; grid-template-columns: minmax(0, 34rem) auto; gap: 1.5rem 4rem; align-items: end;\n margin-top: clamp(1.4rem, 3vw, 2.4rem);\n }\n .tko-hero__lead { font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.45; color: rgba(255, 255, 255, .9); }\n .tko-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }\n .tko-fade { opacity: 0; transform: translateY(1.2rem); transition: opacity .9s var(--e) .45s, transform .9s var(--e) .45s; }\n .tko-hero.is-in .tko-fade { opacity: 1; transform: none; }\n\n \/* Acte 1 bis : texte affich\u00e9 une fois le cadre ouvert *\/\n .tko-hero__story {\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;\n padding: 0 clamp(1.5rem, 4vw, 4rem);\n opacity: var(--so, 0); transform: translateY(calc((1 - var(--so, 0)) * 2rem)); pointer-events: none;\n }\n .tko-hero__story.is-live { pointer-events: auto; }\n .tko-hero__story .w { color: var(--ink); opacity: 0; transition: opacity .35s ease; }\n .tko-hero__story .w.on { opacity: 1; }\n @media (prefers-reduced-motion: reduce) { .tko-hero__story .w { opacity: 1; } }\n .tko-hero__story p { max-width: 44ch; font-size: clamp(1.15rem, .9rem + .9vw, 1.6rem); font-weight: 300; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }\n @media (max-width: 760px) { .tko-hero__story p { font-size: 1.1rem; max-width: none; } }\n @media (max-width: 760px) { .tko-hero__num { top: 2.5rem; transform: none; font-size: 34vw; } }\n @media (prefers-reduced-motion: reduce) { .tko-hero__story { position: relative; opacity: 1; transform: none; padding: 2rem clamp(1.5rem, 4vw, 4rem); } }\n\n \/* Les quatre temps *\/\n .tko-quad {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 0 max(clamp(1.5rem, 4vw, 4rem), calc((100% - 1440px) \/ 2 + 2.5rem)) clamp(1.75rem, 4.5vh, 3.5rem);\n opacity: var(--qo, 0); transform: translateY(calc((1 - var(--qo, 0)) * 2rem));\n }\n .tko-quad__title { margin-bottom: clamp(1.75rem, 5vh, 3.25rem); font-size: clamp(2rem, 4.2vw, 4.2rem); font-weight: 300; line-height: .95; letter-spacing: -.05em; }\n .tko-quad__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }\n .tko-quad__item { opacity: .45; transition: opacity .45s ease; }\n .tko-quad__item.is-active { opacity: 1; }\n .tko-quad__bar { display: block; height: 2px; margin-bottom: 1rem; background: rgba(255, 255, 255, .25); border-radius: 2px; overflow: hidden; }\n .tko-quad__bar i { display: block; height: 100%; background: var(--cream); transform: scaleX(var(--ip, 0)); transform-origin: left; }\n .tko-quad__time { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }\n .tko-quad__item h2 { margin-top: .45rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\n .tko-quad__item p { margin-top: .6rem; font-size: .92rem; line-height: 1.4; color: rgba(255, 255, 255, .82); }\n .tko-quad__item a {\n display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; padding: .5rem 1rem;\n border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; font-size: .82rem; font-weight: 600; text-decoration: none;\n transition: background .3s ease, color .3s ease, border-color .3s ease;\n }\n .tko-quad__item a:hover, .tko-quad__item a:focus-visible { color: var(--b); background: var(--cream); border-color: var(--cream); }\n\n \/* Acte 3 : le devis dans le cadre *\/\n .tko-hero__quote {\n position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; grid-template-rows: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\n padding: clamp(1rem, 2.4vh, 2rem) clamp(1.5rem, 4vw, 4rem);\n opacity: var(--oo, 0); transform: translateY(calc((1 - var(--oo, 0)) * 2rem));\n }\n .tko-anchor { position: absolute; top: 0; }\n .tko-hero__quote .tko-form { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: clamp(1rem, 2.6vh, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); box-shadow: 0 1.5rem 4rem -1.5rem rgba(0, 0, 0, .5); }\n \/* \u00c9tape 4 plus compacte pour tenir dans le cadre *\/\n .tko-hero__quote .tko-form__progress { margin-bottom: 1rem; }\n .tko-hero__quote .tko-form__step { margin-bottom: .5rem; }\n .tko-hero__quote .tko-form__hint { margin: .35rem 0 1rem; }\n .tko-hero__quote .tko-fields { gap: .55rem .8rem; margin-top: .9rem; }\n .tko-hero__quote .tko-field { gap: .25rem; }\n .tko-hero__quote .tko-field input { padding: .65rem 1rem; }\n .tko-hero__quote .tko-field textarea { min-height: 3.2rem; height: 3.2rem; padding: .65rem 1rem; }\n .tko-hero__quote .tko-consent { margin-top: .7rem; }\n .tko-hero__quote .tko-form__error { margin-top: .4rem; min-height: 0; }\n .tko-hero__quote .tko-form__error:empty { display: none; }\n .tko-hero__quote .tko-form__nav { margin-top: .9rem; }\n .tko-hero__quote .tko-btn { min-height: 2.9rem; padding: .7rem 1.4rem; }\n\n .tko-hero__intro, .tko-quad, .tko-hero__quote { pointer-events: none; }\n .tko-hero__intro.is-live, .tko-quad.is-live, .tko-hero__quote.is-live { pointer-events: auto; }\n\n \/* Bande sous le cadre *\/\n .tko-seq__band {\n position: absolute; left: 50%; top: var(--bt, calc(16px + 72svh)); height: 72px; width: var(--w);\n display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem);\n transform: translateX(-50%); opacity: var(--bo, 1);\n }\n .tko-seq__band .tko-marquee { flex: 1; min-width: 0; margin: 0; border: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\n .tko-countdown { display: inline-flex; align-items: baseline; gap: .5rem; flex: 0 0 auto; padding: .6rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; color: var(--mute); white-space: nowrap; }\n .tko-countdown b { color: var(--b); font-size: 1.15rem; font-weight: 600; font-variant-numeric: tabular-nums; }\n\n @media (max-width: 760px) {\n .tko-hero__bottom { grid-template-columns: 1fr; }\n .tko-hero__actions { justify-content: flex-start; display: grid; }\n .tko-hero__actions .tko-btn { width: 100%; }\n .tko-quad__grid { grid-template-columns: 1fr; }\n .tko-quad__item { grid-area: 1 \/ 1; opacity: 0; }\n .tko-quad__item.is-active { opacity: 1; }\n .tko-quad__title { font-size: 1.9rem; }\n .tko-countdown, .tko-marquee__label { display: none; }\n .tko-seq__band { height: 60px; }\n .tko-logo { font-size: 12px; }\n .tko-hero__quote { grid-template-columns: 1fr; align-items: start; align-content: start; overflow-y: auto; padding-top: 1.25rem; gap: 1rem; }\n .tko-hero__quote .tko-brief__intro p, .tko-hero__quote .tko-brief__reassure { display: none; }\n .tko-hero__quote .tko-brief__intro h2 { font-size: 2rem; }\n .tko-hero__quote .tko-brief__intro .tko-label { margin-bottom: .6rem; }\n .tko-hero__quote .tko-form { max-height: none; overflow: visible; }\n }\n @media (prefers-reduced-motion: reduce) {\n .tko-seq { height: auto; }\n .tko-seq__stick { position: static; height: auto; overflow: visible; padding: 16px 0 0; }\n .tko .tko-hero { position: relative; left: auto; top: auto; transform: none; width: var(--w); height: auto; margin: 0 auto; border-radius: var(--r); }\n .tko-hero__intro { position: relative; min-height: 70svh; opacity: 1; transform: none; pointer-events: auto; }\n .tko-quad { position: relative; opacity: 1; transform: none; padding: 0 clamp(1.5rem, 4vw, 4rem) 3rem; pointer-events: auto; }\n .tko-quad__grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }\n .tko-quad__item, .tko-quad__item.is-active { grid-area: auto; opacity: 1; }\n .tko-quad__bar i { transform: scaleX(1); }\n .tko-layer { display: none; }\n .tko-hero__quote { position: relative; opacity: 1; transform: none; pointer-events: auto; padding-bottom: 3rem; }\n .tko-seq__band { position: relative; left: auto; top: auto; transform: none; margin: 1rem auto 0; padding-block: 1rem; opacity: 1; }\n }\n\n \/* ---------- 2. Bandeau d\u00e9filant ---------- *\/\n .tko-marquee { margin-top: clamp(1rem, 2vw, 1.5rem); overflow: hidden; border-block: 1px solid var(--line); }\n .tko-marquee__track { display: flex; width: max-content; animation: tko-marquee 38s linear infinite; }\n .tko-marquee:hover .tko-marquee__track { animation-play-state: paused; }\n .tko-marquee__group { display: flex; align-items: center; flex-shrink: 0; }\n .tko-marquee__item { display: inline-flex; align-items: center; padding: .3rem clamp(1.4rem, 2.6vw, 2.4rem) .3rem 0; }\n .tko-logo { position: relative; display: block; overflow: hidden; font-size: 16px; }\n .tko .tko-logo img { position: absolute; max-width: none; object-fit: fill; mix-blend-mode: multiply; filter: grayscale(1); opacity: .62; transition: opacity .3s ease; }\n .tko-marquee:hover .tko-logo img { opacity: .9; }\n .tko-marquee__label { flex: 0 0 auto; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }\n @keyframes tko-marquee { to { transform: translateX(-50%); } }\n\n \/* ---------- 3. Accroche remplie au scroll ---------- *\/\n .tko-hook { padding-block: clamp(3rem, 6vw, 5rem); }\n .tko-hook .tko-label { color: var(--b); margin-bottom: 1.25rem; }\n .tko-hook__text {\n max-width: 22ch;\n font-size: clamp(2.3rem, 5.6vw, 5.4rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em;\n }\n .tko-hook__text .w { color: rgba(15, 15, 20, .14); transition: color .25s linear; }\n .tko-hook__text .w.on { color: var(--ink); }\n .tko-hook__text .w.accent.on { color: var(--b); }\n\n \/* En-t\u00eates de section *\/\n .tko-section-head { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\n .tko-section-head h2 { max-width: 20ch; font-size: clamp(2.9rem, 6.4vw, 6.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\n .tko-section-head p { max-width: 33rem; justify-self: end; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\n .tko-section-head .tko-label { color: var(--b); margin-bottom: 1.25rem; }\n\n \/* ---------- 6. Lieux (rail) ---------- *\/\n .tko-venues { padding-block: clamp(1.5rem, 3vw, 2.5rem) 0; }\n .tko-rail {\n display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;\n width: var(--w); margin-inline: auto; padding-bottom: .5rem;\n cursor: grab;\n }\n \/* M\u00eame largeur que les autres sections : sur ordinateur, les 4 lieux tiennent sur une ligne *\/\n .tko-rail .tko-venue { flex: 0 0 calc((100% - 3rem) \/ 4); height: clamp(24rem, 32vw, 30rem); }\n .tko-rail.is-static { cursor: auto; }\n @media (max-width: 980px) { .tko-rail .tko-venue { flex-basis: calc((100% - 1rem) \/ 2.25); } }\n @media (max-width: 640px) { .tko-rail .tko-venue { flex-basis: 82%; height: 26rem; } }\n .tko-rail::-webkit-scrollbar { display: none; }\n .tko-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }\n .tko-rail.is-dragging a { pointer-events: none; }\n .tko-venue {\n position: relative; flex: 0 0 clamp(17rem, 27vw, 25rem); height: clamp(26rem, 38vw, 34rem);\n display: flex; flex-direction: column; justify-content: flex-end;\n padding: 1.5rem; border-radius: 1.75rem; overflow: hidden; isolation: isolate;\n color: var(--white); background: var(--deep); text-decoration: none; scroll-snap-align: start;\n }\n .tko-venue img { position: absolute; z-index: -2; inset: 0; transition: transform 1.1s var(--e), filter .6s ease; user-select: none; -webkit-user-drag: none; }\n .tko-venue::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78)); }\n .tko-venue:hover img, .tko-venue:focus-visible img { transform: scale(1.06); }\n .tko .tko-venue--type { color: var(--ink); background: var(--p-lav); }\n .tko-venue--type .tko-venue__go { border-color: rgba(15, 15, 20, .3); }\n .tko-venue--type:hover .tko-venue__go { color: var(--white); background: var(--b); border-color: var(--b); }\n .tko-venue--type .tko-venue__badge { color: var(--white); background: var(--b); }\n .tko-venue--type .tko-venue__pills li { border-color: rgba(15, 15, 20, .22); }\n .tko-venue--type::before {\n content: attr(data-mono); position: absolute; z-index: -1; top: 1rem; left: 1.25rem;\n font-size: clamp(7rem, 12vw, 11rem); font-weight: 300; line-height: 1; letter-spacing: -.08em; color: rgba(0, 50, 250, .09);\n }\n .tko-venue--type::after { display: none; }\n .tko-venue small { margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }\n .tko-venue h3 { font-size: clamp(1.7rem, 2.6vw, 2.5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\n .tko-venue p { margin-top: .6rem; font-size: .9rem; opacity: .82; }\n .tko-venue__go {\n position: absolute; top: 1.25rem; right: 1.25rem; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\n border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: transform .4s var(--e), background .3s ease, color .3s ease;\n }\n .tko-venue:hover .tko-venue__go { color: var(--b); background: var(--cream); transform: rotate(45deg); }\n .tko-venue__badge {\n position: absolute; top: 1.25rem; left: 1.25rem; padding: .4rem .8rem; border-radius: 999px;\n color: var(--b); background: var(--cream); font-size: .72rem; font-weight: 600;\n }\n .tko-rail-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: var(--w); margin: 1.25rem auto 0; }\n .tko-rail-nav__btns { display: flex; gap: .5rem; }\n .tko-rail-nav .tko-icon-btn { color: var(--b); background: transparent; border-color: var(--b); backdrop-filter: none; }\n .tko-rail-nav .tko-icon-btn:hover, .tko-rail-nav .tko-icon-btn:focus-visible { color: var(--white); background: var(--b); }\n\n \/* Bento lieux mis en avant *\/\n .tko-bento { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-bento .tko-venue { flex: none; width: 100%; }\n .tko-venue--hero { height: auto; min-height: clamp(34rem, 52vw, 46rem); padding: clamp(1.5rem, 3vw, 2.5rem); }\n .tko-venue--hero h3 { font-size: clamp(2.6rem, 5vw, 4.8rem); }\n .tko-venue--hero p { max-width: 30rem; font-size: clamp(.98rem, 1.3vw, 1.12rem); }\n .tko-venue--hero.tko-venue--type::before { top: 4.5rem; font-size: clamp(5rem, 11vw, 10rem); letter-spacing: -.06em; }\n .tko-venue__pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }\n .tko-venue__pills li { padding: .4rem .85rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: .78rem; }\n .tko-bento__side { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }\n .tko-bento__side .tko-venue { height: auto; min-height: 17rem; }\n .tko-bento__title { display: grid; gap: .8rem; padding: .5rem 0 .25rem; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }\n .tko-bento__title .tko-label { color: var(--b); }\n .tko .tko-venue--forest { background: var(--p-mint); }\n .tko .tko-venue--river { background: var(--p-blue); }\n .tko-venue--hero .tko-venue__badge { font-size: .8rem; padding: .5rem 1rem; }\n @media (max-width: 980px) {\n .tko-bento { grid-template-columns: 1fr; }\n .tko-venue--hero { min-height: 32rem; }\n }\n\n \/* ---------- 6 bis. Activit\u00e9s ---------- *\/\n .tko-acts { padding-top: clamp(2.5rem, 5vw, 4rem); }\n .tko-acts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\n .tko-acts__grid .tko-venue { flex: none; width: 100%; height: clamp(22rem, 30vw, 28rem); }\n @media (max-width: 980px) { .tko-acts__grid { grid-template-columns: repeat(2, 1fr); } }\n .tko-acts__grid .tko-venue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .86)); }\n @media (max-width: 640px) {\n .tko-acts__grid .tko-venue { height: 15rem; padding: 1rem; }\n .tko-acts__grid .tko-venue h3 { font-size: 1.15rem; }\n .tko-acts__grid .tko-venue small { font-size: .62rem; letter-spacing: .08em; }\n .tko-acts__grid .tko-venue__go { display: none; }\n }\n\n \/* ---------- 7. Teroir ---------- *\/\n .tko-teroir { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-block: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 4rem); background: var(--p-mint); border-radius: var(--r); }\n .tko-teroir__media { position: relative; height: clamp(30rem, 52vw, 46rem); }\n .tko-teroir__main { position: absolute; inset: 0 18% 0 0; border-radius: 1.9rem; overflow: hidden; clip-path: inset(12% 12% 12% 12% round 1.9rem); transition: clip-path 1.4s var(--e); }\n .tko-teroir__main img { transform: scale(1.15); transition: transform 1.8s var(--e); }\n .tko-teroir__side { position: absolute; right: 0; bottom: 8%; width: 40%; height: 46%; border: .5rem solid var(--p-mint); border-radius: 1.6rem; overflow: hidden; transform: translateY(var(--py, 0px)); }\n .tko-teroir.is-visible .tko-teroir__main { clip-path: inset(0 0 0 0 round 1.9rem); }\n .tko-teroir.is-visible .tko-teroir__main img { transform: scale(1); }\n .tko-teroir .tko-label { color: var(--b); margin-bottom: 1.4rem; }\n .tko-teroir h2 { font-size: clamp(2.7rem, 5.2vw, 5.2rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\n .tko-teroir__lead { margin-top: 2rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 34rem; }\n .tko-teroir__lead--2 { margin-top: 1rem; }\n .tko-teroir > div > .tko-btn { margin-top: 2rem; }\n .tko-teroir__steps { display: grid; gap: .6rem; margin: 2rem 0; padding: 0; list-style: none; }\n .tko-teroir__steps li { display: grid; grid-template-columns: 2.75rem 1fr; gap: .75rem; align-items: start; padding: 1.1rem 1.25rem; background: var(--white); border-radius: 1.25rem; }\n .tko-teroir__n { font-size: .82rem; font-weight: 600; letter-spacing: .08em; color: var(--mute); padding-top: .2rem; font-variant-numeric: tabular-nums; }\n .tko-teroir__steps b { display: block; font-size: 1.08rem; font-weight: 600; letter-spacing: -.01em; }\n .tko-teroir__steps li span:not(.tko-teroir__n) { display: block; margin-top: .25rem; color: var(--mute); font-size: .95rem; line-height: 1.4; }\n\n \/* ---------- 8. Preuves ---------- *\/\n .tko-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-proof__item { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); border-radius: 1.5rem; background: var(--p-blue); }\n .tko-proof__item:nth-child(2) { background: var(--p-yellow); }\n .tko-proof__item:nth-child(3) { background: var(--p-lav); }\n .tko-proof__item:nth-child(4) { background: var(--p-mint); }\n .tko-proof__item strong { display: block; color: var(--b); font-size: clamp(3rem, 5.4vw, 5.4rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }\n .tko-proof__item span { display: block; margin-top: .8rem; max-width: 14rem; color: var(--mute); font-size: .9rem; line-height: 1.3; }\n\n .tko-proof__item--bcorp { display: flex; align-items: center; gap: 1.25rem; }\n #tero-kickoff .tko-proof__bcorp { flex: 0 0 auto; width: auto !important; height: clamp(4.5rem, 6vw, 6rem) !important; max-width: none !important; object-fit: contain !important; }\n .tko-proof__item--bcorp span { margin-top: 0; }\n \/* ---------- 9. Brief (formulaire en \u00e9tapes) ---------- *\/\n .tko-brief__intro h2 { font-size: clamp(2.2rem, 4.4vw, 4.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\n .tko-brief__intro p { margin-top: 1.5rem; color: rgba(255, 255, 255, .78); max-width: 26rem; }\n .tko-brief__intro .tko-label { margin-bottom: 1.4rem; }\n .tko-brief__reassure { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .85); }\n .tko-brief__reassure li { display: flex; gap: .7rem; }\n .tko-brief__reassure li::before { content: \"\u2713\"; color: var(--p-blue); font-weight: 600; }\n\n .tko-form { position: relative; min-height: 30rem; padding: clamp(1.25rem, 3vw, 2.25rem); color: var(--ink); background: var(--white); border-radius: 1.6rem; }\n .tko-form__progress { display: flex; gap: .4rem; margin-bottom: 1.75rem; }\n .tko-form__progress span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .4s ease; }\n .tko-form__progress span.on { background: var(--b); }\n .tko-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }\n .tko-form fieldset[hidden] { display: none; }\n .tko-form legend { padding: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; }\n .tko-form__hint { margin: .5rem 0 1.5rem; color: var(--mute); font-size: .92rem; }\n .tko-form__step { display: block; margin-bottom: .9rem; color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\n .tko-chips { display: flex; flex-wrap: wrap; gap: .55rem; }\n .tko-chip { position: relative; }\n .tko-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }\n .tko-chip span {\n display: inline-flex; align-items: center; min-height: 2.9rem; padding: .7rem 1.25rem;\n border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\n font-size: .95rem; font-weight: 500; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s var(--e);\n }\n .tko-chip:hover span { border-color: var(--b); }\n .tko-chip input:checked + span { color: var(--white); background: var(--b); border-color: var(--b); }\n .tko-chip input:focus-visible + span { outline: 3px solid var(--b); outline-offset: 3px; }\n .tko-form__group + .tko-form__group { margin-top: 1.6rem; }\n .tko-form__group > p { margin-bottom: .7rem; font-weight: 600; font-size: .95rem; }\n .tko-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; }\n .tko-field { display: grid; gap: .35rem; }\n .tko-field--full { grid-column: 1 \/ -1; }\n .tko-field label { font-size: .82rem; font-weight: 600; }\n .tko-field input, .tko-field textarea {\n width: 100%; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\n font: inherit; font-size: .98rem; color: var(--ink);\n }\n .tko-field textarea { min-height: 6.5rem; border-radius: 1.25rem; resize: vertical; }\n .tko-field input:focus, .tko-field textarea:focus { outline: 2px solid var(--b); outline-offset: 1px; border-color: var(--b); }\n .tko-consent { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; color: var(--mute); font-size: .82rem; }\n .tko-consent input { margin-top: .2rem; accent-color: var(--b); }\n .tko-form__nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; }\n .tko-form__back { padding: .5rem 0; border: 0; background: none; color: var(--mute); font: inherit; font-weight: 600; cursor: pointer; }\n .tko-form__back[hidden] { visibility: hidden; display: inline; }\n .tko-form__error { margin-top: 1rem; color: var(--b); font-size: .88rem; font-weight: 600; min-height: 1.3em; }\n .tko-form__done { display: none; text-align: left; }\n .tko-form.is-done form { display: none; }\n .tko-form.is-done .tko-form__done { display: block; }\n .tko-form__done h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; }\n .tko-form__done p { margin-top: 1rem; color: var(--mute); }\n\n \/* ---------- 10. FAQ ---------- *\/\n .tko-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-faq h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\n .tko-faq .tko-label { color: var(--b); margin-bottom: 1.4rem; }\n .tko-faq__list { border-top: 1px solid var(--line); }\n .tko-faq details { border-bottom: 1px solid var(--line); }\n .tko-faq summary {\n display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0;\n font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 500; letter-spacing: -.02em; cursor: pointer; list-style: none;\n }\n .tko-faq summary::-webkit-details-marker { display: none; }\n .tko-faq summary::after {\n content: \"+\"; flex: 0 0 auto; display: grid; place-items: center; width: 2.4rem; aspect-ratio: 1;\n color: var(--b); border: 1px solid var(--b); border-radius: 50%; font-size: 1.2rem; transition: transform .4s var(--e), background .3s ease, color .3s ease;\n }\n .tko-faq details[open] summary::after { transform: rotate(45deg); color: var(--white); background: var(--b); }\n .tko-faq details p { padding: 0 3.5rem 1.6rem 0; color: var(--mute); }\n\n \/* ---------- 11. Fin ---------- *\/\n .tko-closing { padding-bottom: clamp(2rem, 4vw, 3rem); }\n .tko-closing__card {\n position: relative; isolation: isolate; overflow: hidden;\n min-height: min(34rem, 72svh); display: flex; flex-direction: column; justify-content: flex-end;\n padding: clamp(1.75rem, 5vw, 5rem); border-radius: var(--r); color: var(--ink); background: var(--p-blue);\n }\n .tko-closing__card .tko-label { color: var(--b); }\n .tko-closing__num {\n position: absolute; z-index: -1; right: -.06em; top: 50%; transform: translateY(-50%);\n font-size: clamp(18rem, 42vw, 40rem); font-weight: 600; line-height: .8; letter-spacing: -.1em;\n color: transparent; -webkit-text-stroke: 1.5px rgba(0, 50, 250, .28);\n background: linear-gradient(90deg, rgba(0, 50, 250, .12) 0 var(--fill, 0%), transparent var(--fill, 0%));\n -webkit-background-clip: text; background-clip: text;\n }\n .tko-closing h2 { max-width: 13ch; font-size: clamp(2.8rem, 6.2vw, 6.4rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; }\n .tko-closing p { max-width: 32rem; margin-top: 1.6rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\n .tko-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }\n\n \/* ---------- Apparitions ---------- *\/\n .tko-reveal { opacity: 0; transform: translateY(2.2rem); transition: opacity .9s var(--e), transform .9s var(--e); }\n .tko-reveal.is-visible { opacity: 1; transform: none; }\n .tko-reveal[data-delay=\"1\"] { transition-delay: .1s; }\n .tko-reveal[data-delay=\"2\"] { transition-delay: .2s; }\n\n\n\n \/* Titres : m\u00eame couleur partout, le contraste se fait par la graisse (300 \u2192 600) *\/\n .tko-section-head h2, .tko-teroir h2, .tko-faq h2, .tko-closing h2, .tko-brief__intro h2, .tko-quad__title { font-weight: 300; }\n .tko-section-head h2 strong, .tko-teroir h2 strong, .tko-faq h2 strong, .tko-closing h2 strong, .tko-brief__intro h2 strong, .tko-quad__title strong { font-weight: 600; }\n\n \/* ---------- Protection contre les couleurs de liens du th\u00e8me (Elementor) ----------\n Le th\u00e8me applique sa couleur \u00e0 tous les liens avec une priorit\u00e9 plus forte que nos classes.\n L'identifiant #tero-kickoff passe devant, \u00e9tat normal comme survol. *\/\n #tero-kickoff a, #tero-kickoff a:hover, #tero-kickoff a:focus, #tero-kickoff a:visited { text-decoration: none; }\n #tero-kickoff a.tko-btn--solid, #tero-kickoff a.tko-btn--solid:visited { color: var(--b); }\n #tero-kickoff a.tko-btn--solid:hover, #tero-kickoff a.tko-btn--solid:focus-visible { color: var(--cream); }\n #tero-kickoff a.tko-btn--ghost, #tero-kickoff a.tko-btn--ghost:visited { color: var(--white); }\n #tero-kickoff a.tko-btn--ghost:hover, #tero-kickoff a.tko-btn--ghost:focus-visible { color: var(--b); }\n #tero-kickoff a.tko-btn--bx, #tero-kickoff a.tko-btn--bx:visited,\n #tero-kickoff a.tko-btn--bx:hover, #tero-kickoff a.tko-btn--bx:focus-visible { color: var(--white); }\n #tero-kickoff a.tko-btn--line, #tero-kickoff a.tko-btn--line:visited { color: var(--b); }\n #tero-kickoff a.tko-btn--line:hover, #tero-kickoff a.tko-btn--line:focus-visible { color: var(--white); }\n #tero-kickoff .tko-quad__item a, #tero-kickoff .tko-quad__item a:visited { color: var(--white); }\n #tero-kickoff .tko-quad__item a:hover, #tero-kickoff .tko-quad__item a:focus-visible { color: var(--b); }\n #tero-kickoff a.tko-venue, #tero-kickoff a.tko-venue:visited, #tero-kickoff a.tko-venue:hover { color: var(--white); }\n #tero-kickoff a.tko-venue--type, #tero-kickoff a.tko-venue--type:visited, #tero-kickoff a.tko-venue--type:hover { color: var(--ink); }\n\n\n \/* ---------- Protection contre les r\u00e8gles m\u00e9dias du th\u00e8me ----------\n WordPress\/Elementor imposent souvent img\/iframe { max-width:100%; height:auto }.\n Sans ce verrou, la vid\u00e9o et les photos du hero ne remplissent plus le cadre (bande noire). *\/\n #tero-kickoff .tko-layer img,\n #tero-kickoff .tko-venue img,\n #tero-kickoff .tko-int__ph img,\n #tero-kickoff .tko-pilier__ph img,\n #tero-kickoff .tko-teroir__media img {\n width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;\n object-fit: cover !important; margin: 0 !important;\n }\n #tero-kickoff .tko-logo img { max-width: none !important; }\n\n\n \/* ---------- Lien dans le texte du hero ---------- *\/\n #tero-kickoff .tko-hero__link, #tero-kickoff .tko-hero__link:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }\n #tero-kickoff .tko-hero__link:hover { text-decoration-thickness: 2px; }\n\n \/* ---------- Rassurants au-dessus de l'accroche ---------- *\/\n .tko-proof { margin-top: clamp(2rem, 4vw, 3rem); margin-bottom: 0; }\n\n \/* ---------- Ancres : laisser la place de la barre d'acc\u00e8s rapide ---------- *\/\n .tko [id^=\"tko-\"] { scroll-margin-top: 92px; }\n\n \/* ---------- Barre d'acc\u00e8s rapide (remplace le menu du site) ---------- *\/\n .tko-quicknav {\n position: sticky; z-index: 120; top: 0; margin-top: clamp(1.25rem, 2.5vw, 2rem);\n background: transparent; border-bottom: 1px solid transparent;\n transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;\n }\n .tko-quicknav.is-on { background: rgba(255, 255, 255, .97); border-bottom-color: var(--line); box-shadow: 0 .4rem 1.2rem -1rem rgba(0, 0, 0, .25); }\n .tko-quicknav-mark { height: 1px; margin-bottom: -1px; }\n .tko-quicknav__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; width: var(--w); margin: 0 auto; padding: 1.15rem 0 1rem; }\n #tero-kickoff .tko-quicknav a {\n display: flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .55rem 1rem;\n border: 1px solid var(--ink); border-radius: 999px; color: var(--ink); background: transparent;\n font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; text-align: center; line-height: 1.15;\n transition: background .25s ease, color .25s ease, border-color .25s ease;\n }\n \/* M\u00eames pastels que les rassurants : bleu, jaune, lavande, menthe *\/\n #tero-kickoff .tko-quicknav a.is-cta { font-weight: 600; background: var(--p-mint); border-color: #8fd9cf; }\n #tero-kickoff .tko-quicknav a.is-cta:hover, #tero-kickoff .tko-quicknav a.is-cta:focus-visible { background: #c8f1eb; border-color: #8fd9cf; }\n #tero-kickoff .tko-quicknav a:hover, #tero-kickoff .tko-quicknav a:focus-visible { color: var(--ink); background: var(--p-blue); border-color: var(--p-blue); }\n .tko-quicknav .s { display: none; }\n \/* Menu du site l\u00e9g\u00e8rement transparent (verre d\u00e9poli) sur cette page, avant qu'il disparaisse *\/\n .elementor-location-header .elementor-sticky--active {\n background-color: rgba(255, 255, 255, .62) !important;\n -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);\n transition: background-color .3s ease, transform .4s ease !important;\n }\n \/* Menu du site cach\u00e9 tant que la barre est affich\u00e9e *\/\n body.tko-menu-hidden .elementor-location-header .elementor-sticky--active,\n body.tko-menu-hidden .elementor-location-header .elementor-sticky { transform: translateY(-120%) !important; transition: transform .4s ease !important; }\n @media (max-width: 760px) {\n .tko-quicknav__in { gap: .35rem; padding: .8rem 0 .7rem; }\n #tero-kickoff .tko-quicknav a { min-height: 2.5rem; padding: .4rem .3rem; font-size: .78rem; }\n .tko-quicknav .l { display: none; }\n .tko-quicknav .s { display: inline; }\n }\n\n \/* ---------- Intentions ---------- *\/\n .tko-intents { padding-top: clamp(1rem, 2vw, 1.5rem); }\n .tko-intents__panel { padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--p-blue); border-radius: var(--r); }\n .tko-intents__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\n .tko-intents__head h2 { max-width: 20ch; font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\n .tko-intents__head h2 strong { font-weight: 600; }\n .tko-intents__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\n .tko-intents__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) minmax(14rem, 3.4fr); gap: 1rem; }\n .tko-intents__grid > .tko-int { grid-column: span 4; }\n .tko-int {\n position: relative; display: flex; flex-direction: column; min-height: 12.5rem; padding: 1.4rem 1.4rem 1.25rem;\n background: var(--white); border-radius: 1.4rem; cursor: pointer; outline-offset: 3px;\n transition: transform .4s var(--e), box-shadow .4s var(--e);\n }\n .tko-int:not(.tko-int--side):hover { transform: translateY(-3px); box-shadow: 0 1rem 2.4rem -1.4rem rgba(11, 18, 64, .35); }\n .tko-intents__grid > .tko-int--grande { grid-column: span 6; }\n .tko-intents__grid > .tko-int--side { grid-column: 13; grid-row: 1 \/ 3; cursor: auto; background: var(--p-lav); }\n .tko-int__face { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; align-content: start; height: 100%; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande):not(.tko-int--side) { padding: 1.2rem 1.1rem 1.1rem; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face { grid-template-columns: 1fr; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face > * { grid-column: 1; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__num { padding: 0 0 .35rem; }\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face p { font-size: .9rem; }\n .tko-int__num { grid-row: 1; padding-top: .35rem; color: var(--b); font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }\n .tko-int h3 { font-size: clamp(1.3rem, 1rem + .8vw, 1.7rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }\n .tko-int__face p { grid-column: 2; margin-top: .7rem; max-width: 34rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\n .tko-int__go { grid-column: 2; align-self: end; margin-top: 1.1rem; color: var(--b); font-size: .9rem; font-weight: 600; }\n .tko-int__sol { display: none; }\n .tko-int.is-open .tko-int__face { display: none; }\n .tko-int.is-open .tko-int__sol { display: grid; gap: .55rem; align-content: start; }\n .tko-int__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }\n .tko-int__head > span { color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\n .tko-int__back { padding: 0; border: 0; background: none; color: var(--mute); font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer; }\n #tero-kickoff .tko-sol { display: grid; gap: .15rem; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); transition: border-color .25s ease, background .25s ease; }\n #tero-kickoff .tko-sol:hover, #tero-kickoff .tko-sol:focus-visible { border-color: var(--b); background: var(--p-ice); }\n .tko-sol__badge { color: var(--b); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\n .tko-sol b { font-size: .98rem; font-weight: 600; }\n .tko-sol__d { color: var(--mute); font-size: .84rem; line-height: 1.4; }\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr 1fr; }\n .tko-int--grande.is-open .tko-int__head { grid-column: 1 \/ -1; }\n .tko-int__ph { height: clamp(9rem, 14vw, 12rem); margin-bottom: 1.1rem; border-radius: 1rem; overflow: hidden; }\n .tko-int--side p { margin-top: .6rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\n .tko-int__muet { margin-top: auto; padding-top: 1rem; color: var(--mute); font-size: .86rem; font-weight: 600; }\n .tko-intents__repli { margin-top: 1.4rem; text-align: center; color: var(--mute); font-size: .95rem; }\n #tero-kickoff .tko-intents__repli a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }\n @media (max-width: 980px) {\n .tko-intents__grid { grid-template-columns: 1fr 1fr; }\n .tko-intents__grid > .tko-int, .tko-intents__grid > .tko-int--grande { grid-column: auto; }\n .tko-intents__grid > .tko-int--side { grid-column: 1 \/ -1; grid-row: auto; }\n .tko-int__ph { height: 11rem; }\n }\n @media (max-width: 640px) {\n .tko-intents__grid { grid-template-columns: 1fr; }\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr; }\n .tko-int { min-height: 0; }\n }\n\n \/* ---------- Carrousel des lieux : fl\u00e8ches \u00e0 gauche et \u00e0 droite ---------- *\/\n .tko-railbox { position: relative; }\n .tko-railbox .tko-rail { width: 100%; }\n .tko-railbtn {\n position: absolute; z-index: 3; top: 50%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\n }\n .tko-railbtn:hover, .tko-railbtn:focus-visible { color: var(--white); background: var(--b); }\n .tko-railbtn--prev { left: -1.1rem; }\n .tko-railbtn--next { right: -1.1rem; }\n .tko-railbtn:disabled { opacity: 0; pointer-events: none; }\n .tko-railbox.is-static .tko-railbtn { display: none; }\n .tko-rail .tko-venue__badge { font-size: .72rem; }\n @media (max-width: 760px) { .tko-railbtn--prev { left: .4rem; } .tko-railbtn--next { right: .4rem; } .tko-railbtn { width: 2.6rem; } }\n\n\n \/* ---------- Carrousel des lieux : 3 cartes \u00e0 l'\u00e9cran, 50 % de hauteur, d\u00e9filement en arc ---------- *\/\n .tko-cr { position: relative; --cw: calc((min(100vw - (var(--g) * 2), 1440px) - 2 * clamp(1rem, 2vw, 1.75rem)) \/ 3 * .9); }\n .tko-cr__track {\n display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 1.75rem);\n overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab;\n padding: clamp(1rem, 2vw, 1.5rem) calc(50% - var(--cw) \/ 2) clamp(4.5rem, 7vw, 6rem);\n }\n .tko-cr__track::-webkit-scrollbar { display: none; }\n .tko-cr__track.is-dragging { cursor: grabbing; }\n .tko-cr__track.is-dragging a { pointer-events: none; }\n .tko-card {\n display: flex; flex-direction: column; gap: .9rem; padding: .9rem .9rem 1.3rem;\n border-radius: 1.2rem; background: var(--p-blue); text-decoration: none;\n box-shadow: 0 1.2rem 2.4rem -1.8rem rgba(0, 0, 0, .35);\n }\n .tko-cr .tko-card {\n flex: 0 0 var(--cw); height: 50vh; height: 50svh; min-height: 22rem; max-height: 34rem;\n transform-origin: 50% 130%; will-change: transform;\n transform: translateY(var(--ay, 0px)) rotate(var(--ar, 0deg)) scale(var(--as, 1));\n opacity: var(--ao, 1); transition: opacity .35s ease, box-shadow .4s ease;\n }\n .tko-cr .tko-card .tko-card__ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }\n .tko-card--yellow { background: var(--p-yellow); }\n .tko-card--lav { background: var(--p-lav); }\n .tko-card--mint { background: var(--p-mint); }\n .tko-card--white { background: var(--white); }\n .tko-card--dark { background: var(--ink); }\n #tero-kickoff a.tko-card, #tero-kickoff a.tko-card:visited, #tero-kickoff a.tko-card:hover { color: var(--ink); }\n #tero-kickoff a.tko-card--dark, #tero-kickoff a.tko-card--dark:visited, #tero-kickoff a.tko-card--dark:hover { color: var(--white); }\n .tko-card__ph { position: relative; display: block; aspect-ratio: 1 \/ 1.02; border-radius: .7rem; overflow: hidden; }\n #tero-kickoff .tko-card__ph img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; user-select: none; -webkit-user-drag: none; transition: transform 1s var(--e); }\n .tko-card:hover .tko-card__ph img { transform: scale(1.04); }\n .tko-card__badge { position: absolute; top: .8rem; left: .8rem; padding: .4rem .85rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .75rem; font-weight: 600; }\n .tko-card__txt { display: grid; gap: .3rem; text-align: center; padding: 0 .4rem; }\n .tko-card__txt small { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }\n .tko-card__txt b { font-size: clamp(1.1rem, .95rem + .45vw, 1.4rem); font-weight: 500; line-height: 1.2; letter-spacing: -.01em; }\n .tko-cr__btn {\n position: absolute; z-index: 3; top: 45%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\n }\n .tko-cr__btn:hover, .tko-cr__btn:focus-visible { color: var(--white); background: var(--b); }\n .tko-cr__btn--prev { left: max(var(--g), calc((100vw - 1440px) \/ 2)); }\n .tko-cr__btn--next { right: max(var(--g), calc((100vw - 1440px) \/ 2)); }\n .tko-cr__btn:disabled { opacity: 0; pointer-events: none; }\n\n \/* Mobile : paquet de cartes, on passe de l'une \u00e0 l'autre en swipant *\/\n .tko-cr__count { display: none; }\n @media (max-width: 760px) {\n .tko-cr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem 1rem; }\n .tko-cr__track {\n order: -1; flex: 0 0 var(--w); display: grid; overflow: visible; width: var(--w); margin: 0 auto;\n padding: .5rem 0 2.6rem; cursor: auto; scroll-snap-type: none; touch-action: pan-y; user-select: none;\n }\n .tko-cr .tko-card {\n grid-area: 1 \/ 1; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; transform-origin: 50% 100%; will-change: transform, opacity;\n transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease, box-shadow .4s ease;\n }\n .tko-cr.is-swiping .tko-card.is-front { transition: none; }\n .tko-cr .tko-card .tko-card__ph { flex: none; aspect-ratio: 4 \/ 3; }\n .tko-cr__btn { display: grid; position: static; transform: none; width: 2.8rem; box-shadow: none; border: 1px solid var(--line); }\n .tko-cr__btn:disabled { opacity: 1; pointer-events: auto; }\n .tko-cr__count { display: block; min-width: 4.5rem; text-align: center; color: var(--mute); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }\n }\n\n \/* ---------- Activit\u00e9s : mosa\u00efque photo + texte (fa\u00e7on avis terblock.be) ---------- *\/\n .tko-acts { padding-top: clamp(1rem, 2vw, 1.5rem); }\n .tko-acts__panel { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--r); color: var(--ink); background: var(--p-yellow); }\n .tko-acts__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\n .tko-acts__head h2 { max-width: 20ch; color: var(--ink); font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\n .tko-acts__head h2 strong { font-weight: 600; }\n .tko-acts__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\n .tko-bento-acts { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\n .tko-bt { position: relative; display: flex; border-radius: 1.4rem; overflow: hidden; min-height: clamp(17rem, 26vw, 22rem); }\n .tko-bento-acts > .tko-bt:nth-child(4n+1), .tko-bento-acts > .tko-bt:nth-child(4n) { grid-column: span 7; }\n .tko-bento-acts > .tko-bt:nth-child(4n+2), .tko-bento-acts > .tko-bt:nth-child(4n+3) { grid-column: span 5; }\n #tero-kickoff .tko-bt--photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; transition: transform 1.1s var(--e); }\n .tko-bt--photo:hover img { transform: scale(1.04); }\n .tko-bt__tag { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .88rem; font-weight: 500; }\n .tko-bt--text { flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3vw, 2.4rem); }\n #tero-kickoff a.tko-bt, #tero-kickoff a.tko-bt:visited, #tero-kickoff a.tko-bt:hover { color: var(--ink); }\n .tko-bt--yellow { background: var(--p-yellow); }\n .tko-bt--white { background: var(--white); }\n .tko-bt--mint { background: var(--p-mint); }\n .tko-bt--lav { background: var(--p-lav); }\n .tko-bt--blue { background: var(--p-blue); }\n .tko-bt--text small { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }\n .tko-bt--text h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; }\n .tko-bt--text p { font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 300; line-height: 1.45; }\n .tko-bt__go { margin-top: .4rem; font-size: .92rem; font-weight: 600; }\n .tko-bt--text:hover .tko-bt__go { text-decoration: underline; text-underline-offset: .2em; }\n #tero-kickoff .tko-acts__all { margin-top: clamp(1.5rem, 3vw, 2.25rem); }\n @media (max-width: 860px) {\n .tko-bento-acts > .tko-bt:nth-child(n) { grid-column: 1 \/ -1; }\n .tko-bento-acts > .tko-bt--photo { min-height: 14rem; }\n .tko-bento-acts > .tko-bt--text { min-height: 0; }\n \/* sur mobile : toujours la photo puis son texte *\/\n .tko-bento-acts > .tko-bt { order: var(--o, 0); }\n }\n\n \/* ---------- Formules traiteur : cartes comme les lieux, en plus petit ---------- *\/\n .tko-card--mini { padding: .65rem .65rem 1rem; gap: .7rem; border-radius: 1rem; transition: transform .4s var(--e), box-shadow .4s var(--e); }\n .tko-card--mini:hover { transform: translateY(-4px); box-shadow: 0 1.4rem 2.6rem -1.6rem rgba(0, 0, 0, .4); }\n .tko-card--mini .tko-card__ph { aspect-ratio: 4 \/ 3.4; border-radius: .6rem; }\n .tko-card--mini .tko-card__txt b { font-size: 1.08rem; }\n .tko-card--mini .tko-card__txt small { font-size: .62rem; }\n\n \/* ---------- Teroir : formules ---------- *\/\n .tko-formules { grid-column: 1 \/ -1; padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--line); }\n .tko-formules__title { margin-bottom: 1.6rem; font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }\n .tko-formules__title strong { font-weight: 600; }\n .tko-formules__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }\n #tero-kickoff .tko-formule { position: relative; display: grid; align-content: start; gap: .45rem; padding: 1.15rem 1.25rem 2.6rem; background: var(--white); border-radius: 1.25rem; color: var(--ink); transition: transform .35s var(--e), box-shadow .35s var(--e); }\n #tero-kickoff .tko-formule:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem -1.2rem rgba(0, 0, 0, .3); }\n .tko-formule b { font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }\n .tko-formule span { color: var(--mute); font-size: .92rem; line-height: 1.45; }\n .tko-formule i { position: absolute; left: 1.25rem; bottom: 1rem; color: var(--b); font-style: normal; font-weight: 600; }\n #tero-kickoff .tko-formules__all { display: inline-flex; gap: .5rem; margin-top: 1.1rem; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }\n @media (max-width: 980px) { .tko-formules__grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 520px) { .tko-formules__grid { gap: .6rem; } .tko-card--mini .tko-card__txt small { display: none; } .tko-card--mini .tko-card__txt b { font-size: .98rem; } }\n\n \/* ---------- Pourquoi Tero ---------- *\/\n .tko-why { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem); }\n .tko-why__head p { justify-self: start; max-width: 40rem; margin-top: 0; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\n .tko-why { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\n .tko-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\n .tko-pilier { position: relative; display: block; height: clamp(22rem, 28vw, 26rem); border-radius: 1.4rem; overflow: hidden; isolation: isolate; }\n #tero-kickoff a.tko-pilier, #tero-kickoff a.tko-pilier:visited, #tero-kickoff a.tko-pilier:hover { color: var(--white); }\n .tko-pilier__ph { position: absolute; z-index: -2; inset: 0; }\n .tko-pilier__ph img { transition: transform 1.1s var(--e); }\n .tko-pilier:hover .tko-pilier__ph img { transform: scale(1.05); }\n .tko-pilier::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .82)); transition: background .4s ease; }\n .tko-pilier:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .86)); }\n .tko-pilier__sur { position: absolute; inset: auto 0 0 0; padding: 1.4rem; }\n .tko-pilier h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }\n .tko-pilier__rev { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }\n .tko-pilier__rev > div { overflow: hidden; }\n .tko-pilier:hover .tko-pilier__rev, .tko-pilier:focus-visible .tko-pilier__rev, .tko-pilier--fixe .tko-pilier__rev { grid-template-rows: 1fr; }\n .tko-pilier p { margin-top: .7rem; font-size: .92rem; line-height: 1.5; opacity: .9; }\n .tko-pilier__go { display: inline-block; margin-top: .8rem; font-size: .88rem; font-weight: 600; }\n .tko-pilier--fixe { color: var(--ink); background: var(--p-blue); }\n .tko-pilier--fixe::after { display: none; }\n .tko-pilier--fixe .tko-pilier__sur { inset: auto 0 0 0; }\n .tko-pilier--fixe p { opacity: 1; color: var(--mute); }\n .tko-pilier__go--muet { color: var(--mute); }\n @media (hover: none) { .tko-pilier__rev { grid-template-rows: 1fr; } }\n @media (max-width: 980px) { .tko-why__grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 520px) { .tko-why__grid { grid-template-columns: 1fr; } .tko-pilier { height: 19rem; } }\n\n \/* ---------- Blog ---------- *\/\n .tko-blog { padding-bottom: clamp(3rem, 6vw, 5rem); }\n .tko-blog__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.25rem, 3vw, 2rem); }\n .tko-blog__head h2 { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\n .tko-blog__head h2 strong { font-weight: 600; }\n .tko-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\n #tero-kickoff .tko-article { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 11rem; padding: 1.4rem; background: var(--p-ice); border-radius: 1.4rem; color: var(--ink); transition: background .3s ease, transform .35s var(--e); }\n #tero-kickoff .tko-article:hover { background: var(--p-blue); transform: translateY(-3px); }\n .tko-article h3 { font-size: clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }\n .tko-article > span { color: var(--b); font-size: .9rem; font-weight: 600; }\n @media (max-width: 860px) { .tko-blog__grid { grid-template-columns: 1fr; } .tko-article { min-height: 0; } }\n\n \/* ---------- Responsive ---------- *\/\n @media (max-width: 980px) {\n .tko-section-head, .tko-teroir, .tko-brief__card, .tko-faq { grid-template-columns: 1fr; }\n .tko-section-head p { justify-self: start; }\n .tko-proof { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 640px) {\n .tko { --r: 1.5rem; }\n .tko-closing__actions .tko-btn { width: 100%; }\n .tko-fields { grid-template-columns: 1fr; }\n .tko-closing__actions { display: grid; }\n .tko-faq details p { padding-right: 0; }\n .tko-teroir__media { height: 28rem; }\n }\n @media (prefers-reduced-motion: reduce) {\n .tko *, .tko *::before, .tko *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\n .tko-reveal, .tko-fade, .tko-line > span { opacity: 1; transform: none; }\n .tko-hook__text .w { color: var(--ink); }\n .tko-marquee__track { animation: none; }\n }\n\n\n \/* ---------- Compte \u00e0 rebours \u00e0 c\u00f4t\u00e9 du CTA principal ---------- *\/\n .tko-hero__actions { align-items: center; }\n .tko-countdown--hero { padding: .85rem 1.3rem; border: 0; background: var(--white); color: var(--ink); font-size: .95rem; font-weight: 500; box-shadow: 0 .6rem 1.4rem -1rem rgba(16, 150, 140, .6); }\n .tko-countdown--hero b { font-size: 1.3rem; color: var(--b); }\n @media (max-width: 760px) {\n .tko .tko-hero__actions { display: flex; flex-wrap: nowrap; gap: .5rem; }\n .tko .tko-hero__actions .tko-btn { width: auto; flex: 1 1 auto; }\n .tko .tko-hero__actions .tko-btn { white-space: nowrap; padding-inline: 1.15rem; gap: .6rem; }\n .tko .tko-countdown--hero { display: inline-flex; flex: 0 0 auto; gap: .35rem; padding: .8rem .95rem; font-size: .8rem; }\n .tko-countdown--hero b { font-size: 1.1rem; }\n }\n\n \/* ---------- Rythme vertical : m\u00eame respiration entre toutes les sections ---------- *\/\n .tko { --sp: clamp(3.5rem, 7vw, 6rem); }\n .tko-intents, .tko-venues, .tko-acts, .tko-why, .tko-faq, .tko-blog { padding-top: 0; margin-top: var(--sp); }\n .tko-teroir { margin-block: var(--sp) 0; }\n .tko-why { padding-block: 0; margin-bottom: 0; }\n .tko-faq { padding-bottom: 0; }\n .tko-blog { padding-bottom: var(--sp); }\n .tko-hook { padding-block: var(--sp) 0; }\n .tko-cr__track { padding-bottom: clamp(2rem, 3vw, 2.5rem); }\n .tko-intents__repli { margin-top: clamp(2rem, 3.5vw, 2.75rem); }\n .tko-intents__head p, .tko-acts__head p { margin-top: 1.1rem; }\n .tko-formules { margin-top: clamp(1rem, 2vw, 1.5rem); padding-top: clamp(2rem, 4vw, 3rem); }\n .tko-formules__title { margin-bottom: 1.75rem; }\n .tko-section-head { gap: 1.1rem; }\n\n\n \/* ---------- Devis dans le cadre : fond turquoise pastel, plus de voile sombre ---------- *\/\n .tko-hero__quote { color: var(--ink); }\n .tko-hero__quote .tko-brief__intro p { color: var(--mute); }\n .tko-hero__quote .tko-brief__reassure { color: var(--ink); }\n .tko-hero__quote .tko-brief__reassure li::before { color: var(--b); }\n .tko-hero__quote .tko-form { box-shadow: 0 1.5rem 3.5rem -1.8rem rgba(16, 150, 140, .45); }\n\n\n \/* ---------- Hero ouvert : fond turquoise pastel en permanence ----------\n Les quatre temps s'affichent dans un cadre photo aux bords arrondis, exactement \u00e0 la taille\n et \u00e0 la place du cadre de d\u00e9part (--qx\/--qy\/--qw\/--qh calcul\u00e9s en JS), textes sur la photo. *\/\n .tko-quad {\n left: var(--rx, 0px); top: var(--ry, 0px); right: auto; bottom: auto;\n width: var(--rw, 100%); height: var(--rh, 100%);\n display: flex; flex-direction: column; justify-content: space-between;\n padding: clamp(1.5rem, 4vw, 3.5rem); color: var(--white);\n border-radius: var(--rr, 2.5rem); overflow: hidden; isolation: isolate;\n box-shadow: 0 1.6rem 3.5rem -2.2rem rgba(16, 150, 140, .55);\n }\n .tko-quad__ph { position: absolute; z-index: -2; inset: 0; background: rgba(16, 150, 140, .1); }\n .tko-quad::before {\n content: \"\"; position: absolute; z-index: -1; inset: 0; pointer-events: none;\n background:\n linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 30%),\n linear-gradient(0deg, rgba(15, 15, 20, .78) 0%, rgba(15, 15, 20, .35) 42%, rgba(15, 15, 20, 0) 65%);\n }\n .tko-quad__title { margin-bottom: 0; color: var(--white); }\n .tko-quad__item h2 { color: var(--white); }\n @media (max-width: 760px) {\n .tko-quad { padding: 1.25rem; }\n .tko-quad::before { background: linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 28%), linear-gradient(0deg, rgba(15, 15, 20, .82) 0%, rgba(15, 15, 20, .3) 45%, rgba(15, 15, 20, 0) 62%); }\n }\n @media (prefers-reduced-motion: reduce) { .tko-quad { position: relative; width: auto; height: 80vh; margin: 0 clamp(1rem, 3vw, 2.5rem) 2rem; } .tko-quad__ph .tko-layer:first-child { display: block; opacity: 1 !important; } }\n\n\n \/* ---------- Anti-tremblement du hero : taille fixe + masque ---------- *\/\n @media (prefers-reduced-motion: no-preference) {\n .tko .tko-hero { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; will-change: clip-path; }\n .tko-hero__media { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); overflow: visible; }\n .tko-hero__num { font-size: min(calc(var(--rh, 600px) * .62), 27vw); transform: translateY(-50%) scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 50%; will-change: transform; }\n .tko-hero__intro { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\n .tko-hero__quote { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\n .tko-quad, .tko-hero__story { will-change: opacity, transform; }\n .tko-layer img { will-change: transform; backface-visibility: hidden; }\n }\n \/* Sur mobile, le devis reste en plein \u00e9cran *\/\n @media (prefers-reduced-motion: no-preference) and (max-width: 759px) {\n .tko-hero__quote { left: 0; top: 0; width: 100%; height: 100%; grid-template-rows: auto auto; }\n }\n @media (prefers-reduced-motion: no-preference) and (max-width: 760px) {\n .tko-hero__num { top: 2.5rem; font-size: 34vw; transform: scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 0; }\n }\n\n\n \/* ---------- Identit\u00e9 Teroir : radis grav\u00e9 + italique \u00e0 empattements ---------- *\/\n .tko-teroir { position: relative; }\n .tko-serif { font-family: \"Times New Roman\", Times, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; font-size: 1.17em; line-height: 0; }\n \/* Radis en filigrane : grand, transparent, derri\u00e8re le texte, coup\u00e9 par le bord du bloc *\/\n .tko-teroir { overflow: hidden; isolation: isolate; }\n .tko-teroir > * { position: relative; z-index: 1; }\n #tero-kickoff .tko-teroir > .tko-teroir__radis {\n position: absolute; z-index: 0; right: -5rem; top: -4rem;\n width: clamp(18rem, 36vw, 34rem) !important; height: auto !important; max-width: none !important;\n opacity: .1; transform: rotate(-14deg); pointer-events: none;\n }\n @media (max-width: 980px) { #tero-kickoff .tko-teroir > .tko-teroir__radis { right: -22%; top: 26%; width: 90vw !important; opacity: .09; } }\n\n \/* ---------- \u00ab 2027 \u00bb : la zone de remplissage couvre aussi le dernier chiffre ---------- *\/\n .tko-hero__num { padding-right: .22em; right: -.27em; }\n\n\n \/* ---------- Bandeau de valeurs Teroir qui d\u00e9file (repris de terblock.be\/traiteur) ---------- *\/\n .tko-teroir > div { min-width: 0; }\n .tko-tick {\n max-width: 100%;\n overflow: hidden; margin-top: clamp(1.25rem, 2.5vw, 1.75rem);\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n }\n .tko-tick__track { display: flex; width: max-content; animation: tko-tick 38s linear infinite; }\n .tko-tick:hover .tko-tick__track { animation-play-state: paused; }\n .tko .tko-tick ul { display: flex; margin: 0; padding: 0; list-style: none; }\n .tko .tko-tick li {\n display: flex; align-items: center; margin: 0; padding: 0;\n font-size: clamp(.8rem, .7rem + .3vw, .95rem); font-weight: 300; letter-spacing: .24em; text-transform: uppercase;\n color: #5f6070; white-space: nowrap;\n }\n .tko .tko-tick li::after { content: \"\"; width: 5px; height: 5px; margin: 0 clamp(1.25rem, 2.4vw, 2.25rem); border-radius: 50%; background: #b9bac4; }\n @keyframes tko-tick { to { transform: translateX(-50%); } }\n @media (prefers-reduced-motion: reduce) { .tko-tick__track { animation: none; } }\n\n \/* ---------- \u00c9chelle typographique align\u00e9e sur tero.be\/fr\/evenement-de-fin-dannee\/teroir-traiteur\/ ----------\n Bureau \u2192 mobile, m\u00eames tailles que la page de r\u00e9f\u00e9rence. Plac\u00e9e en dernier pour primer sur les r\u00e9glages pr\u00e9c\u00e9dents. *\/\n \/* Titre principal (H1 \u00ab Votre \u00e9v\u00e9nement, le go\u00fbt en plus. \u00bb : 57,6 px \u2192 46,8 px) *\/\n .tko-hero h1 { font-size: calc(clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem)); line-height: 1.04; letter-spacing: -.03em; }\n .tko-proof__item strong { font-size: clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem); line-height: 1; letter-spacing: -.03em; }\n \/* Grand H2 (\u00ab Trois m\u00e9tiers, une seule \u00e9quipe. \u00bb : 68,8 px \u2192 38,4 px) *\/\n .tko-hook__text, .tko-section-head h2, .tko-closing h2 { font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.3rem); line-height: 1; letter-spacing: -.04em; }\n \/* H2 de section (\u00ab Et si votre fin d'ann\u00e9e\u2026 \u00bb : 46,4 px \u2192 27,2 px) *\/\n .tko-teroir h2, .tko-faq h2, .tko-quad__title { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); line-height: 1.05; letter-spacing: -.025em; }\n \/* H2 du formulaire (\u00ab Prenez 3 minutes\u2026 \u00bb : 48 px \u2192 33 px) *\/\n .tko-brief__intro h2, .tko-hero__quote .tko-brief__intro h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; }\n \/* H3 mis en avant (\u00ab F\u00eate d'entreprise \u00bb : 43,2 px \u2192 22,4 px) *\/\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); font-weight: 600; letter-spacing: -.025em; }\n \/* H3 courant (\u00ab Le lieu \u00bb : 30,2 px \u2192 24 px) *\/\n .tko-quad__item h2, .tko-venue h3, .tko-form legend, .tko-form__done h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); line-height: 1.06; letter-spacing: -.03em; }\n .tko-bento__title { font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; }\n .tko-faq summary { font-size: clamp(1.05rem, .95rem + .35vw, 1.2rem); font-weight: 500; letter-spacing: -.015em; }\n \/* Textes courants (16 \u2192 17,9 px) *\/\n .tko-hero__lead { font-size: clamp(.95rem, .85rem + .4vw, 1.12rem); line-height: 1.5; }\n .tko-section-head p, .tko-teroir__lead, .tko-closing p, .tko-brief__intro p { font-size: 1.02rem; line-height: 1.6; }\n .tko-faq details p, .tko-venue p, .tko-teroir__steps li span:not(.tko-teroir__n) { font-size: 1rem; line-height: 1.6; }\n .tko-quad__item p { font-size: clamp(.86rem, .8rem + .25vw, .98rem); line-height: 1.5; }\n .tko-proof__item span, .tko-form__hint, .tko-consent { font-size: .86rem; }\n .tko-teroir__steps b { font-size: 1rem; }\n \/* Boutons (15,4 px graisse 500 \u2192 12 px) *\/\n .tko-btn { font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; }\n .tko-quad__item a { font-size: clamp(.75rem, .7rem + .25vw, .92rem); font-weight: 500; }\n \/* Petites capitales (\u00ab NOS LIEUX \u00bb : 11,5 px, espacement 0,2 em) *\/\n .tko-venue small, .tko-quad__time, .tko-marquee__label, .tko-form__step { font-size: .72rem; font-weight: 600; letter-spacing: .2em; }\n\n \/* ---------- Taille maximale des textes = taille de \u00ab Dites-nous l'essentiel \u00bb (48 px \u2192 33 px) ---------- *\/\n .tko-hero h1 { font-size: calc(clamp(1.7rem, 1.15rem + 1.8vw, 2.46rem)); }\n .tko-hook__text, .tko-section-head h2, .tko-closing h2, .tko-intents__head h2,\n .tko-teroir h2, .tko-faq h2, .tko-quad__title, .tko-blog__head h2, .tko-hero__outro p,\n .tko-closing__card h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); }\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); }\n<\/style>\n\n<div class=\"tko\" id=\"tero-kickoff\">\n\n \n <section class=\"tko-seq\" id=\"tko-seq\" aria-labelledby=\"tko-h1\">\n <div class=\"tko-seq__stick\" id=\"tko-seq-stick\">\n\n <div class=\"tko-hero\" id=\"tko-hero\">\n <div class=\"tko-hero__media\" aria-hidden=\"true\">\n \n <span class=\"tko-hero__num\" aria-hidden=\"true\">2027<\/span>\n <\/div>\n\n \n <div class=\"tko-hero__intro\" id=\"tko-intro\">\n <div>\n <h1 id=\"tko-h1\"><span class=\"tko-line\"><span>Lan\u00e7ons 2027<\/span><\/span><span class=\"tko-line\"><span><strong>ensemble.<\/strong><\/span><\/span><\/h1>\n <div class=\"tko-hero__bottom\">\n <p class=\"tko-hero__lead tko-fade\">2027 commence le jour o\u00f9 vous le d\u00e9cidez. Choisissez la date de votre kick-off : on s'occupe du lieu, de l'activit\u00e9 et de la table, en Belgique comme au Luxembourg.<\/p>\n <div class=\"tko-hero__actions tko-fade\">\n <a class=\"tko-btn tko-btn--hero\" href=\"#tko-brief\" data-cta=\"kickoff-hero-brief\">Bloquer une date <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <span class=\"tko-countdown tko-countdown--hero\" id=\"tko-countdown\"><b>J-57<\/b> avant 2027<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tko-hero__story\" id=\"tko-story\">\n <p>Lancer l'ann\u00e9e ou r\u00e9unir une \u00e9quipe apr\u00e8s les f\u00eates ne doit pas rimer avec stress. Chez Tero, on vous accompagne de la premi\u00e8re id\u00e9e au jour J : un seul interlocuteur vous guide dans le choix du lieu, de l'activit\u00e9 et de la table, et s'occupe de toute l'organisation.<\/p>\n <\/div>\n\n \n <div class=\"tko-quad\" id=\"tko-quad\">\n <p class=\"tko-quad__title\">Votre kick-off,<br> <strong>en quatre temps.<\/strong><\/p>\n \n <div class=\"tko-quad__ph\" aria-hidden=\"true\">\n <div class=\"tko-layer\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/Capture-decran-2026-11-06-a-10.19.35.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/Capture-decran-2026-11-06-a-10.19.35.png\" alt=\"\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/52e4a89d-70aa-4a5d-9af4-6ac9ad91ffee.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/52e4a89d-70aa-4a5d-9af4-6ac9ad91ffee.jpg\" alt=\"\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-layer tko-layer--still\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0383_HD-scaled.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0383_HD-scaled.jpg\" alt=\"\" class=\"webpexpress-processed\"><\/picture><\/div>\n <\/div>\n <div class=\"tko-quad__grid\">\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">01<\/span>\n <h2>Accueillir<\/h2>\n <p>Un caf\u00e9 chaud, un lieu qui change du bureau et le sentiment d'\u00eatre attendu.<\/p>\n <a href=\"https:\/\/tero.be\/fr\/lieux\/\" data-cta=\"kickoff-temps-accueillir\" target=\"_blank\" rel=\"noopener\">Voir nos lieux <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/article>\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">02<\/span>\n <h2>Aligner<\/h2>\n <p>La pl\u00e9ni\u00e8re o\u00f9 la direction partage le cap 2027. Clair, court, facile \u00e0 retenir.<\/p>\n <\/article>\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">03<\/span>\n <h2>Activer<\/h2>\n <p>Un team building pour que le message passe des slides aux r\u00e9flexes.<\/p>\n <a href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/\" data-cta=\"kickoff-temps-activer\" target=\"_blank\" rel=\"noopener\">Voir les activit\u00e9s <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/article>\n <article class=\"tko-quad__item\">\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\n <span class=\"tko-quad__time\">04<\/span>\n <h2>Rassembler<\/h2>\n <p>Du lunch de travail au d\u00eener, une cuisine de saison sign\u00e9e Teroir Traiteur, servie l\u00e0 o\u00f9 vous \u00eates.<\/p>\n <a href=\"https:\/\/tero.be\/fr\/traiteur\/\" data-cta=\"kickoff-temps-rassembler\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir Teroir Traiteur <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/article>\n <\/div>\n <\/div>\n\n \n <div class=\"tko-hero__quote\" id=\"tko-outro\">\n <span class=\"tko-anchor\" id=\"tko-brief\" aria-hidden=\"true\"><\/span>\n <div class=\"tko-brief__intro\">\n <h2 id=\"tko-brief-title\">Dites-nous <strong>l'essentiel.<\/strong><\/h2>\n <p>Quatre questions, et on revient vers vous avec une proposition qui r\u00e9unit le lieu, l'activit\u00e9 et le traiteur.<\/p>\n <ul class=\"tko-brief__reassure\">\n <li>Un seul interlocuteur pour tout le projet<\/li>\n <li>Une proposition construite pour votre groupe<\/li>\n <li>Sans engagement<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"tko-form\" id=\"tko-form\">\n \n <div class=\"tko-form__progress\" aria-hidden=\"true\"><span class=\"on\"><\/span><span><\/span><span><\/span><span><\/span><\/div>\n <form novalidate>\n <input type=\"hidden\" name=\"campagne\" value=\"kickoff-2027\">\n\n <fieldset data-step=\"1\">\n <legend><span class=\"tko-form__step\">\u00c9tape 1 sur 4<\/span>Quand voulez-vous lancer l'ann\u00e9e ?<\/legend>\n <p class=\"tko-form__hint\">Une p\u00e9riode suffit, la date exacte viendra ensuite.<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"Janvier 2027\" required><span>Janvier 2027<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"F\u00e9vrier 2027\"><span>F\u00e9vrier 2027<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"Mars 2027\"><span>Mars 2027<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"periode\" value=\"Pas encore fix\u00e9\"><span>Pas encore fix\u00e9<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"2\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 2 sur 4<\/span>Combien serez-vous ?<\/legend>\n <p class=\"tko-form__hint\">Une estimation, c'est parfait.<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Moins de 30\" required><span>Moins de 30<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"30 \u00e0 80\"><span>30 \u00e0 80<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"80 \u00e0 150\"><span>80 \u00e0 150<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"150 \u00e0 300\"><span>150 \u00e0 300<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Plus de 300\"><span>Plus de 300<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"3\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 3 sur 4<\/span>Quel format et o\u00f9 ?<\/legend>\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\n <p>Format<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Demi-journ\u00e9e\" required><span>Demi-journ\u00e9e<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Journ\u00e9e\"><span>Journ\u00e9e<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Avec nuit\u00e9e\"><span>Avec nuit\u00e9e<\/span><\/label>\n <\/div>\n <\/div>\n <div class=\"tko-form__group\">\n <p>R\u00e9gion<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Bruxelles et Brabant\" required><span>Bruxelles & Brabant<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Flandre\"><span>Flandre<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Wallonie et Ardennes\"><span>Wallonie & Ardennes<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"C\u00f4te\"><span>C\u00f4te<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Luxembourg\"><span>Luxembourg<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Peu importe\"><span>Peu importe<\/span><\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"4\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 4 sur 4<\/span>O\u00f9 vous envoyer la proposition ?<\/legend>\n <div class=\"tko-fields\">\n <div class=\"tko-field\"><label for=\"tko-nom\">Pr\u00e9nom et nom<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"name\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-societe\">Soci\u00e9t\u00e9<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-email\">E-mail professionnel<\/label><input id=\"tko-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-tel\">T\u00e9l\u00e9phone<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\"><\/div>\n <div class=\"tko-field tko-field--full\"><label for=\"tko-msg\">Votre message (facultatif)<\/label><textarea id=\"tko-msg\" name=\"message\" placeholder=\"Le th\u00e8me de l'ann\u00e9e, une contrainte, une id\u00e9e\u2026\"><\/textarea><\/div>\n <\/div>\n <label class=\"tko-consent\"><input type=\"checkbox\" name=\"consentement\" required><span>J'accepte que Tero utilise ces informations pour r\u00e9pondre \u00e0 ma demande.<\/span><\/label>\n <\/fieldset>\n\n <p class=\"tko-form__error\" role=\"alert\" aria-live=\"polite\"><\/p>\n <div class=\"tko-form__nav\">\n <button class=\"tko-form__back\" type=\"button\" hidden>\u2190 Retour<\/button>\n <button class=\"tko-btn tko-btn--bx\" type=\"submit\" data-cta=\"kickoff-brief-next\"><span class=\"tko-next-label\">Continuer<\/span> <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/button>\n <\/div>\n <\/form>\n\n <div class=\"tko-form__done\" tabindex=\"-1\">\n <span class=\"tko-form__step\">C'est not\u00e9<\/span>\n <h3>Merci, votre kick-off est entre de bonnes mains.<\/h3>\n <p>Notre \u00e9quipe revient vers vous avec une premi\u00e8re proposition. En attendant, jetez un \u0153il \u00e0 nos activit\u00e9s de team building.<\/p>\n <a class=\"tko-btn tko-btn--line\" style=\"margin-top:1.5rem\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/\" data-cta=\"kickoff-merci-activites\" target=\"_blank\" rel=\"noopener\">Voir les activit\u00e9s <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tko-seq__band\" id=\"tko-band\">\n <span class=\"tko-marquee__label\">Ils nous font confiance<\/span>\n <div class=\"tko-marquee\" role=\"img\" aria-label=\"Ils nous font confiance : Deloitte, Clifford Chance, Arval BNP Paribas Group, PwC, Coyote, RTBF, Belfius, Delen Private Bank, Decathlon. Tero est certifi\u00e9e B Corp.\">\n <div class=\"tko-marquee__track\" aria-hidden=\"true\">\n <div class=\"tko-marquee__group\">\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\n <\/div>\n <div class=\"tko-marquee__group\">\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"tko-wrap tko-proof\" aria-label=\"Tero en chiffres\">\n <div class=\"tko-proof__item tko-reveal\"><strong data-count=\"25\">25<\/strong><span>ans d'exp\u00e9rience dans l'\u00e9v\u00e9nementiel d'entreprise<\/span><\/div>\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"1\"><strong data-count=\"17\">17<\/strong><span>lieux en Belgique et au Luxembourg<\/span><\/div>\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"2\"><strong data-count=\"1\">1<\/strong><span>interlocuteur, du premier brief au dernier service<\/span><\/div>\n <div class=\"tko-proof__item tko-proof__item--bcorp tko-reveal\" data-delay=\"2\"><img loading=\"lazy\" class=\"tko-proof__bcorp\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"lazy\" decoding=\"async\"><span>Entreprise certifi\u00e9e pour son impact social et environnemental<\/span><\/div>\n <\/section>\n\n \n <div class=\"tko-quicknav-mark\" id=\"tko-quicknav-mark\" aria-hidden=\"true\"><\/div>\n <nav class=\"tko-quicknav\" id=\"tko-quicknav\" aria-label=\"Acc\u00e8s rapide kick-off\">\n <div class=\"tko-quicknav__in\">\n <a href=\"#tko-lieux\" data-cta=\"kickoff-nav-lieux\"><span class=\"l\">D\u00e9couvrir nos lieux<\/span><span class=\"s\">Lieux<\/span><\/a>\n <a href=\"#tko-activites\" data-cta=\"kickoff-nav-activites\"><span class=\"l\">D\u00e9couvrir nos activit\u00e9s<\/span><span class=\"s\">Activit\u00e9s<\/span><\/a>\n <a href=\"#tko-teroir\" data-cta=\"kickoff-nav-traiteur\"><span class=\"l\">D\u00e9couvrir nos formules traiteur<\/span><span class=\"s\">Traiteur<\/span><\/a>\n <a href=\"#tko-brief\" class=\"is-cta\" data-cta=\"kickoff-nav-devis\"><span class=\"l\">Demander mon devis<\/span><span class=\"s\">Devis<\/span><\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"tko-hook tko-wrap\" aria-label=\"Pourquoi un kick-off\">\n <p class=\"tko-hook__text\" data-fill data-accent=\"d\u00e9cide,ensemble\">Le 2 janvier, tout le monde a 47 mails non lus et des r\u00e9solutions d\u00e9j\u00e0 fragiles. Le kick-off, c'est le jour o\u00f9 l'on d\u00e9cide ensemble lesquelles comptent.<\/p>\n <\/section>\n\n \n <section class=\"tko-intents\" id=\"tko-intentions\" aria-labelledby=\"tko-intents-title\">\n <div class=\"tko-wrap tko-intents__panel\">\n <div class=\"tko-intents__head\">\n <h2 class=\"tko-reveal\" id=\"tko-intents-title\">Qu'est-ce qui compte le plus <strong>pour votre kick-off ?<\/strong><\/h2>\n <p class=\"tko-reveal\">Choisissez l'intention, on vous montre nos coups de c\u0153ur parmi les formats qui y r\u00e9pondent.<\/p>\n <\/div>\n <div class=\"tko-intents__grid tko-reveal\">\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">01<\/span>\n <h3>Lancer 2027 et aligner<\/h3>\n <p>Kick-off strat\u00e9gique, objectifs de l'ann\u00e9e, s\u00e9minaire de planification, CODIR offsite, nouvelle organisation, fusion ou nouveau management.<\/p>\n <span class=\"tko-int__go\">Pr\u00e9parer la suite <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-seminaire\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Un s\u00e9minaire<\/b><span class=\"tko-sol__d\">Une pl\u00e9ni\u00e8re et des ateliers dans un lieu qui change du bureau.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-residentiel\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Un s\u00e9minaire r\u00e9sidentiel ou un CODIR offsite<\/b><span class=\"tko-sol__d\">Deux jours \u00e0 l'\u00e9cart pour aller au fond des sujets et poser les bases.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">02<\/span>\n <h3>R\u00e9chauffer janvier<\/h3>\n <p>L'\u00e9v\u00e9nement fun ou bien-\u00eatre qui casse le creux de l'hiver. Le bon antidote au Blue Monday.<\/p>\n <span class=\"tko-int__go\">Casser le creux de l'hiver <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-activites\" data-cta=\"kickoff-intention-fun\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Une activit\u00e9 fun<\/b><span class=\"tko-sol__d\">Quiz Play, Blind Test, Escape Box : de quoi relancer l\u2019\u00e9nergie.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-pause\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Une pause au vert<\/b><span class=\"tko-sol__d\">Deux jours dans les Ardennes pour souffler ensemble.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">03<\/span>\n <h3>Cl\u00f4turer 2026<\/h3>\n <p>La f\u00eate qu'on n'a pas pu faire en d\u00e9cembre, faute de date, de budget ou d'\u00e9nergie. En janvier, elle co\u00fbte moins cher et les dates sont disponibles.<\/p>\n <span class=\"tko-int__go\">Organiser ma f\u00eate <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-fete\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Une f\u00eate d'entreprise<\/b><span class=\"tko-sol__d\">Lieu privatis\u00e9, table Teroir et animation de soir\u00e9e.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-soiree\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Une soir\u00e9e qui se prolonge<\/b><span class=\"tko-sol__d\">D\u00eener, Quiz Play ou Dinner Show, puis nuit\u00e9e sur place.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">04<\/span>\n <h3>Cheers to 2027<\/h3>\n <p>Un drink ou un d\u00eener de nouvel an avec vos \u00e9quipes, vos clients ou vos partenaires.<\/p>\n <span class=\"tko-int__go\">Pr\u00e9parer mes v\u0153ux <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-teroir\" data-cta=\"kickoff-intention-drink\"><span class=\"tko-sol__badge\">Une soir\u00e9e<\/span><b>Un drink de nouvel an<\/b><span class=\"tko-sol__d\">Cocktails Teroir, chez vous ou dans l\u2019un de nos lieux.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-teroir\" data-cta=\"kickoff-intention-diner\"><span class=\"tko-sol__badge\">Une soir\u00e9e<\/span><b>Un d\u00eener de nouvel an<\/b><span class=\"tko-sol__d\">Walking dinner ou d\u00eener assis, servi l\u00e0 o\u00f9 vous \u00eates.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\n <span class=\"tko-int__num\">05<\/span>\n <h3>Int\u00e9grer<\/h3>\n <p>L'onboarding des recrues arriv\u00e9es en fin d'ann\u00e9e ou en janvier.<\/p>\n <span class=\"tko-int__go\">Accueillir mes recrues <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <div class=\"tko-int__sol\">\n <div class=\"tko-int__head\"><span>Coups de c\u0153ur<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <a class=\"tko-sol\" href=\"#tko-activites\" data-cta=\"kickoff-intention-integration\"><span class=\"tko-sol__badge\">Une journ\u00e9e<\/span><b>Une activit\u00e9 d'int\u00e9gration<\/b><span class=\"tko-sol__d\">Un d\u00e9fi en \u00e9quipe pour faire connaissance autrement.<\/span><\/a><a class=\"tko-sol\" href=\"#tko-lieux\" data-cta=\"kickoff-intention-sejour\"><span class=\"tko-sol__badge\">Avec nuit\u00e9e<\/span><b>Un s\u00e9jour d'int\u00e9gration<\/b><span class=\"tko-sol__d\">Deux jours pour cr\u00e9er des liens d\u00e8s le d\u00e9part.<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"tko-int tko-int--side\">\n <div class=\"tko-int__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"Pl\u00e9ni\u00e8re d'un kick-off organis\u00e9 par Tero\" loading=\"lazy\"><\/div>\n <h3>Organiser sans effort<\/h3>\n <p>Une exp\u00e9rience compl\u00e8te, un seul interlocuteur.<\/p>\n <span class=\"tko-int__muet\">Valable pour chaque formule<\/span>\n <\/div>\n <\/div>\n <p class=\"tko-intents__repli\">Vous h\u00e9sitez encore ? <a href=\"#tko-brief\" data-cta=\"kickoff-intention-hesite\">D\u00e9crivez-nous votre \u00e9quipe<\/a>, on vous propose trois formats.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-venues\" id=\"tko-lieux\" aria-labelledby=\"tko-venues-title\">\n <div class=\"tko-wrap tko-section-head\">\n <h2 class=\"tko-reveal\" id=\"tko-venues-title\">Changer de cadre<br> <strong>change la conversation.<\/strong><\/h2>\n <\/div>\n <div class=\"tko-cr\" data-cr>\n <button class=\"tko-cr__btn tko-cr__btn--prev\" type=\"button\" data-cr-dir=\"-1\" aria-label=\"Lieux pr\u00e9c\u00e9dents\">\u2190<\/button>\n <div class=\"tko-cr__track\" id=\"tko-rail\" tabindex=\"0\" aria-label=\"Lieux, faites d\u00e9filer horizontalement\">\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/chateau-de-terblock\/\" data-cta=\"kickoff-lieu-terblock\" target=\"_blank\" rel=\"noopener\" style=\"--i:0\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/09\/Chateau-de-Terblock-Event-Nature-Tables-Flowers-1536x864.webp\" alt=\"L'Orangerie du Ch\u00e2teau de Terblock dress\u00e9e pour un \u00e9v\u00e9nement\" loading=\"lazy\"><span class=\"tko-card__badge\">Aux portes de Bruxelles<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Overijse \u00b7 Brabant flamand<\/small><b>Ch\u00e2teau de Terblock<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/francorchamps\/\" data-cta=\"kickoff-lieu-francorchamps\" target=\"_blank\" rel=\"noopener\" style=\"--i:1\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2023\/12\/Kolline_1122-1024x683.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2023\/12\/Kolline_1122-1536x1025.jpg.webp 1536w\" sizes=\"(max-width: 980px) 100vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Kolline_1122-1024x683.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Kolline_1122-1024x683.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Kolline_1122-1536x1025.jpg 1536w\" sizes=\"(max-width: 980px) 100vw, 40vw\" alt=\"Le Tero Lodge Francorchamps\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Francorchamps \u00b7 Ardennes<\/small><b>Tero Lodge Francorchamps<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"Le manoir du Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Herbeumont \u00b7 Ardennes<\/small><b>Tero Lodge Herbeumont<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/eventhouse-waterloo\/\" data-cta=\"kickoff-lieu-eventhouse-waterloo\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/02\/EventhousewaterlooPHOTO.webp\" alt=\"Tero Eventhouse Waterloo\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Waterloo \u00b7 Brabant wallon<\/small><b>Eventhouse Waterloo<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/hotel\/la-malle-poste-rochefort\/\" data-cta=\"kickoff-lieu-la-malle-poste-rochefort\" target=\"_blank\" rel=\"noopener\" style=\"--i:4\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/elementor\/thumbs\/MP-scaled-e1708679610921-rasj7nk1vx4g9by6ff5e81mb2b7u9qj4u13tia3le8.webp\" alt=\"Fa\u00e7ade et jardin de l'h\u00f4tel La Malle Poste \u00e0 Rochefort\" loading=\"lazy\"><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Rochefort \u00b7 Ardennes<\/small><b>H\u00f4tel La Malle Poste<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/knokke-out-zoute\/\" data-cta=\"kickoff-lieu-knokke-out-zoute\" target=\"_blank\" rel=\"noopener\" style=\"--i:5\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/entrance-and-terrace_Knokkeout-zoute-1024x681-1.webp\" alt=\"Terrasse du Knokke Out Zoute\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Knokke \u00b7 C\u00f4te belge<\/small><b>Knokke Out Zoute<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/river-house-luxembourg\/\" data-cta=\"kickoff-lieu-river-house-luxembourg\" target=\"_blank\" rel=\"noopener\" style=\"--i:6\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Fa\u00e7ade du Tero River House \u00e0 Luxembourg en soir\u00e9e\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero River House<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/house17\/\" data-cta=\"kickoff-lieu-house17\" target=\"_blank\" rel=\"noopener\" style=\"--i:7\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.webp\" alt=\"Salle de r\u00e9union de Tero House17 \u00e0 Luxembourg\" loading=\"lazy\"><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero House17<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/nest-zwin-bistro\/\" data-cta=\"kickoff-lieu-nest-zwin-bistro\" target=\"_blank\" rel=\"noopener\" style=\"--i:8\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/03\/DSC01629.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/03\/DSC01629.jpg\" alt=\"Longue table dress\u00e9e au Nest Zwin Bistro\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">\u00c0 la journ\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Knokke \u00b7 C\u00f4te belge<\/small><b>Nest Zwin Bistro<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/jalhay\/\" data-cta=\"kickoff-lieu-jalhay\" target=\"_blank\" rel=\"noopener\" style=\"--i:9\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/elementor\/thumbs\/Kottage-1-scaled-ri1bdbair3l130comw78s2htbs2imbj4wbwj7v6pe8.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/elementor\/thumbs\/Kottage-1-scaled-ri1bdbair3l130comw78s2htbs2imbj4wbwj7v6pe8.jpg\" alt=\"Soir\u00e9e en ext\u00e9rieur devant le Tero Lodge Jalhay\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Jalhay \u00b7 Ardennes<\/small><b>Tero Lodge Jalhay<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/ster\/\" data-cta=\"kickoff-lieu-ster\" target=\"_blank\" rel=\"noopener\" style=\"--i:10\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/elementor\/thumbs\/IMG_0561-scaled-ri2xq3mza5ej8muaigywzfy0wrk0xaife9gn62bswg.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/elementor\/thumbs\/IMG_0561-scaled-ri2xq3mza5ej8muaigywzfy0wrk0xaife9gn62bswg.jpg\" alt=\"Le Tero Lodge Ster\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Ster \u00b7 Ardennes<\/small><b>Tero Lodge Ster<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/rochefort\/\" data-cta=\"kickoff-lieu-rochefort\" target=\"_blank\" rel=\"noopener\" style=\"--i:11\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/02\/SV8_8765-scaled.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/02\/SV8_8765-scaled.jpg\" alt=\"Chambre du Tero Lodge Rochefort\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Avec nuit\u00e9e<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Rochefort \u00b7 Ardennes<\/small><b>Tero Lodge Rochefort<\/b><\/span>\n <\/a>\n <\/div>\n <button class=\"tko-cr__btn tko-cr__btn--next\" type=\"button\" data-cr-dir=\"1\" aria-label=\"Lieux suivants\">\u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-acts tko-wrap\" id=\"tko-activites\" aria-labelledby=\"tko-acts-title\">\n <div class=\"tko-acts__panel\">\n <div class=\"tko-acts__head\">\n <h2 class=\"tko-reveal\" id=\"tko-acts-title\">L'apr\u00e8s-midi, <strong>on passe \u00e0 l'action.<\/strong><\/h2>\n <p class=\"tko-reveal\">Quatre activit\u00e9s pens\u00e9es pour un lancement d'ann\u00e9e, et ce qu'elles apportent \u00e0 votre \u00e9quipe.<\/p>\n <\/div>\n <div class=\"tko-bento-acts tko-reveal\">\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/criativity\/\" data-cta=\"kickoff-activite-criativity\" target=\"_blank\" rel=\"noopener\" style=\"--o:0\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-17-juil.-2026-a-09_16_33.webp\" alt=\"Studio d'enregistrement de CrIAtivity\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Prendre l'IA en main<\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--white\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/criativity\/\" data-cta=\"kickoff-activite-criativity-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:1\">\n <small>Moins de 60 pers. \u00b7 3 h<\/small>\n <h3>CrIAtivity<\/h3>\n <p>Prendre l'IA en main ensemble et produire le hit de l'entreprise. Qui sait, il deviendra peut-\u00eatre l'hymne de votre ann\u00e9e 2027.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir CrIAtivity <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--mint\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/venue-play\/\" data-cta=\"kickoff-activite-venue-play-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:3\">\n <small>200 pers. et + \u00b7 1 h 30<\/small>\n <h3>Venue Play<\/h3>\n <p>Le lieu devient votre terrain de jeu, avec un jeu d\u00e9j\u00e0 pr\u00eat ou un questionnaire construit ensemble autour de vos messages 2027. Vos \u00e9quipes retiennent l'essentiel en jouant.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/venue-play\/\" data-cta=\"kickoff-activite-venue-play\" target=\"_blank\" rel=\"noopener\" style=\"--o:2\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"\u00c9quipe autour d'une tablette pendant Venue Play\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Vos messages, en jeu<\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/step-story\/\" data-cta=\"kickoff-activite-step-story\" target=\"_blank\" rel=\"noopener\" style=\"--o:4\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/02\/DSC_0219-1-scaled.webp\" alt=\"\u00c9quipes qui construisent une r\u00e9action en cha\u00eene pendant Step Story\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Chaque maillon compte<\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--lav\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/step-story\/\" data-cta=\"kickoff-activite-step-story-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:5\">\n <small>50 \u00e0 100 pers. \u00b7 2 h<\/small>\n <h3>Step Story<\/h3>\n <p>Chaque \u00e9quipe construit son maillon, et tout doit s'encha\u00eener. Une r\u00e9action en cha\u00eene qui montre que le r\u00e9sultat d\u00e9pend de chacun.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir Step Story <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--text tko-bt--blue\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:7\">\n <small>200 pers. et + \u00b7 1 h 30<\/small>\n <h3>The Final Mystery<\/h3>\n <p>Toute l'entreprise m\u00e8ne l'enqu\u00eate en m\u00eame temps. Pour trouver le coupable, les \u00e9quipes doivent partager leurs indices.<\/p>\n <span class=\"tko-bt__go\">D\u00e9couvrir The Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery\" target=\"_blank\" rel=\"noopener\" style=\"--o:6\">\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"\u00c9quipes en pleine enqu\u00eate pendant The Final Mystery\" loading=\"lazy\">\n <span class=\"tko-bt__tag\">Toute l'entreprise enqu\u00eate<\/span>\n <\/a>\n <\/div>\n <a class=\"tko-btn tko-btn--line tko-acts__all\" href=\"https:\/\/tero.be\/fr\/evenements\/activites-team-building\/\" data-cta=\"kickoff-toutes-les-activites\" target=\"_blank\" rel=\"noopener\">Voir toutes les activit\u00e9s <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-teroir tko-wrap\" id=\"tko-teroir\" aria-labelledby=\"tko-teroir-title\">\n <img decoding=\"async\" class=\"tko-teroir__radis\" src=\"https:\/\/www.terblock.be\/wp-content\/uploads\/2026\/10\/radis.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n <div class=\"tko-teroir__media\">\n <div class=\"tko-teroir__main\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg.webp 683w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg.webp 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg 683w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" alt=\"Assiette de poisson et l\u00e9gumes de saison servie par Teroir Traiteur\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-teroir__side\" data-parallax><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/08\/CrolleAgency_Tero_Rabanisse-48-sur-243.webp\" alt=\"Production mara\u00eech\u00e8re de la fili\u00e8re Teroir\" loading=\"lazy\"><\/div>\n <\/div>\n <div>\n <h2 class=\"tko-reveal\" id=\"tko-teroir-title\">De la fourche<br> <em class=\"tko-serif\">\u00e0 la fourchette.<\/em><\/h2>\n <div class=\"tko-tick tko-reveal\" aria-label=\"Local, Saisonnalit\u00e9, Artisanat, Savoir-faire, Authentique, Gastronomie, Convivialit\u00e9, Partage, G\u00e9n\u00e9rosit\u00e9, H\u00e9ritage, Transmission, Respect\">\n <div class=\"tko-tick__track\" aria-hidden=\"true\"><ul><li>Local<\/li><li>Saisonnalit\u00e9<\/li><li>Artisanat<\/li><li>Savoir-faire<\/li><li>Authentique<\/li><li>Gastronomie<\/li><li>Convivialit\u00e9<\/li><li>Partage<\/li><li>G\u00e9n\u00e9rosit\u00e9<\/li><li>H\u00e9ritage<\/li><li>Transmission<\/li><li>Respect<\/li><\/ul><ul><li>Local<\/li><li>Saisonnalit\u00e9<\/li><li>Artisanat<\/li><li>Savoir-faire<\/li><li>Authentique<\/li><li>Gastronomie<\/li><li>Convivialit\u00e9<\/li><li>Partage<\/li><li>G\u00e9n\u00e9rosit\u00e9<\/li><li>H\u00e9ritage<\/li><li>Transmission<\/li><li>Respect<\/li><\/ul><\/div>\n <\/div>\n <p class=\"tko-teroir__lead tko-reveal\">Traiteur du groupe Tero, Teroir se positionne comme un traiteur \u00e9v\u00e9nementiel de caract\u00e8re, \u00e0 la crois\u00e9e de la gastronomie et de l'artisanat.<\/p>\n <p class=\"tko-teroir__lead tko-teroir__lead--2 tko-reveal\">Nous faisons de l'origine des produits, de la saisonnalit\u00e9 et du respect du cycle naturel notre combat de tous les jours ; jamais une promesse acquise, mais une exigence qu'on se donne \u00e0 chaque \u00e9v\u00e9nement.<\/p>\n <a class=\"tko-btn tko-btn--line tko-reveal\" href=\"https:\/\/tero.be\/fr\/traiteur\/\" data-cta=\"kickoff-teroir\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir Teroir Traiteur <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <div class=\"tko-formules tko-reveal\">\n <h3 class=\"tko-formules__title\">Nos formules <strong>pour votre kick-off.<\/strong><\/h3>\n <div class=\"tko-formules__grid\">\n <a class=\"tko-card tko-card--blue tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/lunch\/\" data-cta=\"kickoff-formule-lunch\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/30052024-krissaintpatrick-TERO-4-scaled.webp\" alt=\"Lunch de saison Teroir\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Entre deux sessions<\/small><b>Lunch<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--yellow tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/cocktails-dinatoires\/\" data-cta=\"kickoff-formule-cocktails-dinatoires\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.webp\" alt=\"Planches de cocktail Teroir\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Pour les v\u0153ux ou un drink<\/small><b>Cocktails<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--lav tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/walking-dinner\/\" data-cta=\"kickoff-formule-walking-dinner\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-17-1024x683.webp\" alt=\"Walking dinner Teroir\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Pour circuler et \u00e9changer<\/small><b>Walking dinner<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--white tko-card--mini\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/diners-assis\/\" data-cta=\"kickoff-formule-diners-assis\" target=\"_blank\" rel=\"noopener\">\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/SIDE-SHUTTER-7-seated-dinner-scaled.webp\" alt=\"D\u00eener assis sous tente\" loading=\"lazy\"><\/span>\n <span class=\"tko-card__txt\"><small>Trois services, \u00e0 table<\/small><b>D\u00eener assis<\/b><\/span>\n <\/a>\n <\/div>\n <a class=\"tko-formules__all\" href=\"https:\/\/tero.be\/fr\/traiteur\/services-traiteur\/\" data-cta=\"kickoff-toutes-les-formules\" target=\"_blank\" rel=\"noopener\">Voir toutes nos formules <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-why tko-wrap\" id=\"tko-pourquoi\" aria-labelledby=\"tko-why-title\">\n <div class=\"tko-section-head tko-why__head\">\n <h2 class=\"tko-reveal\" id=\"tko-why-title\">Trois m\u00e9tiers, <strong>une seule \u00e9quipe.<\/strong><\/h2>\n <p class=\"tko-reveal\">Lieux, table et activit\u00e9s sont g\u00e9r\u00e9s en interne, en Belgique et au Luxembourg. C'est ce qui nous permet de tout coordonner sans jamais vous renvoyer vers un prestataire.<\/p>\n <\/div>\n <div class=\"tko-why__grid tko-reveal\">\n <a class=\"tko-pilier\" href=\"#tko-lieux\" data-cta=\"kickoff-pourquoi-le-lieu\">\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/09\/DSCF0302_HD-scaled.webp\" alt=\"Ch\u00e2teau de Terblock vu de l'ext\u00e9rieur\" loading=\"lazy\"><\/div>\n <div class=\"tko-pilier__sur\">\n <h3>Le lieu<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Des endroits inspirants qui donnent imm\u00e9diatement une autre dimension \u00e0 votre kick-off. De 14 \u00e0 400 personnes, du bord de mer aux Ardennes.<\/p><span class=\"tko-pilier__go\">Voir les lieux <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\n <\/div>\n <\/a>\n <a class=\"tko-pilier\" href=\"#tko-teroir\" data-cta=\"kickoff-pourquoi-la-table\">\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0458_HD-scaled.webp\" alt=\"Table dress\u00e9e par Teroir Traiteur\" loading=\"lazy\"><\/div>\n <div class=\"tko-pilier__sur\">\n <h3>La table<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Une cuisine farm-to-fork issue de notre savoir-faire Teroir, pr\u00e9par\u00e9e dans nos cuisines et servie l\u00e0 o\u00f9 vous \u00eates.<\/p><span class=\"tko-pilier__go\">Voir les formules <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\n <\/div>\n <\/a>\n <a class=\"tko-pilier\" href=\"#tko-activites\" data-cta=\"kickoff-pourquoi-lactivit\u00e9\">\n <div class=\"tko-pilier__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/QuentinGuyot_0372.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/QuentinGuyot_0372.jpg\" alt=\"\u00c9quipe en plein d\u00e9fi lors d'un team building Tero\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\n <div class=\"tko-pilier__sur\">\n <h3>L'activit\u00e9<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Parce que les meilleurs moments ne se construisent pas seulement autour d'une table. Indoor et outdoor, encadr\u00e9es par nos animateurs.<\/p><span class=\"tko-pilier__go\">Voir les activit\u00e9s <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\n <\/div>\n <\/a>\n <div class=\"tko-pilier tko-pilier--fixe\">\n <div class=\"tko-pilier__sur\">\n <h3>L'organisation<\/h3>\n <div class=\"tko-pilier__rev\"><div><p>Un interlocuteur unique pour imaginer et orchestrer votre kick-off, du premier mail \u00e0 la derni\u00e8re assiette.<\/p><span class=\"tko-pilier__go tko-pilier__go--muet\">Inclus dans chaque formule<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-faq tko-wrap\" aria-labelledby=\"tko-faq-title\">\n <div>\n <h2 class=\"tko-reveal\" id=\"tko-faq-title\">Avant de vous <strong>lancer.<\/strong><\/h2>\n <\/div>\n <div class=\"tko-faq__list tko-reveal\">\n <details>\n <summary>Quand faut-il r\u00e9server un kick-off de janvier ?<\/summary>\n <p>Le plus t\u00f4t possible : la majorit\u00e9 des entreprises organisent leur kick-off sur les m\u00eames semaines de janvier et f\u00e9vrier. R\u00e9server en novembre ou en d\u00e9cembre vous laisse le choix du lieu et de la date.<\/p>\n <\/details>\n <details>\n <summary>Peut-on tout organiser avec un seul interlocuteur ?<\/summary>\n <p>Oui. Le lieu, l'activit\u00e9 de team building et le traiteur Teroir sont g\u00e9r\u00e9s par Tero. Vous avez une seule personne de contact du brief jusqu'au jour J.<\/p>\n <\/details>\n <details>\n <summary>Quel budget pr\u00e9voir pour la partie traiteur ?<\/summary>\n <p>Comptez \u00e0 partir de 50 \u20ac par personne pour un buffet et 80 \u20ac pour un walking dinner ou un d\u00eener assis, \u00e0 partir de 50 personnes, hors location de salle et hors boissons.<\/p>\n <\/details>\n <details>\n <summary>Est-il possible de rester dormir sur place ?<\/summary>\n <p>Oui. Nos lodges de Francorchamps et d'Herbeumont, dans les Ardennes, sont pens\u00e9s pour une retraite avec nuit\u00e9e. Choisissez le format \u00ab Avec nuit\u00e9e \u00bb dans le brief et on vous propose le lieu adapt\u00e9 \u00e0 votre groupe.<\/p>\n <\/details>\n <details>\n <summary>Et la technique pour la pl\u00e9ni\u00e8re ?<\/summary>\n <p>Indiquez vos besoins dans le brief (\u00e9cran, son, micros, captation). Nous les int\u00e9grons \u00e0 la proposition en fonction du lieu choisi.<\/p>\n <\/details>\n <\/div>\n <\/section>\n\n \n <section class=\"tko-blog tko-wrap\" aria-labelledby=\"tko-blog-title\">\n <div class=\"tko-blog__head\">\n <h2 class=\"tko-reveal\" id=\"tko-blog-title\">\u00c0 lire <strong>sur le blog.<\/strong><\/h2>\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/fr\/news\/\" data-cta=\"kickoff-blog-tous\" target=\"_blank\" rel=\"noopener\">Tous les articles <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <div class=\"tko-blog__grid tko-reveal\" id=\"tko-blog-list\">\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/fr\/news\/transformer-votre-lancement-dannee-en-levier-de-performance-dentreprise\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Kick-off 2027 : comment transformer votre lancement d\u2019ann\u00e9e en levier de culture et de performance d\u2019entreprise<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/fr\/news\/le-team-building-se-reinvente\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Le team building se r\u00e9invente : cr\u00e9ativit\u00e9, intelligence artificielle et nouvelles exp\u00e9riences collectives<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/fr\/news\/team-offsite-sortir-du-cadre-pour-mieux-avancer-ensemble\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team offsite : sortir du cadre pour mieux avancer ensemble<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\n <\/div>\n <\/section>\n\n\n<script>\n(() => {\n \/* ===== R\u00e9glages ===== *\/\n const FORM_ENDPOINT = ''; \/\/ \u2190 URL du webhook (Efficy \/ Odoo). Vide = avertissement, rien n'est envoy\u00e9.\n\n const root = document.getElementById('tero-kickoff');\n if (!root) return;\n const $ = (s, c = root) => c.querySelector(s);\n const $$ = (s, c = root) => Array.from(c.querySelectorAll(s));\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const dl = (o) => { window.dataLayer = window.dataLayer || []; window.dataLayer.push(o); };\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\n\n\n \/* ===== Hero ===== *\/\n const hero = $('#tko-hero');\n const heroNum = $('.tko-hero__num', hero);\n requestAnimationFrame(() => hero.classList.add('is-in'));\n\n \/* Compte \u00e0 rebours jusqu'au 1er janvier 2027 (bascule automatiquement ensuite) *\/\n const cd = $('#tko-countdown');\n const days = Math.ceil((new Date(2027, 0, 1) - new Date()) \/ 86400000);\n if (days > 0) cd.innerHTML = `<b>J-${days}<\/b> avant 2027`;\n else cd.innerHTML = '<b>2027<\/b> est lanc\u00e9 : il reste des dates';\n\n \/* ===== Apparitions + compteurs ===== *\/\n const countUp = (el) => {\n const target = +el.dataset.count;\n if (reduce || target < 2) return;\n const t0 = performance.now(), dur = 1400;\n const tick = (t) => {\n const p = clamp((t - t0) \/ dur);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n };\n const toReveal = $$('.tko-reveal, #tko-teroir');\n if ('IntersectionObserver' in window && !reduce) {\n const io = new IntersectionObserver((entries) => entries.forEach((en) => {\n if (!en.isIntersecting) return;\n en.target.classList.add('is-visible');\n $$('[data-count]', en.target).forEach(countUp);\n io.unobserve(en.target);\n }), { threshold: .15, rootMargin: '0px 0px -6% 0px' });\n toReveal.forEach((el) => io.observe(el));\n } else {\n toReveal.forEach((el) => el.classList.add('is-visible'));\n }\n\n \/* ===== Accroche : mots qui se remplissent au scroll ===== *\/\n const fill = $('[data-fill]');\n const accents = (fill.dataset.accent || '').split(',');\n fill.innerHTML = fill.textContent.trim().split(\/\\s+\/).map((w) => {\n const clean = w.replace(\/[.,]\/g, '').toLowerCase();\n return `<span class=\"w${accents.includes(clean) ? ' accent' : ''}\">${w}<\/span>`;\n }).join(' ');\n const words = $$('.w', fill);\n\n \/* ===== Phrase du hero : les mots apparaissent petit \u00e0 petit au scroll ===== *\/\n const storyP = $('#tko-story p');\n if (storyP) storyP.innerHTML = storyP.textContent.trim().split(\/[ \\t\\n]+\/).map((w) => `<span class=\"w\">${w}<\/span>`).join(' ');\n const storyWords = storyP ? $$('.w', storyP) : [];\n\n \/* ===== Hero en s\u00e9quence ===== *\/\n const seq = $('#tko-seq');\n const stick = $('#tko-seq-stick');\n const intro = $('#tko-intro');\n const quad = $('#tko-quad');\n const story = $('#tko-story');\n const outro = $('#tko-outro');\n const band = $('#tko-band');\n const layers = $$('.tko-layer', hero);\n const quadItems = $$('.tko-quad__item', quad);\n const ease = (t) => (t < .5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2);\n const seg = (p, a, b) => clamp((p - a) \/ (b - a));\n \/* Hauteurs fig\u00e9es en pixels : \u00e9vite les tremblements dus \u00e0 la barre d'adresse Safari sur mobile *\/\n \/* Sur \u00e9cran tactile, on ignore les petites variations de hauteur (barre d'adresse qui appara\u00eet\n et dispara\u00eet) ; sur ordinateur, on suit toujours la vraie hauteur de la fen\u00eatre. *\/\n const touch = window.matchMedia('(pointer: coarse)').matches;\n\n \/* Menu fixe du site : sur tero.be, Elementor ne fixe le menu (85 px) qu'une fois qu'on commence \u00e0 d\u00e9filer.\n \u00c0 chaque mise \u00e0 jour, on regarde donc ce qui se trouve tout en haut de l'\u00e9cran, et si c'est un \u00e9l\u00e9ment\n fix\u00e9 (fixed ou sticky) qui n'appartient pas \u00e0 la page kick-off, le hero se cale juste en dessous. *\/\n const fixedAncestor = (el) => {\n for (let n = el; n && n !== document.body && n !== document.documentElement; n = n.parentElement) {\n if (root.contains(n)) return null;\n const pos = getComputedStyle(n).position;\n if (pos === 'fixed' || pos === 'sticky') return n;\n }\n return null;\n };\n const headerOffset = () => {\n const maxH = window.innerHeight * .35;\n const found = new Set(document.querySelectorAll('.elementor-sticky--active, #wpadminbar'));\n const vw = document.documentElement.clientWidth;\n [vw * .5, vw * .15, vw * .85].forEach((x) => {\n (document.elementsFromPoint(x, 2) || []).forEach((el) => { const f = fixedAncestor(el); if (f) found.add(f); });\n });\n let bottom = 0;\n found.forEach((el) => {\n if (root.contains(el)) return;\n const r = el.getBoundingClientRect();\n if (r.height > 0 && r.top <= 2 && r.bottom > 0 && r.bottom < maxH && getComputedStyle(el).visibility !== 'hidden') bottom = Math.max(bottom, r.bottom);\n });\n return Math.round(bottom);\n };\n\n let seqW = 0, winH = 0, hdr = 0, stickH = 0;\n const sizeSeq = (force) => {\n if (reduce) return;\n const w = window.innerWidth, h = window.innerHeight, o = headerOffset();\n if (!force && w === seqW && h === winH && Math.abs(o - hdr) < 3) return;\n if (!force && touch && w === seqW && Math.abs(h - winH) < 120 && Math.abs(o - hdr) < 3) return;\n seqW = w; winH = h; hdr = o;\n stickH = h - hdr;\n stick.style.top = `${hdr}px`;\n stick.style.height = `${stickH}px`;\n seq.style.height = `${Math.round(h * 7.6)}px`;\n };\n const LAYER_START = [.36, .49, .62, .745];\n const LAYER_LEN = .125;\n const drawSeq = () => {\n if (reduce) return;\n const r = seq.getBoundingClientRect();\n if (r.bottom < 0 || r.top > winH) return;\n const p = clamp((hdr - r.top) \/ (seq.offsetHeight - stickH));\n const vw = document.documentElement.clientWidth;\n const mobile = vw < 760;\n\n \/* ouverture puis fermeture du cadre *\/\n const open = ease(seg(p, 0, .1));\n const close = mobile ? 0 : ease(seg(p, .86, .96)); \/* sur mobile, le devis reste en plein \u00e9cran *\/\n const f = open * (1 - close);\n const g = Math.min(40, Math.max(16, vw * .031));\n const restW = Math.min(1440, vw - 2 * g);\n const restTop = mobile ? 12 : 16;\n \/* Position \u00ab au repos \u00bb du cadre = celle qu'il a au chargement de la page, sous le menu.\n Elle est identique au d\u00e9but et \u00e0 la fin de la s\u00e9quence : le cadre retrouve exactement\n sa place et sa taille d'avant l'agrandissement. *\/\n const bandGap = mobile ? 10 : 14; \/* espace entre le cadre et les logos *\/\n const bandBox = mobile ? 60 : 72; \/* hauteur de la bande des logos *\/\n const bottomGap = mobile ? 14 : 28; \/* air sous les logos, en bas de l'\u00e9cran *\/\n const bandH = bandGap + bandBox + bottomGap;\n const loadTop = Math.min((r.top + window.scrollY) + restTop, winH * .3); \/* haut du cadre quand la page est en haut *\/\n const stickTop = stick.getBoundingClientRect().top;\n const restOffset = Math.max(restTop, loadTop - stickTop);\n const restH = Math.max(260, winH - loadTop - bandH);\n const radius = Math.min(40, Math.max(24, vw * .03));\n \/* Anti-tremblement : le hero garde toujours la taille de l'\u00e9cran (aucun recalcul de mise en page\n pendant le scroll). Le cadre qui s'ouvre et se referme est un simple masque (clip-path),\n et les contenus du cadre de d\u00e9part restent pos\u00e9s sur ce rectangle fixe. *\/\n const rx = Math.round((vw - restW) \/ 2), ry = Math.round(restOffset), rh = Math.round(restH);\n const restKey = `${rx}|${ry}|${restW}|${rh}|${radius}`;\n if (restKey !== hero._rk) {\n hero._rk = restKey;\n hero.style.setProperty('--rx', `${rx}px`);\n hero.style.setProperty('--ry', `${ry}px`);\n hero.style.setProperty('--rw', `${restW}px`);\n hero.style.setProperty('--rh', `${rh}px`);\n hero.style.setProperty('--rr', `${radius}px`);\n }\n const k = 1 - f;\n hero.style.clipPath = `inset(${(ry * k).toFixed(2)}px ${(rx * k).toFixed(2)}px ${(Math.max(0, stickH - ry - rh) * k).toFixed(2)}px ${(rx * k).toFixed(2)}px round ${(radius * k).toFixed(2)}px)`;\n hero.style.setProperty('--f', f.toFixed(4));\n stick.style.setProperty('--bt', `${restOffset + restH + bandGap}px`);\n band.style.setProperty('--bo', (1 - clamp(f * 3)).toFixed(3));\n\n \/* actes *\/\n const io = 1 - seg(p, .08, .12);\n const so = seg(p, .19, .215) * (1 - seg(p, .315, .35)); \/* entre .12 et .18 : le 2027 rempli reste seul \u00e0 l'\u00e9cran *\/\n const qo = seg(p, .36, .41) * (1 - seg(p, .86, .9));\n const oo = seg(p, .9, .96);\n hero.style.setProperty('--io', io.toFixed(3));\n hero.style.setProperty('--so', so.toFixed(3));\n \/* \u00ab 27 \u00bb : se remplit pendant que le cadre s'ouvre, puis s'efface quand les photos arrivent *\/\n hero.style.setProperty('--fill27', `${(seg(p, 0, .12) * 100).toFixed(1)}%`); \/* enti\u00e8rement rempli, puis affich\u00e9 seul *\/\n const ph = seg(p, LAYER_START[0], LAYER_START[0] + .05);\n hero.style.setProperty('--ov', '0'); \/* voile sombre seulement quand les photos sont l\u00e0 *\/\n hero.style.setProperty('--n27', ((1 - ph) * (1 - ease(seg(p, .17, .24)) * .85)).toFixed(3)); \/* fondu doux avant l'arriv\u00e9e de la phrase *\/\n hero.style.setProperty('--qo', qo.toFixed(3));\n hero.style.setProperty('--oo', oo.toFixed(3));\n intro.classList.toggle('is-live', io > .5);\n quad.classList.toggle('is-live', qo > .5);\n story.classList.toggle('is-live', so > .5);\n const sn = Math.round(seg(p, .2, .3) * storyWords.length);\n storyWords.forEach((w, i) => w.classList.toggle('on', i < sn));\n outro.classList.toggle('is-live', oo > .5);\n\n \/* couches photo et colonne active *\/\n let active = 0;\n layers.forEach((l, k) => {\n const lo = seg(p, LAYER_START[k], LAYER_START[k] + .05);\n l.style.opacity = (lo * (1 - oo)).toFixed(3); \/* au devis, les photos s'effacent : retour au fond pastel *\/\n l.style.setProperty('--lo', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\n if (p >= LAYER_START[k]) active = k;\n });\n quadItems.forEach((it, k) => {\n it.classList.toggle('is-active', k === active);\n it.style.setProperty('--ip', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\n });\n };\n\n \/* Les boutons \u00ab Bloquer une date \u00bb m\u00e8nent au dernier \u00e9cran de la s\u00e9quence (le devis) *\/\n $$('a[href=\"#tko-brief\"]').forEach((a) => a.addEventListener('click', (e) => {\n if (reduce) return;\n e.preventDefault();\n sizeSeq();\n const top = seq.getBoundingClientRect().top + window.scrollY + seq.offsetHeight - window.innerHeight;\n window.scrollTo({ top, behavior: 'auto' });\n }));\n\n \/* ===== Boucle scroll unique ===== *\/\n const quick = $('#tko-quicknav');\n const quickMark = $('#tko-quicknav-mark');\n const hookEl = $('.tko-hook');\n const side = $('[data-parallax]');\n let ticking = false;\n const onScroll = () => {\n const vh = window.innerHeight;\n sizeSeq();\n\n if (!reduce) {\n const r = fill.getBoundingClientRect();\n const p = clamp((vh * .85 - r.top) \/ (r.height + vh * .35));\n const n = Math.round(p * words.length);\n words.forEach((w, i) => w.classList.toggle('on', i < n));\n }\n\n\n drawSeq();\n\n if (!reduce && side) {\n const r = side.getBoundingClientRect();\n side.style.setProperty('--py', `${Math.max(-30, Math.min(30, ((r.top + r.height \/ 2) \/ vh - .5) * -60))}px`);\n }\n\n\n \/* Apr\u00e8s l'accroche : le menu du site se cache et la barre d'acc\u00e8s rapide prend sa place *\/\n const navOn = quickMark.getBoundingClientRect().top < 86; \/* la barre arrive au niveau du menu : elle prend sa place *\/\n if (navOn !== quick.classList.contains('is-on')) {\n quick.classList.toggle('is-on', navOn);\n document.body.classList.toggle('tko-menu-hidden', navOn);\n }\n\n ticking = false;\n };\n const requestTick = () => { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } };\n window.addEventListener('scroll', requestTick, { passive: true });\n window.addEventListener('resize', () => { sizeSeq(); requestTick(); });\n window.addEventListener('load', () => { sizeSeq(true); requestTick(); });\n window.addEventListener('load', requestTick);\n sizeSeq(true); onScroll();\n\n \/* ===== Effets souris : spotlight cartes + boutons magn\u00e9tiques ===== *\/\n if (!reduce && window.matchMedia('(hover: hover)').matches) {\n $$('[data-spot]').forEach((card) => card.addEventListener('pointermove', (e) => {\n const r = card.getBoundingClientRect();\n card.style.setProperty('--mx', `${e.clientX - r.left}px`);\n card.style.setProperty('--my', `${e.clientY - r.top}px`);\n }));\n $$('.tko-btn').forEach((btn) => {\n btn.addEventListener('pointermove', (e) => {\n const r = btn.getBoundingClientRect();\n btn.style.setProperty('--tx', `${(e.clientX - r.left - r.width \/ 2) * .18}px`);\n btn.style.setProperty('--ty', `${(e.clientY - r.top - r.height \/ 2) * .3}px`);\n });\n btn.addEventListener('pointerleave', () => { btn.style.setProperty('--tx', '0px'); btn.style.setProperty('--ty', '0px'); });\n });\n }\n\n \/* ===== Carrousels lieux et activit\u00e9s (fa\u00e7on WePresent) =====\n Ordinateur : d\u00e9filement horizontal, la carte au centre est mise en avant.\n Mobile : les cartes s'empilent les unes sur les autres au scroll. *\/\n const mqStack = window.matchMedia('(max-width: 760px)');\n const crs = $$('[data-cr]').map((box) => {\n const track = $('.tko-cr__track', box);\n const cards = $$('.tko-card', track);\n const prev = $('.tko-cr__btn--prev', box), next = $('.tko-cr__btn--next', box);\n const update = () => {\n if (mqStack.matches) { prev.disabled = false; next.disabled = false; return; }\n const mid = track.getBoundingClientRect().left + track.clientWidth \/ 2;\n let best = null, bd = 1e9;\n cards.forEach((c) => { const r = c.getBoundingClientRect(); const d = Math.abs(r.left + r.width \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\n cards.forEach((c) => c.classList.toggle('is-active', c === best));\n \/* Arc tr\u00e8s l\u00e9ger : la carte du centre est mise en avant, les autres sont un peu plus basses, plus petites et estomp\u00e9es *\/\n if (!reduce) cards.forEach((c) => {\n const r = c.getBoundingClientRect();\n const d = Math.min(2, Math.abs((r.left + r.width \/ 2 - mid) \/ (r.width + 24)));\n const sd = Math.sign(r.left + r.width \/ 2 - mid);\n c.style.setProperty('--ay', `${(d * d * 9).toFixed(1)}px`);\n c.style.setProperty('--ar', `${(sd * d * 1.2).toFixed(2)}deg`);\n c.style.setProperty('--as', `${(1 - d * .06).toFixed(3)}`);\n c.style.setProperty('--ao', `${(1 - Math.min(1, d) * .28).toFixed(3)}`);\n });\n const max = track.scrollWidth - track.clientWidth;\n prev.disabled = track.scrollLeft <= 4; next.disabled = track.scrollLeft >= max - 4;\n };\n let t = false, idle = null, settling = false, down = false;\n \/* Recentrage doux sur la carte la plus proche, une fois le d\u00e9filement termin\u00e9\n (remplace l'aimantation CSS qui ramenait les cartes en arri\u00e8re au trackpad) *\/\n const settle = () => {\n if (mqStack.matches || down) return;\n const mid = track.scrollLeft + track.clientWidth \/ 2;\n let best = cards[0], bd = 1e9;\n cards.forEach((c) => { const d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\n if (bd < 3) return;\n settling = true;\n track.scrollTo({ left: best.offsetLeft + best.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\n setTimeout(() => { settling = false; }, 500);\n };\n track.addEventListener('scroll', () => {\n if (!t) { t = true; requestAnimationFrame(() => { t = false; update(); }); }\n if (!settling) { clearTimeout(idle); idle = setTimeout(settle, 180); }\n }, { passive: true });\n const step = (dir) => {\n const act = $('.tko-card.is-active', track) || cards[0];\n const k = Math.min(cards.length - 1, Math.max(0, cards.indexOf(act) + dir));\n const c = cards[k];\n track.scrollTo({ left: c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\n };\n prev.addEventListener('click', () => (mqStack.matches ? go(-1) : step(-1)));\n next.addEventListener('click', () => (mqStack.matches ? go(1) : step(1)));\n \/* Glisser \u00e0 la souris *\/\n let sx = 0, sl = 0, moved = false;\n track.addEventListener('pointerdown', (e) => { if (e.pointerType !== 'mouse' || mqStack.matches) return; down = true; moved = false; sx = e.clientX; sl = track.scrollLeft; });\n window.addEventListener('pointermove', (e) => { if (!down) return; const dx = e.clientX - sx; if (Math.abs(dx) > 5) { moved = true; track.classList.add('is-dragging'); } track.scrollLeft = sl - dx; });\n window.addEventListener('pointerup', () => { if (!down) return; down = false; setTimeout(() => track.classList.remove('is-dragging'), 0); settle(); });\n track.addEventListener('click', (e) => { if (moved) { e.preventDefault(); moved = false; } }, true);\n \/* Mobile : paquet de cartes \u00e0 swiper *\/\n const n = cards.length;\n let cur = 0, busy = false;\n const count = document.createElement('span'); count.className = 'tko-cr__count'; count.setAttribute('aria-live', 'polite');\n next.before(count);\n cards.forEach((c, k) => { c.style.setProperty('--i', k); });\n const render = (dx = 0) => {\n if (!mqStack.matches) { cards.forEach((c) => { c.style.transform = ''; c.style.opacity = ''; c.style.zIndex = ''; c.style.pointerEvents = ''; c.classList.remove('is-front'); }); return; }\n cards.forEach((c, i) => {\n const k = (i - cur + n) % n;\n c.classList.toggle('is-front', k === 0);\n c.style.zIndex = String(n - k);\n c.style.pointerEvents = k === 0 ? 'auto' : 'none';\n c.tabIndex = k === 0 ? 0 : -1;\n if (k === 0) { c.style.transform = `translateX(${dx}px) rotate(${dx \/ 22}deg)`; c.style.opacity = '1'; }\n else if (k <= 2) {\n const pull = Math.min(1, Math.abs(dx) \/ 140); \/* la carte suivante avance pendant le swipe *\/\n const kk = k - (k === 1 ? pull : pull * .5);\n c.style.transform = `translateY(${kk * 18}px) scale(${1 - kk * .05})`; c.style.opacity = '1';\n } else { c.style.transform = 'translateY(36px) scale(.9)'; c.style.opacity = '0'; }\n });\n count.textContent = `${cur + 1} \/ ${n}`;\n };\n const go = (dir) => {\n if (busy) return; busy = true;\n const front = cards[cur];\n box.classList.remove('is-swiping');\n front.style.transform = `translateX(${dir > 0 ? -120 : 120}%) rotate(${dir > 0 ? -14 : 14}deg)`;\n front.style.opacity = '0';\n setTimeout(() => { cur = (cur + dir + n) % n; render(0); busy = false; }, reduce ? 0 : 260);\n };\n let tx = 0, ty = 0, dx = 0, drag = false, lock = null, swiped = false;\n track.addEventListener('pointerdown', (e) => {\n if (!mqStack.matches || busy || !e.target.closest('.tko-card.is-front')) return;\n drag = true; lock = null; swiped = false; tx = e.clientX; ty = e.clientY; dx = 0;\n });\n window.addEventListener('pointermove', (e) => {\n if (!drag) return;\n const mx = e.clientX - tx, my = e.clientY - ty;\n if (lock === null && (Math.abs(mx) > 6 || Math.abs(my) > 6)) lock = Math.abs(mx) > Math.abs(my) ? 'x' : 'y';\n if (lock !== 'x') return;\n dx = mx; swiped = true; box.classList.add('is-swiping'); render(dx);\n }, { passive: true });\n const end = () => {\n if (!drag) return; drag = false;\n if (lock === 'x' && Math.abs(dx) > 70) go(dx < 0 ? 1 : -1);\n else { box.classList.remove('is-swiping'); render(0); }\n };\n window.addEventListener('pointerup', end);\n window.addEventListener('pointercancel', end);\n track.addEventListener('click', (e) => { if (swiped) { e.preventDefault(); swiped = false; } }, true);\n track.addEventListener('dragstart', (e) => e.preventDefault()); \/* \u00e9vite le glisser natif des liens et images *\/\n const stack = () => render(0);\n \/* Au d\u00e9part, la 2e carte est au centre : les 3 premi\u00e8res sont visibles *\/\n const start = () => {\n if (mqStack.matches || cards.length < 2) return;\n const c = cards[1];\n track.scrollLeft = c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2;\n };\n return { update, stack, start };\n });\n crs.forEach((c) => c.start());\n const crAll = () => crs.forEach((c) => { c.update(); c.stack(); });\n window.addEventListener('resize', crAll);\n window.addEventListener('load', () => { crs.forEach((c) => c.start()); crAll(); });\n crAll();\n\n \/* ===== Intentions : la carte se retourne et montre les coups de c\u0153ur ===== *\/\n const ints = $$('.tko-int:not(.tko-int--side)');\n const setInt = (card, open) => {\n ints.forEach((c) => { if (c !== card) { c.classList.remove('is-open'); c.setAttribute('aria-expanded', 'false'); } });\n card.classList.toggle('is-open', open);\n card.setAttribute('aria-expanded', String(open));\n };\n ints.forEach((card) => {\n card.addEventListener('click', (e) => {\n if (e.target.closest('.tko-sol')) return; \/* les liens restent des liens *\/\n if (e.target.closest('.tko-int__back')) { e.stopPropagation(); setInt(card, false); return; }\n if (!card.classList.contains('is-open')) setInt(card, true);\n });\n card.addEventListener('keydown', (e) => {\n if (e.target !== card) return;\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setInt(card, !card.classList.contains('is-open')); }\n if (e.key === 'Escape') setInt(card, false);\n });\n });\n\n \/* ===== Blog : met \u00e0 jour les 3 derniers articles depuis tero.be\/fr\/news\/ (sinon la liste \u00e9crite reste) ===== *\/\n const blogList = $('#tko-blog-list');\n if (blogList && \/(^|\\.)tero\\.be$\/.test(location.hostname) && window.fetch && window.DOMParser) {\n fetch('\/fr\/news\/', { credentials: 'same-origin' }).then((r) => (r.ok ? r.text() : Promise.reject(r.status))).then((html) => {\n const doc = new DOMParser().parseFromString(html, 'text\/html');\n const seen = new Set(); const items = [];\n doc.querySelectorAll('.jet-listing-grid__item').forEach((it) => {\n const a = it.querySelector('a[href*=\"\/fr\/news\/\"]');\n const h = it.querySelector('.elementor-heading-title');\n if (!a || !h || \/\\\/news\\\/(tags|feed)|\\?\/.test(a.href) || seen.has(a.href)) return;\n const t = h.textContent.trim(); if (t.length < 12) return;\n seen.add(a.href); items.push([a.href, t]);\n });\n if (items.length < 3) return;\n const esc = (x) => x.replace(\/[&<>\"]\/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\n blogList.innerHTML = items.slice(0, 3).map(([h, t]) => `<a class=\"tko-article\" href=\"${esc(h)}\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>${esc(t)}<\/h3><span>Lire l'article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>`).join('');\n }).catch(() => {});\n }\n\n \/* ===== Formulaire en \u00e9tapes ===== *\/\n const wrap = $('#tko-form');\n const form = $('form', wrap);\n const steps = $$('fieldset', form);\n const dots = $$('.tko-form__progress span', wrap);\n const back = $('.tko-form__back', form);\n const nextLabel = $('.tko-next-label', form);\n const err = $('.tko-form__error', form);\n let cur = 0;\n\n const show = (i) => {\n cur = i;\n steps.forEach((s, k) => { s.hidden = k !== i; });\n dots.forEach((d, k) => d.classList.toggle('on', k <= i));\n back.hidden = i === 0;\n nextLabel.textContent = i === steps.length - 1 ? 'Envoyer mon brief' : 'Continuer';\n err.textContent = '';\n };\n const valid = (fs) => {\n const radios = [...new Set($$('input[type=radio]', fs).map((r) => r.name))];\n for (const name of radios) if (!$(`input[name=\"${name}\"]:checked`, fs)) return 'Choisissez une option pour continuer.';\n for (const f of $$('input:not([type=radio]), textarea', fs)) if (!f.checkValidity()) { f.focus(); return f.type === 'checkbox' ? 'Merci d\\'accepter le traitement de vos informations.' : 'Merci de compl\u00e9ter les champs obligatoires.'; }\n return '';\n };\n\n \/* Avance automatique quand l'\u00e9tape n'a qu'une question *\/\n steps.forEach((fs, i) => $$('input[type=radio]', fs).forEach((r) => r.addEventListener('change', () => {\n const groups = new Set($$('input[type=radio]', fs).map((x) => x.name)).size;\n if (groups === 1 && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', step: i + 1 }); show(i + 1); }, 260);\n })));\n\n back.addEventListener('click', () => show(Math.max(0, cur - 1)));\n\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n const msg = valid(steps[cur]);\n if (msg) { err.textContent = msg; return; }\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', step: cur + 1 }); show(cur + 1); return; }\n\n if (!FORM_ENDPOINT) { err.textContent = 'Formulaire pas encore connect\u00e9 : renseigner FORM_ENDPOINT dans le script.'; return; }\n\n const data = Object.fromEntries(new FormData(form).entries());\n try {\n const res = await fetch(FORM_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) });\n if (!res.ok) throw new Error(res.status);\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\n dl({ event: 'kickoff_brief_submit', periode: data.periode, participants: data.participants, format: data.format, region: data.region });\n wrap.classList.add('is-done');\n $('.tko-form__done', wrap).focus();\n } catch (x) {\n err.textContent = 'L\\'envoi n\\'a pas fonctionn\u00e9. R\u00e9essayez ou \u00e9crivez-nous via la page devis.';\n }\n });\n})();\n<\/script>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Kick-off d’entreprise 2027 en Belgique et au Luxembourg | Tero 2027 Lan\u00e7ons 2027ensemble. 2027 commence le jour o\u00f9 vous le d\u00e9cidez. Choisissez la date de votre kick-off : on s’occupe du lieu, de l’activit\u00e9 et de la table, en Belgique comme au Luxembourg. Bloquer une date \u2192 J-57 avant 2027 Lancer l’ann\u00e9e ou r\u00e9unir une \u00e9quipe […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-55634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/comments?post=55634"}],"version-history":[{"count":60,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55634\/revisions"}],"predecessor-version":[{"id":55787,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55634\/revisions\/55787"}],"wp:attachment":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/media?parent=55634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/categories?post=55634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/tags?post=55634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}