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 \/* cadrage de chaque photo : r\u00e9gl\u00e9 avec --op sur la couche (x y) *\/\n #tero-kickoff .tko-layer img { object-position: var(--op, 50% 50%) !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 \/* le th\u00e8me change l'arrondi des champs au clic : on garde la forme pilule *\/\n #tero-kickoff .tko-field input, #tero-kickoff .tko-field input:focus { border-radius: 999px; }\n #tero-kickoff .tko-field textarea, #tero-kickoff .tko-field textarea:focus { border-radius: 1.25rem; }\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\n \/* ---------- Formulaire : date pr\u00e9cise ---------- *\/\n .tko-field--date { margin-top: .9rem; max-width: 16rem; }\n .tko-field--date label span { font-weight: 400; color: var(--mute); }\n .tko-field--date input { font-family: inherit; color: var(--ink); }\n\n\n .tko-form .is-missing > p { color: #c2410c; }\n .tko-form .is-missing .tko-chip span, .tko-form .tko-chips.is-missing .tko-chip span { box-shadow: 0 0 0 1.5px #f4a37c inset; }\n .tko-form__error:not(:empty) { margin-top: .9rem; color: #c2410c; font-weight: 500; }\n\n\n \/* ---------- Formulaire du hero : plus compact, bouton \u00ab Continuer \u00bb toujours visible ---------- *\/\n .tko-hero__quote .tko-chips { gap: .45rem; }\n .tko-hero__quote .tko-chip span { min-height: 2.45rem; padding: .5rem 1rem; font-size: .9rem; }\n .tko-hero__quote .tko-form__group + .tko-form__group { margin-top: 1.1rem; }\n .tko-hero__quote .tko-form__group > p { margin-bottom: .5rem; }\n .tko-hero__quote .tko-field--date { margin-top: .6rem; }\n .tko-hero__quote .tko-field--date input { padding: .5rem 1rem; }\n .tko-hero__quote .tko-form__nav {\n position: sticky; bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); z-index: 2;\n margin-inline: calc(-1 * clamp(1.25rem, 2.4vw, 2rem)); padding: .75rem clamp(1.25rem, 2.4vw, 2rem) clamp(1rem, 2.6vh, 1.75rem);\n margin-bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); background: var(--white); border-radius: 0 0 1.6rem 1.6rem;\n }\n\n\n \/* Formulaire JetFormBuilder qui transporte la demande vers Efficy : pr\u00e9sent sur la page mais invisible *\/\n #tko-jfb { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }\n\n\n .tko-hero__quote .tko-consent--2 { margin-top: .45rem; }\n #tero-kickoff .tko-consent a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\n\n\n \/* Mobile : pr\u00e9nom et nom c\u00f4te \u00e0 c\u00f4te pour raccourcir l'\u00e9tape 5 *\/\n @media (max-width: 760px) {\n .tko-hero__quote .tko-fields { grid-template-columns: 1fr 1fr; }\n .tko-hero__quote .tko-fields .tko-field:nth-child(n+3) { grid-column: 1 \/ -1; }\n }\n\n\n \/* Deux dates (du \/ au) c\u00f4te \u00e0 c\u00f4te *\/\n .tko-dates { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; max-width: 24rem; margin-top: .6rem; }\n .tko-dates .tko-field--date { margin-top: 0; max-width: none; }\n .tko-hero__quote .tko-dates .tko-field--date { margin-top: 0; }\n\n \/* Le th\u00e8me colore les boutons au survol \/ clic (rose) : on neutralise sur nos boutons *\/\n #tero-kickoff .tko-form__back, #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-form__back:focus, #tero-kickoff .tko-form__back:active,\n #tero-kickoff .tko-int__back, #tero-kickoff .tko-int__back:hover, #tero-kickoff .tko-int__back:focus, #tero-kickoff .tko-int__back:active {\n background: none !important; border: 0 !important; box-shadow: none !important; color: var(--mute) !important; border-radius: 0 !important; padding-inline: 0 !important;\n }\n #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-int__back:hover { color: var(--ink) !important; }\n #tero-kickoff .tko-form__back:focus-visible, #tero-kickoff .tko-int__back:focus-visible { outline: 2px solid var(--b); outline-offset: 3px; }\n #tero-kickoff .tko-cr__btn:focus, #tero-kickoff .tko-railbtn:focus { background: var(--white); color: var(--ink); border: 0; }\n #tero-kickoff .tko-cr__btn:hover, #tero-kickoff .tko-railbtn:hover, #tero-kickoff .tko-cr__btn:focus-visible, #tero-kickoff .tko-railbtn:focus-visible { background: var(--b); color: var(--white); }\n #tero-kickoff button.tko-btn--bx, #tero-kickoff button.tko-btn--bx:hover, #tero-kickoff button.tko-btn--bx:focus, #tero-kickoff button.tko-btn--bx:active { background-color: var(--b); color: var(--white); border-color: var(--b); }\n #tero-kickoff button.tko-btn--bx:hover { border-color: var(--b-2); }\n\n\n .tko-form__soft { font-weight: 400; color: var(--mute); }\n .tko-hero__quote [data-step=\"3\"] .tko-form__group + .tko-form__group { margin-top: .9rem; }\n\n\n \/* ---------- Intentions : au verso, photo + nuage de tags ---------- *\/\n .tko-int__face { display: flex; flex-direction: column; }\n .tko-int__face p { margin-top: .7rem !important; }\n .tko-int__face .tko-int__go { margin-top: auto; padding-top: 1.1rem; }\n .tko-int__verso { display: grid; gap: .9rem; margin-top: .3rem; }\n .tko-int__verso .tko-int__ph { height: clamp(8rem, 11vw, 10rem); margin: 0; }\n .tko-int__vtxt { display: flex; flex-direction: column; gap: .8rem; }\n .tko .tko-int__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }\n .tko .tko-tag { margin: 0; padding: .32rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 500; line-height: 1.2; color: var(--ink); }\n .tko-tag--blue { background: var(--p-blue); }\n .tko-tag--mint { background: var(--p-mint); }\n .tko-tag--yellow { background: var(--p-yellow); }\n #tero-kickoff .tko-int__cta { color: var(--b); font-size: .88rem; font-weight: 600; }\n .tko-int.is-open .tko-int__sol { display: block; }\n .tko-int__sol .tko-int__head > span { letter-spacing: .08em; }\n \/* grandes cartes : photo \u00e0 gauche, nuage de tags \u00e0 droite *\/\n @media (min-width: 641px) {\n .tko-int--grande .tko-int__verso { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }\n .tko-int--grande .tko-int__verso .tko-int__ph { height: 100%; min-height: 9.5rem; }\n .tko-int--grande .tko-int__vtxt { justify-content: center; }\n .tko-int--grande .tko-tag { font-size: .86rem; padding: .42rem .95rem; }\n }\n\n\n \/* ---------- Devis en bas de page ---------- *\/\n .tko-devis { margin-top: var(--sp); }\n .tko-devis__panel { background: var(--p-mint); border-radius: var(--r); }\n .tko .tko-hero__quote.tko-quote--bas {\n position: relative; inset: auto; left: auto; top: auto; width: auto; height: auto; min-height: 0;\n opacity: 1; transform: none; pointer-events: auto; overflow: visible; align-items: center;\n padding: clamp(1.5rem, 4vw, 3.5rem);\n }\n .tko .tko-quote--bas .tko-form { max-height: none; overflow: visible; }\n .tko-devis__dock { min-width: 0; }\n .tko-devis__dock:empty { min-height: 30rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .55); }\n @media (max-width: 760px) {\n .tko .tko-hero__quote.tko-quote--bas { grid-template-columns: 1fr; padding: 1.5rem 1rem; }\n }\n\n\n \/* ---------- Titre de section + \u00ab Organiser mon kick-off \u00bb et compte \u00e0 rebours \u00e0 droite ---------- *\/\n .tko-titlerow { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; width: 100%; }\n .tko-titlerow > h2 { flex: 1 1 22rem; }\n .tko-secta { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }\n .tko .tko-countdown--sec { display: inline-flex; padding: .7rem 1.05rem; border: 0; background: var(--white); color: var(--ink); font-size: .85rem; }\n .tko-countdown--sec b { font-size: 1.05rem; }\n .tko-intents__panel .tko-countdown--sec, .tko-acts__panel .tko-countdown--sec, .tko-teroir .tko-countdown--sec { background: var(--white); }\n .tko-venues .tko-countdown--sec, .tko-why .tko-countdown--sec, .tko-faq .tko-countdown--sec { background: var(--p-mint); }\n #tero-kickoff .tko-secta__btn { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.35rem; border-radius: 999px; background: var(--b); color: var(--white); font-size: .92rem; font-weight: 600; white-space: nowrap; transition: background .25s ease; }\n #tero-kickoff .tko-secta__btn:hover, #tero-kickoff .tko-secta__btn:focus-visible { background: var(--b-2); color: var(--white); }\n .tko-faq .tko-titlerow { flex-direction: column; align-items: flex-start; }\n .tko-teroir .tko-titlerow { align-items: flex-end; }\n @media (max-width: 640px) {\n .tko-titlerow { align-items: flex-start; }\n .tko-titlerow > h2 { flex-basis: 100%; }\n #tero-kickoff .tko-secta__btn { padding: .7rem 1.1rem; font-size: .88rem; }\n .tko .tko-countdown--sec { padding: .62rem .9rem; font-size: .8rem; }\n .tko-countdown--sec .tko-cd__s { display: none; }\n .tko-secta { flex-wrap: wrap; }\n }\n\n \/* ---------- Verso des intentions : la photo est le choix principal, les tags des compl\u00e9ments ---------- *\/\n #tero-kickoff .tko-int__ph--go { position: relative; display: block; color: var(--white); }\n .tko-int__ph--go img { transition: transform .6s var(--e); }\n .tko-int__ph--go:hover img { transform: scale(1.05); }\n .tko-int__ph--go::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .72) 0%, rgba(15, 15, 20, .1) 55%, transparent 75%); pointer-events: none; }\n .tko-int__cap { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .8rem; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }\n .tko-int__cap small { grid-column: 1; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }\n .tko-int__cap b { grid-column: 1; font-size: 1.05rem; font-weight: 600; line-height: 1.2; }\n .tko-int__cap i { grid-column: 2; grid-row: 1 \/ 3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); font-style: normal; font-size: .95rem; }\n .tko .tko-int__plus { margin: 0 0 -.3rem; color: var(--mute); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n .tko .tko-int__tags .tko-tag::before { content: \"+ \"; color: var(--b); font-weight: 600; }\n \/* m\u00eame hauteur de photo pour toutes les cartes d'une rang\u00e9e *\/\n .tko-int__verso .tko-int__ph, .tko-int--grande .tko-int__verso .tko-int__ph { height: 11rem; min-height: 0; }\n @media (min-width: 641px) { .tko-int--grande .tko-int__verso .tko-int__ph { height: 12.5rem; } }\n \/* arriv\u00e9e sur une activit\u00e9 : l\u00e9ger halo *\/\n .tko-bt.is-flash { box-shadow: 0 0 0 4px var(--b); transition: box-shadow .3s ease; }\n\n\n .tko-teroir__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }\n .tko-teroir > div > .tko-teroir__ctas .tko-btn { margin-top: 0; }\n .tko-teroir__ctas { align-items: stretch; }\n #tero-kickoff .tko-teroir__ctas .tko-secta__btn { padding-inline: 1.6rem; font-size: .95rem; }\n\n \/* ---------- Version Luxembourg : deux lieux, c\u00f4te \u00e0 c\u00f4te, sans carrousel ---------- *\/\n @media (min-width: 761px) {\n .tko-cr--duo .tko-cr__btn { display: none !important; }\n .tko-cr--duo .tko-cr__track { justify-content: center; overflow: visible; cursor: default; padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 3vw, 2.5rem); }\n .tko-cr--duo .tko-card { transform: none !important; opacity: 1 !important; }\n }\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\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-accueillir-house17.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-aligner-pleniere.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer\" style=\"--op:50% 50%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activer-team-building.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer tko-layer--still\" style=\"--op:50% 40%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-rassembler-drink.webp\" alt=\"\"><\/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 rapides, et on revient vers vous avec une proposition faite pour votre \u00e9quipe.<\/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>Que cherchez-vous pour votre kick-off ?<\/legend>\n <p class=\"tko-form__hint\">Une seule r\u00e9ponse, on affine ensuite.<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Un lieu\" required><span>Un lieu<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Le traiteur\"><span>Le traiteur<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Un team building\"><span>Un team building<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Tout (lieu, activit\u00e9 et traiteur)\"><span>Tout : lieu, activit\u00e9 et traiteur<\/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>Quand, et pour quel budget ?<\/legend>\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\n <p>Dates de l'\u00e9v\u00e9nement<\/p>\n <div class=\"tko-dates\">\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date\">Du<\/label><input id=\"tko-date\" type=\"date\" name=\"date\" required><\/div>\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date-fin\">Au<\/label><input id=\"tko-date-fin\" type=\"date\" name=\"date_fin\" required><\/div>\n <\/div>\n <\/div>\n <div class=\"tko-form__group\">\n <p>Budget par personne<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"100 \u00e0 150 \u20ac\" required><span>100 \u00e0 150 \u20ac<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"150 \u00e0 200 \u20ac\"><span>150 \u00e0 200 \u20ac<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Plus de 200 \u20ac\"><span>Plus de 200 \u20ac<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u00c0 d\u00e9finir ensemble\"><span>\u00c0 d\u00e9finir ensemble<\/span><\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"3\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 3 sur 4<\/span>Combien, quel format et o\u00f9 ?<\/legend>\n <div class=\"tko-form__group\" style=\"margin-top:1.1rem\">\n <p>Nombre de personnes <span class=\"tko-form__soft\">(une estimation suffit)<\/span><\/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 <\/div>\n <div class=\"tko-form__group\">\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-prenom\">Pr\u00e9nom<\/label><input id=\"tko-prenom\" name=\"prenom\" autocomplete=\"given-name\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-nom\">Nom<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"family-name\" 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-societe\">Soci\u00e9t\u00e9<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\n <div class=\"tko-field tko-field--full\"><label for=\"tko-tel\">T\u00e9l\u00e9phone<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\" placeholder=\"+32 470 12 34 56\" required><\/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>Je consens au traitement de mes donn\u00e9es pour recevoir un devis, comme indiqu\u00e9 dans la <a href=\"https:\/\/tero.be\/fr\/politique-vie-privee\/\" target=\"_blank\" rel=\"noopener\">politique de confidentialit\u00e9<\/a>. *<\/span><\/label>\n <label class=\"tko-consent tko-consent--2\"><input type=\"checkbox\" name=\"consent_email\"><span>Je consens \u00e0 recevoir des courriels promotionnels et de marketing de la part de Tero.<\/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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-intents-title\">Qu'est-ce qui compte le plus <strong>pour votre kick-off ?<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-intentions\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\n <p class=\"tko-reveal\">Choisissez votre intention : on vous montre le lieu ou l'activit\u00e9 qui y r\u00e9pond le mieux, et ce qu'on peut y ajouter pour en faire un kick-off complet.<\/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 <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>Lancer 2027 et aligner<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/herbeumont\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><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-int__cap\"><small>Le lieu<\/small><b>Tero Lodge Herbeumont<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">S\u00e9minaire<\/li><li class=\"tko-tag tko-tag--mint\">CrIAtivity<\/li><li class=\"tko-tag tko-tag--yellow\">Lunch<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\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 <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>R\u00e9chauffer janvier<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-final-mystery\" data-goto data-cta=\"kickoff-intention-photo\"><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 le Final Mystery\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>L'activit\u00e9<\/small><b>The Final Mystery<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Lunch<\/li><li class=\"tko-tag tko-tag--mint\">Walking dinner<\/li><li class=\"tko-tag tko-tag--yellow\">Au bureau ou dans un lieu Tero<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\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>Cl\u00f4turer 2026<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/river-house-luxembourg\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><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-int__cap\"><small>Le lieu<\/small><b>Tero River House<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Raclette<\/li><li class=\"tko-tag tko-tag--mint\">Quiz Play<\/li><li class=\"tko-tag tko-tag--yellow\">Luxembourg-Ville<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\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>Cheers to 2027<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/house17\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><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-int__cap\"><small>Le lieu<\/small><b>Tero House17<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Pl\u00e9ni\u00e8re<\/li><li class=\"tko-tag tko-tag--mint\">Keynote<\/li><li class=\"tko-tag tko-tag--yellow\">Menu 3 services<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\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>Int\u00e9grer<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-venue-play\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Une \u00e9quipe pendant le Venue Play\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>L'activit\u00e9<\/small><b>Venue Play<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Votre bureau<\/li><li class=\"tko-tag tko-tag--mint\">Lunch<\/li><li class=\"tko-tag tko-tag--yellow\">Buffet des chefs<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-venues-title\">Changer de cadre<br> <strong>change la conversation.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-lieux\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\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--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:0\">\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:1\">\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\/garisart-sports-club\/\" data-cta=\"kickoff-lieu-padel-arlon\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\" id=\"tko-lieu-padel-arlon\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg\" alt=\"Terrains de padel du Tero Padel Arlon\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Padel & sport<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Arlon \u00b7 Belgique<\/small><b>Tero Padel Arlon<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\" id=\"tko-lieu-herbeumont\">\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 Belgique<\/small><b>Tero Lodge Herbeumont<\/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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-acts-title\">L'apr\u00e8s-midi, <strong>on passe \u00e0 l'action.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-activites\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\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 du 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 le 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 le Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-venue-play\" 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 pendant le 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 le 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 le 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 le Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-final-mystery\" 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 le 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 <div class=\"tko-teroir__ctas tko-reveal\">\n <a class=\"tko-btn tko-btn--line\" 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 <a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-teroir-reserver\">R\u00e9server mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\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\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/311.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/311.png\" alt=\"Walking dinner Teroir\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-why-title\">Trois m\u00e9tiers, <strong>une seule \u00e9quipe.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-pourquoi\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\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\/11\/kickoff-lux-lieu-house17.webp\" alt=\"Tero House17 \u00e0 Luxembourg en soir\u00e9e\" 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\/kickoff-lux-table.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\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activite.webp\" alt=\"Course de voitures en carton pendant un team building Tero\" loading=\"lazy\"><\/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-devis tko-wrap\" id=\"tko-devis\" aria-labelledby=\"tko-devis-title\">\n <div class=\"tko-devis__panel\">\n <div class=\"tko-hero__quote tko-quote--bas\">\n <div class=\"tko-brief__intro\">\n <h2 id=\"tko-devis-title\">Dites-nous <strong>l'essentiel.<\/strong><\/h2>\n <p>Quatre questions rapides, et on revient vers vous avec une proposition faite pour votre \u00e9quipe.<\/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 <div class=\"tko-devis__dock\"><\/div>\n <\/div>\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 \/* Provenance de la visite (UTM, gclid), gard\u00e9e le temps de la session *\/\n const utm = (() => {\n const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid'];\n const q = new URLSearchParams(location.search); let st = {};\n try { st = JSON.parse(sessionStorage.getItem('tko_utm') || '{}'); } catch (x) { st = {}; }\n keys.forEach((k) => { if (q.get(k)) st[k] = q.get(k); });\n try { sessionStorage.setItem('tko_utm', JSON.stringify(st)); } catch (x) { \/* navigation priv\u00e9e *\/ }\n const o = {}; keys.forEach((k) => { o[k === 'gclid' ? 'gclid_field' : k] = st[k] || ''; });\n if (!o.utm_campaign) o.utm_campaign = 'kickoff-2027';\n return o;\n })();\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 const cdTxt = days > 0 ? `<b>J-${days}<\/b><span class=\"tko-cd__s\"> avant 2027<\/span>` : '<b>2027<\/b><span class=\"tko-cd__s\"> est lanc\u00e9 : il reste des dates<\/span>';\n [cd, ...$$('[data-countdown]')].forEach((el) => { if (el) el.innerHTML = cdTxt; });\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 bas = $('#tko-devis');\n if (bas && seq.getBoundingClientRect().bottom < 0) { \/* d\u00e9j\u00e0 plus bas que le hero : formulaire du bas *\/\n window.scrollTo({ top: bas.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\n return;\n }\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 \/* Am\u00e8ne une carte pr\u00e9cise au centre (depuis les intentions) *\/\n const focus = (card) => {\n const k = cards.indexOf(card);\n if (k < 0) return;\n if (mqStack.matches) { cur = k; render(0); return; }\n track.scrollTo({ left: card.offsetLeft + card.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\n };\n return { update, stack, start, focus, track };\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 const go = e.target.closest('[data-goto]');\n if (go) { \/* photo du verso : on descend vers le lieu ou l'activit\u00e9 *\/\n e.preventDefault(); e.stopPropagation();\n const target = document.querySelector(go.getAttribute('href'));\n if (!target) return;\n const cr = crs.find((c) => c.track.contains(target));\n const box = cr ? target.closest('section') : target;\n window.scrollTo({ top: box.getBoundingClientRect().top + window.scrollY - (cr ? 90 : window.innerHeight * .2), behavior: reduce ? 'auto' : 'smooth' });\n if (cr) setTimeout(() => cr.focus(target), reduce ? 0 : 450);\n else { target.classList.add('is-flash'); setTimeout(() => target.classList.remove('is-flash'), 1800); }\n return;\n }\n if (e.target.closest('.tko-sol, .tko-int__cta')) 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 \/* Un seul formulaire, deux emplacements : dans le hero, ou en bas de page quand on y arrive *\/\n const dockBas = $('.tko-devis__dock');\n const dockHero = wrap.parentElement;\n const heroSlot = document.createComment('tko-form');\n dockHero.insertBefore(heroSlot, wrap);\n const placeForm = () => {\n const ae = document.activeElement;\n if (!dockBas || (wrap.contains(ae) && \/^(INPUT|TEXTAREA|SELECT)$\/.test(ae.tagName))) return; \/* pas pendant la saisie *\/\n const seqR = seq.getBoundingClientRect();\n const basR = dockBas.getBoundingClientRect();\n const wantBas = seqR.bottom < 0 && basR.top < window.innerHeight * 1.6;\n const wantHero = seqR.bottom > -window.innerHeight * .5;\n if (wantBas && wrap.parentElement !== dockBas) dockBas.appendChild(wrap);\n else if (wantHero && wrap.parentElement === dockBas) dockHero.insertBefore(wrap, heroSlot.nextSibling);\n };\n window.addEventListener('scroll', () => requestAnimationFrame(placeForm), { passive: true });\n placeForm();\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 LABELS = { besoin: 'ce que vous cherchez', periode: 'un mois', budget: 'un budget par personne', participants: 'le nombre de personnes', format: 'un format', region: 'une r\u00e9gion' };\n const valid = (fs) => {\n $$('.is-missing', fs).forEach((g) => g.classList.remove('is-missing'));\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)) {\n if (name === 'periode' && (($('#tko-date', fs) || {}).value || ($('#tko-date-fin', fs) || {}).value)) continue; \/* une date pr\u00e9cise suffit *\/\n const grp = $(`input[name=\"${name}\"]`, fs).closest('.tko-form__group') || $(`input[name=\"${name}\"]`, fs).closest('.tko-chips');\n if (grp) grp.classList.add('is-missing');\n return `Choisissez ${LABELS[name] || 'une option'} pour continuer.`;\n }\n \/* Seuls les champs obligatoires bloquent : une date facultative mal saisie est simplement ignor\u00e9e *\/\n for (const f of $$('input:not([type=radio]), textarea', fs)) {\n if (!f.required) { if (!f.checkValidity()) f.value = ''; continue; }\n if (!f.checkValidity()) { f.focus();\n if (f.type === 'date') { f.closest('.tko-form__group')?.classList.add('is-missing'); return f.validity.rangeUnderflow ? 'La date de fin doit \u00eatre apr\u00e8s la date de d\u00e9but.' : 'Indiquez la date de d\u00e9but et la date de fin.'; }\n return f.type === 'checkbox' ? 'Merci d\\'accepter le traitement de vos informations.' : 'Merci de compl\u00e9ter les champs obligatoires.'; }\n }\n return '';\n };\n \/* Une date pr\u00e9cise coche automatiquement le bon mois *\/\n const dateIn = $('#tko-date', form);\n const dateEnd = $('#tko-date-fin', form);\n if (dateIn) { const t = new Date(); dateIn.min = new Date(t.getTime() - t.getTimezoneOffset() * 6e4).toISOString().slice(0, 10); if (dateEnd) dateEnd.min = dateIn.min; }\n if (dateIn && dateEnd) dateIn.addEventListener('change', () => {\n dateEnd.min = dateIn.value || '';\n if (dateIn.value && (!dateEnd.value || dateEnd.value < dateIn.value)) dateEnd.value = dateIn.value;\n });\n if (dateIn) dateIn.addEventListener('change', () => {\n const m = \/^2027-0([123])-\/.exec(dateIn.value || '');\n const v = m ? ['Janvier 2027', 'F\u00e9vrier 2027', 'Mars 2027'][m[1] - 1] : '';\n const r = v && $(`input[name=\"periode\"][value=\"${v}\"]`, form);\n if (r) { r.checked = true; r.closest('.tko-form__group').classList.remove('is-missing'); }\n });\n form.addEventListener('change', (e) => { const g = e.target.closest('.is-missing') || (e.target === dateIn && dateIn.value && dateIn.closest('.is-missing')); if (g) { g.classList.remove('is-missing'); err.textContent = ''; } });\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 const others = $$('input:not([type=radio]), textarea, select', fs).some((x) => x.required); \/* une date \u00e0 remplir : pas d'avance auto *\/\n if (groups === 1 && !others && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', langue: 'fr', page: 'luxembourg', 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; err.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); return; }\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', langue: 'fr', page: 'luxembourg', step: cur + 1 }); show(cur + 1); return; }\n\n const data = Object.fromEntries(new FormData(form).entries());\n if (data.date) data.periode = new Date(data.date + 'T12:00:00').toLocaleDateString('fr-BE', { month: 'long', year: 'numeric' });\n\n const done = () => {\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\n dl({ event: 'kickoff_brief_submit', langue: 'fr', page: 'luxembourg', besoin: data.besoin, periode: data.periode, budget: data.budget, participants: data.participants, format: data.format, region: data.region });\n wrap.classList.add('is-done');\n $('.tko-form__done', wrap).focus();\n };\n const fail = () => { submitBtn.disabled = false; err.textContent = 'L\\'envoi n\\'a pas fonctionn\u00e9. R\u00e9essayez ou \u00e9crivez-nous via la page devis.'; };\n const submitBtn = $('button[type=submit]', form);\n\n \/* ---- 1. Pont vers le formulaire JetFormBuilder cach\u00e9 (widget avec l'ID CSS \u00ab tko-jfb \u00bb) ---- *\/\n const jf = document.querySelector('#tko-jfb form.jet-form-builder');\n if (jf) {\n const BESOIN = {\n \/* formulaire JetFormBuilder n\u00b0 55789 \u00ab Get a Quote Kick-off 2027 FR \u00bb (action Efficy getaquote) :\n interested_in = l'int\u00e9r\u00eat r\u00e9el (lieu, team building, traiteur ou sur mesure) *\/\n 'Un lieu': ['venue', 'venue-only'],\n 'Le traiteur': ['food', 'catering-only'],\n 'Un team building': ['teambuilding', 'teambuilding-only'],\n 'Tout (lieu, activit\u00e9 et traiteur)': ['tailor-made-event', 'turnkey-solution'],\n };\n const [interest, type] = BESOIN[data.besoin] || ['tailor-made-event', 'turnkey-solution'];\n \/* Service Efficy qui re\u00e7oit la demande (profile_id), m\u00eames num\u00e9ros que le plugin LumiSys :\n lieu 32 (80 = Luxembourg, comme House17 et River House), traiteur 87, team building 52, sur mesure \/ tout 52 *\/\n const PROFIL = { 'Un lieu': data.region === 'Luxembourg' ? '80' : '32', 'Le traiteur': '87', 'Un team building': '52', 'Tout (lieu, activit\u00e9 et traiteur)': '52' };\n const fmt = (d) => new Date(d + 'T12:00:00').toLocaleDateString('fr-BE');\n const MOIS = { 'Janvier 2027': '2027-01-01', 'F\u00e9vrier 2027': '2027-02-01', 'Mars 2027': '2027-03-01' };\n \/* Les champs du formulaire Tero restent obligatoires : on envoie toujours une valeur.\n \u00ab Pas encore fix\u00e9 \u00bb sans date \u2192 1er janvier 2027 (le r\u00e9capitulatif pr\u00e9cise que rien n'est fix\u00e9).\n \u00ab \u00c0 d\u00e9finir ensemble \u00bb \u2192 budget 0 (idem). *\/\n if (!data.date && data.date_fin) data.date = data.date_fin;\n const day1 = data.date || MOIS[data.periode] || '2027-01-01';\n const dayEnd = (data.date_fin && data.date_fin >= day1) ? data.date_fin : day1;\n const low = (t) => { const m = \/\\d+\/.exec(t || ''); return m ? m[0] : '0'; };\n \/* T\u00e9l\u00e9phone : indicatif s\u00e9par\u00e9 comme dans le formulaire Tero (+32 par d\u00e9faut) *\/\n const tel = (data.telephone || '').replace(\/[^\\d+]\/g, '');\n const pm = \/^(?:\\+|00)(352|33|32)(\\d+)$\/.exec(tel);\n const prefix = pm ? pm[1] : '32';\n const phone = pm ? pm[2] : tel.replace(\/^0\/, '');\n const recap = [\n `Kick-off 2027`,\n `Besoin : ${data.besoin || ''}`,\n `P\u00e9riode : ${data.periode || ''}${data.date ? ` (du ${fmt(data.date)}${data.date_fin && data.date_fin !== data.date ? ` au ${fmt(data.date_fin)}` : ''})` : ''}`,\n `Budget par personne : ${data.budget || ''}`,\n `Participants : ${data.participants || ''}`,\n `Format : ${data.format || ''}`,\n `R\u00e9gion : ${data.region || ''}`,\n `T\u00e9l\u00e9phone : ${data.telephone || ''}`,\n data.message ? `Message : ${data.message}` : '',\n ].filter(Boolean).join('\\n');\n const values = {\n interested_in: interest, tailor_made_event_type: type, profile_id: PROFIL[data.besoin] || '52',\n event_month: data.periode || '', event_date: data.date || '', budget_pp: data.budget || '',\n people: data.participants || '', event_format: data.format || '', region: data.region || '',\n first_name: data.prenom || '', surname: data.nom || '', email: data.email || '', company: data.societe || '',\n prefix, telephone: phone,\n message: data.message || '', tailor_made_event_describe: recap,\n consent_privacy: data.consentement ? 'oui' : '', consent_email: data.consent_email ? 'oui' : '', Campaign: 'Kick-off 2027',\n \/* m\u00eames noms que le formulaire \u00ab Obtenir un devis \u00bb (n\u00b0 31426), pour un formulaire dupliqu\u00e9 *\/\n \/* m\u00eames infos pour chaque parcours : le plugin Efficy lit celles du parcours choisi *\/\n ...['tailor_made_event', 'venue', 'activity', 'food'].reduce((o, p) => Object.assign(o, {\n [`${p}_date_from`]: day1, [`${p}_date_to`]: dayEnd,\n [`${p}_people`]: low(data.participants), [`${p}_budget`]: low(data.budget), [`${p}_describe`]: recap,\n }), {}),\n ...utm,\n };\n for (const [k, v] of Object.entries(values)) {\n for (const el of jf.querySelectorAll(`[name=\"${k}\"], [name=\"${k}[]\"]`)) {\n if (el.type === 'checkbox' || el.type === 'radio') {\n el.checked = el.type === 'checkbox' ? !!v : el.value === v;\n } else if (el.tagName === 'SELECT') {\n if (v && ![...el.options].some((o) => o.value === v)) el.add(new Option(v, v));\n el.value = v;\n } else {\n el.value = v;\n }\n el.dispatchEvent(new Event('input', { bubbles: true }));\n el.dispatchEvent(new Event('change', { bubbles: true }));\n }\n }\n submitBtn.disabled = true;\n err.textContent = 'Envoi en cours\u2026';\n const box = jf.closest('#tko-jfb');\n let over = false;\n const finish = (ok) => { if (over) return; over = true; obs.disconnect(); clearTimeout(tm); err.textContent = ''; ok ? done() : fail(); };\n const check = () => {\n if (box.querySelector('.jet-form-builder-message--success, .jet-form-message--success, .jet-form-builder-messages-wrap .success')) finish(true);\n else if (box.querySelector('.jet-form-builder-message--error, .jet-form-message--error, .jet-form-builder-messages-wrap .error')) finish(false);\n };\n const obs = new MutationObserver(check);\n obs.observe(box, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\n const tm = setTimeout(() => finish(false), 25000);\n if (window.jQuery) window.jQuery(jf).one('jet-form-builder\/ajax\/on-success', () => finish(true));\n const jbtn = jf.querySelector('button[type=submit], .jet-form-builder__submit');\n if (jf.requestSubmit) jf.requestSubmit(jbtn && jbtn.type === 'submit' ? jbtn : undefined); else (jbtn ? jbtn.click() : jf.submit());\n return;\n }\n\n \/* ---- 2. Sinon, webhook direct si une URL est renseign\u00e9e ---- *\/\n if (!FORM_ENDPOINT) { err.textContent = 'Formulaire pas encore connect\u00e9 : ajouter le formulaire JetFormBuilder (ID CSS \u00ab tko-jfb \u00bb) sur la page.'; return; }\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 done();\n } catch (x) { fail(); }\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<div class=\"elementor-element elementor-element-43ba5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"43ba5a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15403d6 elementor-widget elementor-widget-jet-form-builder-form\" data-id=\"15403d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tko-jfb\" data-widget_type=\"jet-form-builder-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/tero.be\/wp-includes\/css\/dist\/block-library\/common.min.css?ver=7.1.4' media='all' \/>\n<style id=\"jet-form-builder-55789-inline-css\"><\/style><form class=\"jet-form-builder layout-column submit-type-ajax\" action=\"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/?5f292E=41RneVSJn8&method=reload\" method=\"POST\" data-form-id=\"55789\" data-layout=\"column\" enctype=\"multipart\/form-data\" novalidate=\"null\" ssr_validation_method=\"rest\"><input type=\"hidden\" id=\"_wpnonce_55789\" name=\"_wpnonce\" value=\"1203a99816\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/55861\" \/>\r\n<input type=\"hidden\" name=\"_jfb_current_render_states[]\" value=\"DEFAULT.STATE\" data-jfb-sync \/><input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_booking_form_id\" data-field-name=\"_jet_engine_booking_form_id\" value=\"55789\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_refer\" data-field-name=\"_jet_engine_refer\" value=\"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"__queried_post_id\" data-field-name=\"__queried_post_id\" value=\"55861\">\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"post_id\" data-field-name=\"post_id\" data-jfb-sync=\"null\" value=\"55861\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"gclid_field\" data-field-name=\"gclid_field\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"profile_id\" data-field-name=\"profile_id\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_campaign\" data-field-name=\"utm_campaign\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_medium\" data-field-name=\"utm_medium\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_source\" data-field-name=\"utm_source\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_term\" data-field-name=\"utm_term\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_content\" data-field-name=\"utm_content\" data-jfb-sync=\"null\">\n\n\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-adwosuoc\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je suis int\u00e9ress\u00e9 par <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field interested_in_class\" required=\"required\" name=\"interested_in\" data-field-name=\"interested_in\" id=\"interested_in\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>S\u00e9lectionner...<\/option><option value=\"venue\" >La location d'un lieu Tero<\/option><option value=\"teambuilding\" >Un \u00e9v\u00e9nement teambuilding<\/option><option value=\"food\" >Traiteur Teroir<\/option><option value=\"tailor-made-event\" >Un \u00e9v\u00e9nement sur mesure<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-r2l3o5xl\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Pr\u00e9nom <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"first_name\" id=\"first_name\" type=\"text\" data-field-name=\"first_name\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_zda642NZ\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-qnaz048e\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nom <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"surname\" id=\"surname\" type=\"text\" data-field-name=\"surname\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_JiGvE9W0\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-mnm872ca\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Email <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"email\" id=\"email\" type=\"email\" data-field-name=\"email\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_iApJPw4r\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-g15vdmyg\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Pr\u00e9fixe<\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" name=\"prefix\" data-field-name=\"prefix\" id=\"prefix\" data-jfb-sync=\"null\">\n\t\t<option value=\"32\" >+32<\/option><option value=\"33\" >+33<\/option><option value=\"352\" >+352<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-r95c4cjj\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">T\u00e9l\u00e9phone <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"telephone\" id=\"telephone\" type=\"tel\" data-field-name=\"telephone\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_mJDyA02c\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-urns0bqq\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Quelle soci\u00e9t\u00e9 ou organisation repr\u00e9sentez-vous ? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"company\" id=\"company\" type=\"text\" data-field-name=\"company\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_Z39bjgiS\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-ransb7ni\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_privacy\" value=\"1\" data-field-name=\"consent_privacy\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" required=\"required\" data-default-val=\"[""]\"><span><span><p>Je consens au traitement de mes donn\u00e9es pour recevoir un devis, comme indiqu\u00e9 dans la <a href=\"\/fr\/politique-vie-privee\/\">politique de confidentialit\u00e9<\/a>. *<\/p><\/span><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-boqgryqw\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_email\" value=\"1\" data-field-name=\"consent_email\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" data-default-val=\"[""]\"><span><p>Je consens \u00e0 recevoir des courriels promotionnels et de marketing de la part de Tero.<\/p><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-sc8tgehb\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Comment pouvons-nous vous aider ? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" required=\"required\" name=\"tailor_made_event_type\" data-field-name=\"tailor_made_event_type\" id=\"tailor_made_event_type\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>S\u00e9lectionner...<\/option><option value=\"turnkey-solution\" >Une solution cl\u00e9 en main (lieu, team building et traiteur)<\/option><option value=\"venue-with-catering\" >Un lieu avec service de restauration<\/option><option value=\"venue-with-teambuilding\" >Un lieu avec activit\u00e9s de team building<\/option><option value=\"teambuilding-with-catering\" >Une activit\u00e9 de team building avec service de restauration<\/option><option value=\"venue-only\" >Un lieu uniquement<\/option><option value=\"catering-only\" >Service de restauration uniquement<\/option><option value=\"teambuilding-only\" >Une activit\u00e9 de team building uniquement<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_from\" type=\"date\" data-field-name=\"tailor_made_event_date_from\" id=\"tailor_made_event_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_to\" type=\"date\" data-field-name=\"tailor_made_event_date_to\" id=\"tailor_made_event_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_people\" data-field-name=\"tailor_made_event_people\" id=\"tailor_made_event_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_budget\" data-field-name=\"tailor_made_event_budget\" id=\"tailor_made_event_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-g0789xkq\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"tailor_made_event_describe\" data-field-name=\"tailor_made_event_describe\" id=\"tailor_made_event_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_from\" type=\"date\" data-field-name=\"venue_date_from\" id=\"venue_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_to\" type=\"date\" data-field-name=\"venue_date_to\" id=\"venue_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_people\" data-field-name=\"venue_people\" id=\"venue_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_budget\" data-field-name=\"venue_budget\" id=\"venue_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-76wl2nbd\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"venue_describe\" data-field-name=\"venue_describe\" id=\"venue_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_from\" type=\"date\" data-field-name=\"activity_date_from\" id=\"activity_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_to\" type=\"date\" data-field-name=\"activity_date_to\" id=\"activity_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_people\" data-field-name=\"activity_people\" id=\"activity_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_budget\" data-field-name=\"activity_budget\" id=\"activity_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-l0qs44xj\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"activity_describe\" data-field-name=\"activity_describe\" id=\"activity_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_from\" type=\"date\" data-field-name=\"food_date_from\" id=\"food_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_to\" type=\"date\" data-field-name=\"food_date_to\" id=\"food_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_people\" data-field-name=\"food_people\" id=\"food_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_budget\" data-field-name=\"food_budget\" id=\"food_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-ibqyb0rp\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"food_describe\" data-field-name=\"food_describe\" id=\"food_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<input type=\"hidden\" class=\"captcha-token cb-ixbgaxpy\" name=\"_captcha_token\" value=\"\"\/><div class=\"jet-form-builder-row field-type-submit-field cb-ixbgaxpy\" >\n\t<div data-type=\"submit\" class=\"jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap\">\n\t<button class=\"jet-form-builder__action-button get-a-quote-submit-btn jet-form-builder__submit submit-type-ajax\" type=\"submit\">Recevoir mon offre<\/button>\n\t<\/div>\n\t\n<\/div>\t<div class=\"jet-form-builder-messages-wrap\" data-form-id=\"55789\"><\/div>\n<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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-55861","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861","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=55861"}],"version-history":[{"count":13,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/revisions"}],"predecessor-version":[{"id":55934,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/revisions\/55934"}],"wp:attachment":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/media?parent=55861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/categories?post=55861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/tags?post=55861"}],"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 \/* cadrage de chaque photo : r\u00e9gl\u00e9 avec --op sur la couche (x y) *\/\n #tero-kickoff .tko-layer img { object-position: var(--op, 50% 50%) !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 \/* le th\u00e8me change l'arrondi des champs au clic : on garde la forme pilule *\/\n #tero-kickoff .tko-field input, #tero-kickoff .tko-field input:focus { border-radius: 999px; }\n #tero-kickoff .tko-field textarea, #tero-kickoff .tko-field textarea:focus { border-radius: 1.25rem; }\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\n \/* ---------- Formulaire : date pr\u00e9cise ---------- *\/\n .tko-field--date { margin-top: .9rem; max-width: 16rem; }\n .tko-field--date label span { font-weight: 400; color: var(--mute); }\n .tko-field--date input { font-family: inherit; color: var(--ink); }\n\n\n .tko-form .is-missing > p { color: #c2410c; }\n .tko-form .is-missing .tko-chip span, .tko-form .tko-chips.is-missing .tko-chip span { box-shadow: 0 0 0 1.5px #f4a37c inset; }\n .tko-form__error:not(:empty) { margin-top: .9rem; color: #c2410c; font-weight: 500; }\n\n\n \/* ---------- Formulaire du hero : plus compact, bouton \u00ab Continuer \u00bb toujours visible ---------- *\/\n .tko-hero__quote .tko-chips { gap: .45rem; }\n .tko-hero__quote .tko-chip span { min-height: 2.45rem; padding: .5rem 1rem; font-size: .9rem; }\n .tko-hero__quote .tko-form__group + .tko-form__group { margin-top: 1.1rem; }\n .tko-hero__quote .tko-form__group > p { margin-bottom: .5rem; }\n .tko-hero__quote .tko-field--date { margin-top: .6rem; }\n .tko-hero__quote .tko-field--date input { padding: .5rem 1rem; }\n .tko-hero__quote .tko-form__nav {\n position: sticky; bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); z-index: 2;\n margin-inline: calc(-1 * clamp(1.25rem, 2.4vw, 2rem)); padding: .75rem clamp(1.25rem, 2.4vw, 2rem) clamp(1rem, 2.6vh, 1.75rem);\n margin-bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); background: var(--white); border-radius: 0 0 1.6rem 1.6rem;\n }\n\n\n \/* Formulaire JetFormBuilder qui transporte la demande vers Efficy : pr\u00e9sent sur la page mais invisible *\/\n #tko-jfb { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }\n\n\n .tko-hero__quote .tko-consent--2 { margin-top: .45rem; }\n #tero-kickoff .tko-consent a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\n\n\n \/* Mobile : pr\u00e9nom et nom c\u00f4te \u00e0 c\u00f4te pour raccourcir l'\u00e9tape 5 *\/\n @media (max-width: 760px) {\n .tko-hero__quote .tko-fields { grid-template-columns: 1fr 1fr; }\n .tko-hero__quote .tko-fields .tko-field:nth-child(n+3) { grid-column: 1 \/ -1; }\n }\n\n\n \/* Deux dates (du \/ au) c\u00f4te \u00e0 c\u00f4te *\/\n .tko-dates { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; max-width: 24rem; margin-top: .6rem; }\n .tko-dates .tko-field--date { margin-top: 0; max-width: none; }\n .tko-hero__quote .tko-dates .tko-field--date { margin-top: 0; }\n\n \/* Le th\u00e8me colore les boutons au survol \/ clic (rose) : on neutralise sur nos boutons *\/\n #tero-kickoff .tko-form__back, #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-form__back:focus, #tero-kickoff .tko-form__back:active,\n #tero-kickoff .tko-int__back, #tero-kickoff .tko-int__back:hover, #tero-kickoff .tko-int__back:focus, #tero-kickoff .tko-int__back:active {\n background: none !important; border: 0 !important; box-shadow: none !important; color: var(--mute) !important; border-radius: 0 !important; padding-inline: 0 !important;\n }\n #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-int__back:hover { color: var(--ink) !important; }\n #tero-kickoff .tko-form__back:focus-visible, #tero-kickoff .tko-int__back:focus-visible { outline: 2px solid var(--b); outline-offset: 3px; }\n #tero-kickoff .tko-cr__btn:focus, #tero-kickoff .tko-railbtn:focus { background: var(--white); color: var(--ink); border: 0; }\n #tero-kickoff .tko-cr__btn:hover, #tero-kickoff .tko-railbtn:hover, #tero-kickoff .tko-cr__btn:focus-visible, #tero-kickoff .tko-railbtn:focus-visible { background: var(--b); color: var(--white); }\n #tero-kickoff button.tko-btn--bx, #tero-kickoff button.tko-btn--bx:hover, #tero-kickoff button.tko-btn--bx:focus, #tero-kickoff button.tko-btn--bx:active { background-color: var(--b); color: var(--white); border-color: var(--b); }\n #tero-kickoff button.tko-btn--bx:hover { border-color: var(--b-2); }\n\n\n .tko-form__soft { font-weight: 400; color: var(--mute); }\n .tko-hero__quote [data-step=\"3\"] .tko-form__group + .tko-form__group { margin-top: .9rem; }\n\n\n \/* ---------- Intentions : au verso, photo + nuage de tags ---------- *\/\n .tko-int__face { display: flex; flex-direction: column; }\n .tko-int__face p { margin-top: .7rem !important; }\n .tko-int__face .tko-int__go { margin-top: auto; padding-top: 1.1rem; }\n .tko-int__verso { display: grid; gap: .9rem; margin-top: .3rem; }\n .tko-int__verso .tko-int__ph { height: clamp(8rem, 11vw, 10rem); margin: 0; }\n .tko-int__vtxt { display: flex; flex-direction: column; gap: .8rem; }\n .tko .tko-int__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }\n .tko .tko-tag { margin: 0; padding: .32rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 500; line-height: 1.2; color: var(--ink); }\n .tko-tag--blue { background: var(--p-blue); }\n .tko-tag--mint { background: var(--p-mint); }\n .tko-tag--yellow { background: var(--p-yellow); }\n #tero-kickoff .tko-int__cta { color: var(--b); font-size: .88rem; font-weight: 600; }\n .tko-int.is-open .tko-int__sol { display: block; }\n .tko-int__sol .tko-int__head > span { letter-spacing: .08em; }\n \/* grandes cartes : photo \u00e0 gauche, nuage de tags \u00e0 droite *\/\n @media (min-width: 641px) {\n .tko-int--grande .tko-int__verso { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }\n .tko-int--grande .tko-int__verso .tko-int__ph { height: 100%; min-height: 9.5rem; }\n .tko-int--grande .tko-int__vtxt { justify-content: center; }\n .tko-int--grande .tko-tag { font-size: .86rem; padding: .42rem .95rem; }\n }\n\n\n \/* ---------- Devis en bas de page ---------- *\/\n .tko-devis { margin-top: var(--sp); }\n .tko-devis__panel { background: var(--p-mint); border-radius: var(--r); }\n .tko .tko-hero__quote.tko-quote--bas {\n position: relative; inset: auto; left: auto; top: auto; width: auto; height: auto; min-height: 0;\n opacity: 1; transform: none; pointer-events: auto; overflow: visible; align-items: center;\n padding: clamp(1.5rem, 4vw, 3.5rem);\n }\n .tko .tko-quote--bas .tko-form { max-height: none; overflow: visible; }\n .tko-devis__dock { min-width: 0; }\n .tko-devis__dock:empty { min-height: 30rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .55); }\n @media (max-width: 760px) {\n .tko .tko-hero__quote.tko-quote--bas { grid-template-columns: 1fr; padding: 1.5rem 1rem; }\n }\n\n\n \/* ---------- Titre de section + \u00ab Organiser mon kick-off \u00bb et compte \u00e0 rebours \u00e0 droite ---------- *\/\n .tko-titlerow { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; width: 100%; }\n .tko-titlerow > h2 { flex: 1 1 22rem; }\n .tko-secta { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }\n .tko .tko-countdown--sec { display: inline-flex; padding: .7rem 1.05rem; border: 0; background: var(--white); color: var(--ink); font-size: .85rem; }\n .tko-countdown--sec b { font-size: 1.05rem; }\n .tko-intents__panel .tko-countdown--sec, .tko-acts__panel .tko-countdown--sec, .tko-teroir .tko-countdown--sec { background: var(--white); }\n .tko-venues .tko-countdown--sec, .tko-why .tko-countdown--sec, .tko-faq .tko-countdown--sec { background: var(--p-mint); }\n #tero-kickoff .tko-secta__btn { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.35rem; border-radius: 999px; background: var(--b); color: var(--white); font-size: .92rem; font-weight: 600; white-space: nowrap; transition: background .25s ease; }\n #tero-kickoff .tko-secta__btn:hover, #tero-kickoff .tko-secta__btn:focus-visible { background: var(--b-2); color: var(--white); }\n .tko-faq .tko-titlerow { flex-direction: column; align-items: flex-start; }\n .tko-teroir .tko-titlerow { align-items: flex-end; }\n @media (max-width: 640px) {\n .tko-titlerow { align-items: flex-start; }\n .tko-titlerow > h2 { flex-basis: 100%; }\n #tero-kickoff .tko-secta__btn { padding: .7rem 1.1rem; font-size: .88rem; }\n .tko .tko-countdown--sec { padding: .62rem .9rem; font-size: .8rem; }\n .tko-countdown--sec .tko-cd__s { display: none; }\n .tko-secta { flex-wrap: wrap; }\n }\n\n \/* ---------- Verso des intentions : la photo est le choix principal, les tags des compl\u00e9ments ---------- *\/\n #tero-kickoff .tko-int__ph--go { position: relative; display: block; color: var(--white); }\n .tko-int__ph--go img { transition: transform .6s var(--e); }\n .tko-int__ph--go:hover img { transform: scale(1.05); }\n .tko-int__ph--go::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .72) 0%, rgba(15, 15, 20, .1) 55%, transparent 75%); pointer-events: none; }\n .tko-int__cap { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .8rem; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }\n .tko-int__cap small { grid-column: 1; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }\n .tko-int__cap b { grid-column: 1; font-size: 1.05rem; font-weight: 600; line-height: 1.2; }\n .tko-int__cap i { grid-column: 2; grid-row: 1 \/ 3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); font-style: normal; font-size: .95rem; }\n .tko .tko-int__plus { margin: 0 0 -.3rem; color: var(--mute); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n .tko .tko-int__tags .tko-tag::before { content: \"+ \"; color: var(--b); font-weight: 600; }\n \/* m\u00eame hauteur de photo pour toutes les cartes d'une rang\u00e9e *\/\n .tko-int__verso .tko-int__ph, .tko-int--grande .tko-int__verso .tko-int__ph { height: 11rem; min-height: 0; }\n @media (min-width: 641px) { .tko-int--grande .tko-int__verso .tko-int__ph { height: 12.5rem; } }\n \/* arriv\u00e9e sur une activit\u00e9 : l\u00e9ger halo *\/\n .tko-bt.is-flash { box-shadow: 0 0 0 4px var(--b); transition: box-shadow .3s ease; }\n\n\n .tko-teroir__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }\n .tko-teroir > div > .tko-teroir__ctas .tko-btn { margin-top: 0; }\n .tko-teroir__ctas { align-items: stretch; }\n #tero-kickoff .tko-teroir__ctas .tko-secta__btn { padding-inline: 1.6rem; font-size: .95rem; }\n\n \/* ---------- Version Luxembourg : deux lieux, c\u00f4te \u00e0 c\u00f4te, sans carrousel ---------- *\/\n @media (min-width: 761px) {\n .tko-cr--duo .tko-cr__btn { display: none !important; }\n .tko-cr--duo .tko-cr__track { justify-content: center; overflow: visible; cursor: default; padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 3vw, 2.5rem); }\n .tko-cr--duo .tko-card { transform: none !important; opacity: 1 !important; }\n }\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\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-accueillir-house17.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-aligner-pleniere.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer\" style=\"--op:50% 50%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activer-team-building.webp\" alt=\"\"><\/div>\n <div class=\"tko-layer tko-layer--still\" style=\"--op:50% 40%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-rassembler-drink.webp\" alt=\"\"><\/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 rapides, et on revient vers vous avec une proposition faite pour votre \u00e9quipe.<\/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>Que cherchez-vous pour votre kick-off ?<\/legend>\n <p class=\"tko-form__hint\">Une seule r\u00e9ponse, on affine ensuite.<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Un lieu\" required><span>Un lieu<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Le traiteur\"><span>Le traiteur<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Un team building\"><span>Un team building<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Tout (lieu, activit\u00e9 et traiteur)\"><span>Tout : lieu, activit\u00e9 et traiteur<\/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>Quand, et pour quel budget ?<\/legend>\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\n <p>Dates de l'\u00e9v\u00e9nement<\/p>\n <div class=\"tko-dates\">\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date\">Du<\/label><input id=\"tko-date\" type=\"date\" name=\"date\" required><\/div>\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date-fin\">Au<\/label><input id=\"tko-date-fin\" type=\"date\" name=\"date_fin\" required><\/div>\n <\/div>\n <\/div>\n <div class=\"tko-form__group\">\n <p>Budget par personne<\/p>\n <div class=\"tko-chips\">\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"100 \u00e0 150 \u20ac\" required><span>100 \u00e0 150 \u20ac<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"150 \u00e0 200 \u20ac\"><span>150 \u00e0 200 \u20ac<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Plus de 200 \u20ac\"><span>Plus de 200 \u20ac<\/span><\/label>\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u00c0 d\u00e9finir ensemble\"><span>\u00c0 d\u00e9finir ensemble<\/span><\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset data-step=\"3\" hidden>\n <legend><span class=\"tko-form__step\">\u00c9tape 3 sur 4<\/span>Combien, quel format et o\u00f9 ?<\/legend>\n <div class=\"tko-form__group\" style=\"margin-top:1.1rem\">\n <p>Nombre de personnes <span class=\"tko-form__soft\">(une estimation suffit)<\/span><\/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 <\/div>\n <div class=\"tko-form__group\">\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-prenom\">Pr\u00e9nom<\/label><input id=\"tko-prenom\" name=\"prenom\" autocomplete=\"given-name\" required><\/div>\n <div class=\"tko-field\"><label for=\"tko-nom\">Nom<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"family-name\" 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-societe\">Soci\u00e9t\u00e9<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\n <div class=\"tko-field tko-field--full\"><label for=\"tko-tel\">T\u00e9l\u00e9phone<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\" placeholder=\"+32 470 12 34 56\" required><\/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>Je consens au traitement de mes donn\u00e9es pour recevoir un devis, comme indiqu\u00e9 dans la <a href=\"https:\/\/tero.be\/fr\/politique-vie-privee\/\" target=\"_blank\" rel=\"noopener\">politique de confidentialit\u00e9<\/a>. *<\/span><\/label>\n <label class=\"tko-consent tko-consent--2\"><input type=\"checkbox\" name=\"consent_email\"><span>Je consens \u00e0 recevoir des courriels promotionnels et de marketing de la part de Tero.<\/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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-intents-title\">Qu'est-ce qui compte le plus <strong>pour votre kick-off ?<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-intentions\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\n <p class=\"tko-reveal\">Choisissez votre intention : on vous montre le lieu ou l'activit\u00e9 qui y r\u00e9pond le mieux, et ce qu'on peut y ajouter pour en faire un kick-off complet.<\/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 <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>Lancer 2027 et aligner<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/herbeumont\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><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-int__cap\"><small>Le lieu<\/small><b>Tero Lodge Herbeumont<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">S\u00e9minaire<\/li><li class=\"tko-tag tko-tag--mint\">CrIAtivity<\/li><li class=\"tko-tag tko-tag--yellow\">Lunch<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\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 <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>R\u00e9chauffer janvier<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-final-mystery\" data-goto data-cta=\"kickoff-intention-photo\"><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 le Final Mystery\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>L'activit\u00e9<\/small><b>The Final Mystery<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Lunch<\/li><li class=\"tko-tag tko-tag--mint\">Walking dinner<\/li><li class=\"tko-tag tko-tag--yellow\">Au bureau ou dans un lieu Tero<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\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>Cl\u00f4turer 2026<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/river-house-luxembourg\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><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-int__cap\"><small>Le lieu<\/small><b>Tero River House<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Raclette<\/li><li class=\"tko-tag tko-tag--mint\">Quiz Play<\/li><li class=\"tko-tag tko-tag--yellow\">Luxembourg-Ville<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\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>Cheers to 2027<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/fr\/lieux\/salles-de-reception\/house17\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><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-int__cap\"><small>Le lieu<\/small><b>Tero House17<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Pl\u00e9ni\u00e8re<\/li><li class=\"tko-tag tko-tag--mint\">Keynote<\/li><li class=\"tko-tag tko-tag--yellow\">Menu 3 services<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"tko-int__face\">\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>Int\u00e9grer<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Retour<\/button><\/div>\n <div class=\"tko-int__verso\">\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-venue-play\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Une \u00e9quipe pendant le Venue Play\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>L'activit\u00e9<\/small><b>Venue Play<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\n <div class=\"tko-int__vtxt\">\n <p class=\"tko-int__plus\">\u00c0 compl\u00e9ter avec<\/p>\n <ul class=\"tko-int__tags\" aria-label=\"Exemples\"><li class=\"tko-tag tko-tag--blue\">Votre bureau<\/li><li class=\"tko-tag tko-tag--mint\">Lunch<\/li><li class=\"tko-tag tko-tag--yellow\">Buffet des chefs<\/li><\/ul>\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-venues-title\">Changer de cadre<br> <strong>change la conversation.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-lieux\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\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--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:0\">\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:1\">\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\/garisart-sports-club\/\" data-cta=\"kickoff-lieu-padel-arlon\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\" id=\"tko-lieu-padel-arlon\">\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg\" alt=\"Terrains de padel du Tero Padel Arlon\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Padel & sport<\/span><\/span>\n <span class=\"tko-card__txt\"><small>Arlon \u00b7 Belgique<\/small><b>Tero Padel Arlon<\/b><\/span>\n <\/a>\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/fr\/lieux\/gites\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\" id=\"tko-lieu-herbeumont\">\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 Belgique<\/small><b>Tero Lodge Herbeumont<\/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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-acts-title\">L'apr\u00e8s-midi, <strong>on passe \u00e0 l'action.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-activites\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\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 du 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 le 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 le Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-venue-play\" 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 pendant le 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 le 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 le 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 le Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/a>\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-final-mystery\" 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 le 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 <div class=\"tko-teroir__ctas tko-reveal\">\n <a class=\"tko-btn tko-btn--line\" 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 <a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-teroir-reserver\">R\u00e9server mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a>\n <\/div>\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\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/311.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/311.png\" alt=\"Walking dinner Teroir\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/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 <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-why-title\">Trois m\u00e9tiers, <strong>une seule \u00e9quipe.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>J-53<\/b> avant 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-pourquoi\">Organiser mon kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\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\/11\/kickoff-lux-lieu-house17.webp\" alt=\"Tero House17 \u00e0 Luxembourg en soir\u00e9e\" 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\/kickoff-lux-table.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\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activite.webp\" alt=\"Course de voitures en carton pendant un team building Tero\" loading=\"lazy\"><\/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-devis tko-wrap\" id=\"tko-devis\" aria-labelledby=\"tko-devis-title\">\n <div class=\"tko-devis__panel\">\n <div class=\"tko-hero__quote tko-quote--bas\">\n <div class=\"tko-brief__intro\">\n <h2 id=\"tko-devis-title\">Dites-nous <strong>l'essentiel.<\/strong><\/h2>\n <p>Quatre questions rapides, et on revient vers vous avec une proposition faite pour votre \u00e9quipe.<\/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 <div class=\"tko-devis__dock\"><\/div>\n <\/div>\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 \/* Provenance de la visite (UTM, gclid), gard\u00e9e le temps de la session *\/\n const utm = (() => {\n const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid'];\n const q = new URLSearchParams(location.search); let st = {};\n try { st = JSON.parse(sessionStorage.getItem('tko_utm') || '{}'); } catch (x) { st = {}; }\n keys.forEach((k) => { if (q.get(k)) st[k] = q.get(k); });\n try { sessionStorage.setItem('tko_utm', JSON.stringify(st)); } catch (x) { \/* navigation priv\u00e9e *\/ }\n const o = {}; keys.forEach((k) => { o[k === 'gclid' ? 'gclid_field' : k] = st[k] || ''; });\n if (!o.utm_campaign) o.utm_campaign = 'kickoff-2027';\n return o;\n })();\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 const cdTxt = days > 0 ? `<b>J-${days}<\/b><span class=\"tko-cd__s\"> avant 2027<\/span>` : '<b>2027<\/b><span class=\"tko-cd__s\"> est lanc\u00e9 : il reste des dates<\/span>';\n [cd, ...$$('[data-countdown]')].forEach((el) => { if (el) el.innerHTML = cdTxt; });\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 bas = $('#tko-devis');\n if (bas && seq.getBoundingClientRect().bottom < 0) { \/* d\u00e9j\u00e0 plus bas que le hero : formulaire du bas *\/\n window.scrollTo({ top: bas.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\n return;\n }\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 \/* Am\u00e8ne une carte pr\u00e9cise au centre (depuis les intentions) *\/\n const focus = (card) => {\n const k = cards.indexOf(card);\n if (k < 0) return;\n if (mqStack.matches) { cur = k; render(0); return; }\n track.scrollTo({ left: card.offsetLeft + card.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\n };\n return { update, stack, start, focus, track };\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 const go = e.target.closest('[data-goto]');\n if (go) { \/* photo du verso : on descend vers le lieu ou l'activit\u00e9 *\/\n e.preventDefault(); e.stopPropagation();\n const target = document.querySelector(go.getAttribute('href'));\n if (!target) return;\n const cr = crs.find((c) => c.track.contains(target));\n const box = cr ? target.closest('section') : target;\n window.scrollTo({ top: box.getBoundingClientRect().top + window.scrollY - (cr ? 90 : window.innerHeight * .2), behavior: reduce ? 'auto' : 'smooth' });\n if (cr) setTimeout(() => cr.focus(target), reduce ? 0 : 450);\n else { target.classList.add('is-flash'); setTimeout(() => target.classList.remove('is-flash'), 1800); }\n return;\n }\n if (e.target.closest('.tko-sol, .tko-int__cta')) 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 \/* Un seul formulaire, deux emplacements : dans le hero, ou en bas de page quand on y arrive *\/\n const dockBas = $('.tko-devis__dock');\n const dockHero = wrap.parentElement;\n const heroSlot = document.createComment('tko-form');\n dockHero.insertBefore(heroSlot, wrap);\n const placeForm = () => {\n const ae = document.activeElement;\n if (!dockBas || (wrap.contains(ae) && \/^(INPUT|TEXTAREA|SELECT)$\/.test(ae.tagName))) return; \/* pas pendant la saisie *\/\n const seqR = seq.getBoundingClientRect();\n const basR = dockBas.getBoundingClientRect();\n const wantBas = seqR.bottom < 0 && basR.top < window.innerHeight * 1.6;\n const wantHero = seqR.bottom > -window.innerHeight * .5;\n if (wantBas && wrap.parentElement !== dockBas) dockBas.appendChild(wrap);\n else if (wantHero && wrap.parentElement === dockBas) dockHero.insertBefore(wrap, heroSlot.nextSibling);\n };\n window.addEventListener('scroll', () => requestAnimationFrame(placeForm), { passive: true });\n placeForm();\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 LABELS = { besoin: 'ce que vous cherchez', periode: 'un mois', budget: 'un budget par personne', participants: 'le nombre de personnes', format: 'un format', region: 'une r\u00e9gion' };\n const valid = (fs) => {\n $$('.is-missing', fs).forEach((g) => g.classList.remove('is-missing'));\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)) {\n if (name === 'periode' && (($('#tko-date', fs) || {}).value || ($('#tko-date-fin', fs) || {}).value)) continue; \/* une date pr\u00e9cise suffit *\/\n const grp = $(`input[name=\"${name}\"]`, fs).closest('.tko-form__group') || $(`input[name=\"${name}\"]`, fs).closest('.tko-chips');\n if (grp) grp.classList.add('is-missing');\n return `Choisissez ${LABELS[name] || 'une option'} pour continuer.`;\n }\n \/* Seuls les champs obligatoires bloquent : une date facultative mal saisie est simplement ignor\u00e9e *\/\n for (const f of $$('input:not([type=radio]), textarea', fs)) {\n if (!f.required) { if (!f.checkValidity()) f.value = ''; continue; }\n if (!f.checkValidity()) { f.focus();\n if (f.type === 'date') { f.closest('.tko-form__group')?.classList.add('is-missing'); return f.validity.rangeUnderflow ? 'La date de fin doit \u00eatre apr\u00e8s la date de d\u00e9but.' : 'Indiquez la date de d\u00e9but et la date de fin.'; }\n return f.type === 'checkbox' ? 'Merci d\\'accepter le traitement de vos informations.' : 'Merci de compl\u00e9ter les champs obligatoires.'; }\n }\n return '';\n };\n \/* Une date pr\u00e9cise coche automatiquement le bon mois *\/\n const dateIn = $('#tko-date', form);\n const dateEnd = $('#tko-date-fin', form);\n if (dateIn) { const t = new Date(); dateIn.min = new Date(t.getTime() - t.getTimezoneOffset() * 6e4).toISOString().slice(0, 10); if (dateEnd) dateEnd.min = dateIn.min; }\n if (dateIn && dateEnd) dateIn.addEventListener('change', () => {\n dateEnd.min = dateIn.value || '';\n if (dateIn.value && (!dateEnd.value || dateEnd.value < dateIn.value)) dateEnd.value = dateIn.value;\n });\n if (dateIn) dateIn.addEventListener('change', () => {\n const m = \/^2027-0([123])-\/.exec(dateIn.value || '');\n const v = m ? ['Janvier 2027', 'F\u00e9vrier 2027', 'Mars 2027'][m[1] - 1] : '';\n const r = v && $(`input[name=\"periode\"][value=\"${v}\"]`, form);\n if (r) { r.checked = true; r.closest('.tko-form__group').classList.remove('is-missing'); }\n });\n form.addEventListener('change', (e) => { const g = e.target.closest('.is-missing') || (e.target === dateIn && dateIn.value && dateIn.closest('.is-missing')); if (g) { g.classList.remove('is-missing'); err.textContent = ''; } });\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 const others = $$('input:not([type=radio]), textarea, select', fs).some((x) => x.required); \/* une date \u00e0 remplir : pas d'avance auto *\/\n if (groups === 1 && !others && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', langue: 'fr', page: 'luxembourg', 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; err.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); return; }\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', langue: 'fr', page: 'luxembourg', step: cur + 1 }); show(cur + 1); return; }\n\n const data = Object.fromEntries(new FormData(form).entries());\n if (data.date) data.periode = new Date(data.date + 'T12:00:00').toLocaleDateString('fr-BE', { month: 'long', year: 'numeric' });\n\n const done = () => {\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\n dl({ event: 'kickoff_brief_submit', langue: 'fr', page: 'luxembourg', besoin: data.besoin, periode: data.periode, budget: data.budget, participants: data.participants, format: data.format, region: data.region });\n wrap.classList.add('is-done');\n $('.tko-form__done', wrap).focus();\n };\n const fail = () => { submitBtn.disabled = false; err.textContent = 'L\\'envoi n\\'a pas fonctionn\u00e9. R\u00e9essayez ou \u00e9crivez-nous via la page devis.'; };\n const submitBtn = $('button[type=submit]', form);\n\n \/* ---- 1. Pont vers le formulaire JetFormBuilder cach\u00e9 (widget avec l'ID CSS \u00ab tko-jfb \u00bb) ---- *\/\n const jf = document.querySelector('#tko-jfb form.jet-form-builder');\n if (jf) {\n const BESOIN = {\n \/* formulaire JetFormBuilder n\u00b0 55789 \u00ab Get a Quote Kick-off 2027 FR \u00bb (action Efficy getaquote) :\n interested_in = l'int\u00e9r\u00eat r\u00e9el (lieu, team building, traiteur ou sur mesure) *\/\n 'Un lieu': ['venue', 'venue-only'],\n 'Le traiteur': ['food', 'catering-only'],\n 'Un team building': ['teambuilding', 'teambuilding-only'],\n 'Tout (lieu, activit\u00e9 et traiteur)': ['tailor-made-event', 'turnkey-solution'],\n };\n const [interest, type] = BESOIN[data.besoin] || ['tailor-made-event', 'turnkey-solution'];\n \/* Service Efficy qui re\u00e7oit la demande (profile_id), m\u00eames num\u00e9ros que le plugin LumiSys :\n lieu 32 (80 = Luxembourg, comme House17 et River House), traiteur 87, team building 52, sur mesure \/ tout 52 *\/\n const PROFIL = { 'Un lieu': data.region === 'Luxembourg' ? '80' : '32', 'Le traiteur': '87', 'Un team building': '52', 'Tout (lieu, activit\u00e9 et traiteur)': '52' };\n const fmt = (d) => new Date(d + 'T12:00:00').toLocaleDateString('fr-BE');\n const MOIS = { 'Janvier 2027': '2027-01-01', 'F\u00e9vrier 2027': '2027-02-01', 'Mars 2027': '2027-03-01' };\n \/* Les champs du formulaire Tero restent obligatoires : on envoie toujours une valeur.\n \u00ab Pas encore fix\u00e9 \u00bb sans date \u2192 1er janvier 2027 (le r\u00e9capitulatif pr\u00e9cise que rien n'est fix\u00e9).\n \u00ab \u00c0 d\u00e9finir ensemble \u00bb \u2192 budget 0 (idem). *\/\n if (!data.date && data.date_fin) data.date = data.date_fin;\n const day1 = data.date || MOIS[data.periode] || '2027-01-01';\n const dayEnd = (data.date_fin && data.date_fin >= day1) ? data.date_fin : day1;\n const low = (t) => { const m = \/\\d+\/.exec(t || ''); return m ? m[0] : '0'; };\n \/* T\u00e9l\u00e9phone : indicatif s\u00e9par\u00e9 comme dans le formulaire Tero (+32 par d\u00e9faut) *\/\n const tel = (data.telephone || '').replace(\/[^\\d+]\/g, '');\n const pm = \/^(?:\\+|00)(352|33|32)(\\d+)$\/.exec(tel);\n const prefix = pm ? pm[1] : '32';\n const phone = pm ? pm[2] : tel.replace(\/^0\/, '');\n const recap = [\n `Kick-off 2027`,\n `Besoin : ${data.besoin || ''}`,\n `P\u00e9riode : ${data.periode || ''}${data.date ? ` (du ${fmt(data.date)}${data.date_fin && data.date_fin !== data.date ? ` au ${fmt(data.date_fin)}` : ''})` : ''}`,\n `Budget par personne : ${data.budget || ''}`,\n `Participants : ${data.participants || ''}`,\n `Format : ${data.format || ''}`,\n `R\u00e9gion : ${data.region || ''}`,\n `T\u00e9l\u00e9phone : ${data.telephone || ''}`,\n data.message ? `Message : ${data.message}` : '',\n ].filter(Boolean).join('\\n');\n const values = {\n interested_in: interest, tailor_made_event_type: type, profile_id: PROFIL[data.besoin] || '52',\n event_month: data.periode || '', event_date: data.date || '', budget_pp: data.budget || '',\n people: data.participants || '', event_format: data.format || '', region: data.region || '',\n first_name: data.prenom || '', surname: data.nom || '', email: data.email || '', company: data.societe || '',\n prefix, telephone: phone,\n message: data.message || '', tailor_made_event_describe: recap,\n consent_privacy: data.consentement ? 'oui' : '', consent_email: data.consent_email ? 'oui' : '', Campaign: 'Kick-off 2027',\n \/* m\u00eames noms que le formulaire \u00ab Obtenir un devis \u00bb (n\u00b0 31426), pour un formulaire dupliqu\u00e9 *\/\n \/* m\u00eames infos pour chaque parcours : le plugin Efficy lit celles du parcours choisi *\/\n ...['tailor_made_event', 'venue', 'activity', 'food'].reduce((o, p) => Object.assign(o, {\n [`${p}_date_from`]: day1, [`${p}_date_to`]: dayEnd,\n [`${p}_people`]: low(data.participants), [`${p}_budget`]: low(data.budget), [`${p}_describe`]: recap,\n }), {}),\n ...utm,\n };\n for (const [k, v] of Object.entries(values)) {\n for (const el of jf.querySelectorAll(`[name=\"${k}\"], [name=\"${k}[]\"]`)) {\n if (el.type === 'checkbox' || el.type === 'radio') {\n el.checked = el.type === 'checkbox' ? !!v : el.value === v;\n } else if (el.tagName === 'SELECT') {\n if (v && ![...el.options].some((o) => o.value === v)) el.add(new Option(v, v));\n el.value = v;\n } else {\n el.value = v;\n }\n el.dispatchEvent(new Event('input', { bubbles: true }));\n el.dispatchEvent(new Event('change', { bubbles: true }));\n }\n }\n submitBtn.disabled = true;\n err.textContent = 'Envoi en cours\u2026';\n const box = jf.closest('#tko-jfb');\n let over = false;\n const finish = (ok) => { if (over) return; over = true; obs.disconnect(); clearTimeout(tm); err.textContent = ''; ok ? done() : fail(); };\n const check = () => {\n if (box.querySelector('.jet-form-builder-message--success, .jet-form-message--success, .jet-form-builder-messages-wrap .success')) finish(true);\n else if (box.querySelector('.jet-form-builder-message--error, .jet-form-message--error, .jet-form-builder-messages-wrap .error')) finish(false);\n };\n const obs = new MutationObserver(check);\n obs.observe(box, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\n const tm = setTimeout(() => finish(false), 25000);\n if (window.jQuery) window.jQuery(jf).one('jet-form-builder\/ajax\/on-success', () => finish(true));\n const jbtn = jf.querySelector('button[type=submit], .jet-form-builder__submit');\n if (jf.requestSubmit) jf.requestSubmit(jbtn && jbtn.type === 'submit' ? jbtn : undefined); else (jbtn ? jbtn.click() : jf.submit());\n return;\n }\n\n \/* ---- 2. Sinon, webhook direct si une URL est renseign\u00e9e ---- *\/\n if (!FORM_ENDPOINT) { err.textContent = 'Formulaire pas encore connect\u00e9 : ajouter le formulaire JetFormBuilder (ID CSS \u00ab tko-jfb \u00bb) sur la page.'; return; }\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 done();\n } catch (x) { fail(); }\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<div class=\"elementor-element elementor-element-43ba5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"43ba5a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15403d6 elementor-widget elementor-widget-jet-form-builder-form\" data-id=\"15403d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tko-jfb\" data-widget_type=\"jet-form-builder-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/tero.be\/wp-includes\/css\/dist\/block-library\/common.min.css?ver=7.1.4' media='all' \/>\n<style id=\"jet-form-builder-55789-inline-css\"><\/style><form class=\"jet-form-builder layout-column submit-type-ajax\" action=\"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/?5f292E=41RneVSJn8&method=reload\" method=\"POST\" data-form-id=\"55789\" data-layout=\"column\" enctype=\"multipart\/form-data\" novalidate=\"null\" ssr_validation_method=\"rest\"><input type=\"hidden\" id=\"_wpnonce_55789\" name=\"_wpnonce\" value=\"1203a99816\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/55861\" \/>\r\n<input type=\"hidden\" name=\"_jfb_current_render_states[]\" value=\"DEFAULT.STATE\" data-jfb-sync \/><input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_booking_form_id\" data-field-name=\"_jet_engine_booking_form_id\" value=\"55789\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_refer\" data-field-name=\"_jet_engine_refer\" value=\"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"__queried_post_id\" data-field-name=\"__queried_post_id\" value=\"55861\">\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"post_id\" data-field-name=\"post_id\" data-jfb-sync=\"null\" value=\"55861\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"gclid_field\" data-field-name=\"gclid_field\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"profile_id\" data-field-name=\"profile_id\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_campaign\" data-field-name=\"utm_campaign\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_medium\" data-field-name=\"utm_medium\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_source\" data-field-name=\"utm_source\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_term\" data-field-name=\"utm_term\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_content\" data-field-name=\"utm_content\" data-jfb-sync=\"null\">\n\n\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-adwosuoc\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je suis int\u00e9ress\u00e9 par <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field interested_in_class\" required=\"required\" name=\"interested_in\" data-field-name=\"interested_in\" id=\"interested_in\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>S\u00e9lectionner...<\/option><option value=\"venue\" >La location d'un lieu Tero<\/option><option value=\"teambuilding\" >Un \u00e9v\u00e9nement teambuilding<\/option><option value=\"food\" >Traiteur Teroir<\/option><option value=\"tailor-made-event\" >Un \u00e9v\u00e9nement sur mesure<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-r2l3o5xl\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Pr\u00e9nom <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"first_name\" id=\"first_name\" type=\"text\" data-field-name=\"first_name\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_zda642NZ\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-qnaz048e\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nom <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"surname\" id=\"surname\" type=\"text\" data-field-name=\"surname\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_JiGvE9W0\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-mnm872ca\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Email <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"email\" id=\"email\" type=\"email\" data-field-name=\"email\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_iApJPw4r\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-g15vdmyg\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Pr\u00e9fixe<\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" name=\"prefix\" data-field-name=\"prefix\" id=\"prefix\" data-jfb-sync=\"null\">\n\t\t<option value=\"32\" >+32<\/option><option value=\"33\" >+33<\/option><option value=\"352\" >+352<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-r95c4cjj\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">T\u00e9l\u00e9phone <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"telephone\" id=\"telephone\" type=\"tel\" data-field-name=\"telephone\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_mJDyA02c\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-urns0bqq\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Quelle soci\u00e9t\u00e9 ou organisation repr\u00e9sentez-vous ? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"company\" id=\"company\" type=\"text\" data-field-name=\"company\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_Z39bjgiS\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-ransb7ni\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_privacy\" value=\"1\" data-field-name=\"consent_privacy\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" required=\"required\" data-default-val=\"[""]\"><span><span><p>Je consens au traitement de mes donn\u00e9es pour recevoir un devis, comme indiqu\u00e9 dans la <a href=\"\/fr\/politique-vie-privee\/\">politique de confidentialit\u00e9<\/a>. *<\/p><\/span><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-boqgryqw\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_email\" value=\"1\" data-field-name=\"consent_email\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" data-default-val=\"[""]\"><span><p>Je consens \u00e0 recevoir des courriels promotionnels et de marketing de la part de Tero.<\/p><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-sc8tgehb\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Comment pouvons-nous vous aider ? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" required=\"required\" name=\"tailor_made_event_type\" data-field-name=\"tailor_made_event_type\" id=\"tailor_made_event_type\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>S\u00e9lectionner...<\/option><option value=\"turnkey-solution\" >Une solution cl\u00e9 en main (lieu, team building et traiteur)<\/option><option value=\"venue-with-catering\" >Un lieu avec service de restauration<\/option><option value=\"venue-with-teambuilding\" >Un lieu avec activit\u00e9s de team building<\/option><option value=\"teambuilding-with-catering\" >Une activit\u00e9 de team building avec service de restauration<\/option><option value=\"venue-only\" >Un lieu uniquement<\/option><option value=\"catering-only\" >Service de restauration uniquement<\/option><option value=\"teambuilding-only\" >Une activit\u00e9 de team building uniquement<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_from\" type=\"date\" data-field-name=\"tailor_made_event_date_from\" id=\"tailor_made_event_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_to\" type=\"date\" data-field-name=\"tailor_made_event_date_to\" id=\"tailor_made_event_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_people\" data-field-name=\"tailor_made_event_people\" id=\"tailor_made_event_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_budget\" data-field-name=\"tailor_made_event_budget\" id=\"tailor_made_event_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-g0789xkq\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"tailor_made_event_describe\" data-field-name=\"tailor_made_event_describe\" id=\"tailor_made_event_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_from\" type=\"date\" data-field-name=\"venue_date_from\" id=\"venue_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_to\" type=\"date\" data-field-name=\"venue_date_to\" id=\"venue_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_people\" data-field-name=\"venue_people\" id=\"venue_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_budget\" data-field-name=\"venue_budget\" id=\"venue_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-76wl2nbd\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"venue_describe\" data-field-name=\"venue_describe\" id=\"venue_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_from\" type=\"date\" data-field-name=\"activity_date_from\" id=\"activity_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_to\" type=\"date\" data-field-name=\"activity_date_to\" id=\"activity_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_people\" data-field-name=\"activity_people\" id=\"activity_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_budget\" data-field-name=\"activity_budget\" id=\"activity_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-l0qs44xj\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"activity_describe\" data-field-name=\"activity_describe\" id=\"activity_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_from\" type=\"date\" data-field-name=\"food_date_from\" id=\"food_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_to\" type=\"date\" data-field-name=\"food_date_to\" id=\"food_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Nombre de personnes <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_people\" data-field-name=\"food_people\" id=\"food_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Votre budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_budget\" data-field-name=\"food_budget\" id=\"food_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-ibqyb0rp\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">D\u00e9crivez votre \u00e9v\u00e9nement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"food_describe\" data-field-name=\"food_describe\" id=\"food_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<input type=\"hidden\" class=\"captcha-token cb-ixbgaxpy\" name=\"_captcha_token\" value=\"\"\/><div class=\"jet-form-builder-row field-type-submit-field cb-ixbgaxpy\" >\n\t<div data-type=\"submit\" class=\"jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap\">\n\t<button class=\"jet-form-builder__action-button get-a-quote-submit-btn jet-form-builder__submit submit-type-ajax\" type=\"submit\">Recevoir mon offre<\/button>\n\t<\/div>\n\t\n<\/div>\t<div class=\"jet-form-builder-messages-wrap\" data-form-id=\"55789\"><\/div>\n<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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-55861","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861","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=55861"}],"version-history":[{"count":13,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/revisions"}],"predecessor-version":[{"id":55934,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/pages\/55861\/revisions\/55934"}],"wp:attachment":[{"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/media?parent=55861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/categories?post=55861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/fr\/wp-json\/wp\/v2\/tags?post=55861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}