<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Allo Interim SA — Agence d'intérim à Bruxelles | Logistique · Bureautique · Retail</title>
<meta name="description" content="Agence d'intérim spécialisée à Bruxelles depuis 1990. Logistique, bureautique et retail. Nous analysons chaque profil et vous contactons dès qu'une opportunité correspond. BE 0441.050.387.">
<meta name="keywords" content="agence intérim Bruxelles, emploi logistique Bruxelles, emploi bureautique Bruxelles, emploi retail Bruxelles, intérim Brussel, uitzendbureau Brussel">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',system-ui,sans-serif;background:#fff;color:#1a1f2e;line-height:1.6;overflow-x:hidden}
:root{
  --blue:#1A6EC5;--blue-dk:#0D4A8A;--blue-lt:#3B8FE0;--blue-pale:#E6F1FB;
  --steel:#4a5568;--orange:#d97706;--ink:#1a1f2e;--muted:#6b7280;
  --border:#e5e7eb;--surface:#f9fafb;--r:8px;--rl:14px;
}
/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.nav-i{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 2rem;gap:1rem}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.logo-t{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:#2d3748;line-height:1;text-decoration:none}
.logo-t span{color:#1A6EC5}
.nav-links{display:flex;align-items:center;gap:2px}
.nla{background:none;border:none;padding:6px 12px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-radius:var(--r);transition:background .15s,color .15s;text-decoration:none;display:inline-block}
.nla:hover{background:var(--surface);color:var(--ink)}
.ncta{margin-left:6px;background:var(--blue);color:#fff;border:none;padding:9px 20px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none}
.ncta:hover{background:var(--blue-dk)}
.lsw{display:flex;margin-left:12px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.lb{background:none;border:none;padding:5px 10px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .15s,color .15s}
.lb.on{background:var(--blue);color:#fff}
/* HERO */
.hero{background:var(--ink);padding:96px 2rem 84px;position:relative;overflow:hidden}
.hdeco{position:absolute;right:-60px;top:-60px;width:500px;height:500px;opacity:.07;pointer-events:none}
.hi{max-width:1160px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 400px;gap:56px;align-items:center}
.heyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(59,143,224,.15);border:1px solid rgba(59,143,224,.3);padding:5px 14px;border-radius:20px;margin-bottom:1.5rem;font-size:12px;font-weight:600;color:#7EB9F2;letter-spacing:.5px;text-transform:uppercase}
.dot{width:6px;height:6px;background:#3B8FE0;border-radius:50%;animation:bl 2s ease-in-out infinite}
@keyframes bl{0%,100%{opacity:1}50%{opacity:.25}}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(54px,7vw,92px);line-height:.94;color:#fff;letter-spacing:.5px;margin-bottom:1.25rem}
.hero h1 em{color:var(--blue-lt);font-style:normal}
.hsub{font-size:17px;color:rgba(255,255,255,.62);max-width:480px;line-height:1.75;margin-bottom:2.5rem}
.hbtns{display:flex;gap:12px;flex-wrap:wrap}
.btnp{background:var(--blue);color:#fff;border:none;padding:14px 28px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}
.btnp:hover{background:var(--blue-lt)}
.btng{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.2);padding:14px 28px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}
.btng:hover{background:rgba(255,255,255,.14)}
/* HERO CARD */
.hcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--rl);padding:28px}
.hct{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px}
.plink{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:10px;text-decoration:none;width:100%}
.plink:last-child{margin-bottom:0}
.plink:hover{background:rgba(59,143,224,.12);border-color:rgba(59,143,224,.3)}
.pico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pico svg{width:20px;height:20px}
.pilog{background:rgba(26,110,197,.25)}
.pibur{background:rgba(74,85,104,.4)}
.piret{background:rgba(217,119,6,.25)}
.pltxt{flex:1;text-align:left}
.plbl{font-size:14px;font-weight:600;color:#fff;display:block}
.psub{font-size:12px;color:rgba(255,255,255,.4);margin-top:2px;display:block}
.parr{color:rgba(255,255,255,.3);font-size:18px;line-height:1}
/* STATS */
.stats{background:var(--blue)}
.stsi{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18)}
.stat{background:var(--blue);padding:28px 24px;text-align:center}
.stn{font-family:'Bebas Neue',sans-serif;font-size:42px;color:#fff;letter-spacing:1px;line-height:1}
.stl{font-size:11px;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.8px;margin-top:4px}
/* SECTIONS */
.sec{padding:80px 2rem}
.sec.bgs{background:var(--surface)}
.wrap{max-width:1160px;margin:0 auto}
.slbl{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.stit{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,4vw,52px);color:var(--ink);letter-spacing:.5px;line-height:1;margin-bottom:12px}
.ssub{font-size:16px;color:var(--muted);max-width:520px;line-height:1.75}
/* POLES */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.pcard{border-radius:var(--rl);border:1px solid var(--border);overflow:hidden;transition:transform .2s,box-shadow .2s;text-decoration:none;display:block;background:#fff}
.pcard:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.10)}
.phd{padding:36px 28px 28px;position:relative;overflow:hidden}
.phd.log{background:#0D2F5A}
.phd.bur{background:#1e2535}
.phd.ret{background:#431a00}
.pdeco{position:absolute;right:-20px;bottom:-20px;opacity:.08;pointer-events:none}
.pdeco svg{width:90px;height:90px}
.psec{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;display:block}
.psec.log{color:#7EB9F2}.psec.bur{color:#A0AEC0}.psec.ret{color:#FBBF24}
.pctit{font-family:'Bebas Neue',sans-serif;font-size:32px;color:#fff;letter-spacing:.5px;margin-bottom:10px;line-height:1}
.pdesc{font-size:14px;color:rgba(255,255,255,.62);line-height:1.65}
.pbd{padding:24px 28px}
.tlbl{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.tag{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid}
.tag.log{background:#E6F1FB;color:#0C447C;border-color:#B5D4F4}
.tag.bur{background:#F7F8FA;color:#374151;border-color:#d1d5db}
.tag.ret{background:#FFFBEB;color:#92400e;border-color:#FDE68A}
.pcta{display:block;width:100%;padding:12px;border:none;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;text-align:center;text-decoration:none}
.pcta:hover{opacity:.85}
.pcta.log{background:var(--blue);color:#fff}
.pcta.bur{background:var(--steel);color:#fff}
.pcta.ret{background:var(--orange);color:#fff}
/* WHY */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.wcard{padding:28px;border:1px solid var(--border);border-radius:var(--rl);background:#fff;transition:border-color .2s;overflow:hidden}
.wcard:hover{border-color:var(--blue-lt)}
.wico{width:44px;height:44px;border-radius:10px;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.wico svg{width:20px;height:20px;color:var(--blue)}
.wcard h3{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}
.wcard p{font-size:14px;color:var(--muted);line-height:1.7}
/* ESPACES */
.egrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.ecard{border-radius:var(--rl);border:1px solid var(--border);padding:40px;background:#fff;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,box-shadow .2s}
.ecard:hover{border-color:var(--blue-lt);box-shadow:0 8px 24px rgba(26,110,197,.08)}
.eico{width:52px;height:52px;border-radius:12px;background:var(--blue-pale);display:flex;align-items:center;justify-content:center}
.eico svg{width:24px;height:24px;color:var(--blue)}
.ecard h3{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--ink);letter-spacing:.5px;line-height:1}
.ecard p{font-size:15px;color:var(--muted);line-height:1.7;flex:1}
.elink{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;margin-top:4px;transition:gap .15s}
.elink:hover{gap:12px}
/* FOOTER */
footer{background:#0d1117;padding:56px 2rem 28px}
.fi{max-width:1160px;margin:0 auto}
.ftop{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.fbn{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#fff;letter-spacing:1px;margin-bottom:10px}
.fbn span{color:var(--blue-lt)}
.fdsc{font-size:13px;color:rgba(255,255,255,.38);line-height:1.7;max-width:280px;margin-bottom:16px}
.fsoc{display:flex;gap:8px}
.fsl{width:32px;height:32px;border-radius:var(--r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;text-decoration:none}
.fsl:hover{background:var(--blue)}
.fsl svg{width:14px;height:14px;color:rgba(255,255,255,.65)}
.fcol h4{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px}
.fcol a{display:block;font-family:'DM Sans',sans-serif;font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:8px;transition:color .15s}
.fcol a:hover{color:#fff}
.fbot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;color:rgba(255,255,255,.22);flex-wrap:wrap;gap:8px}
/* OFFRES */
.jobs-sec{padding:80px 2rem;background:var(--surface)}
.jobs-engine{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:20px 24px;display:flex;gap:12px;align-items:center;margin-bottom:40px;flex-wrap:wrap}
.jobs-engine select,.jobs-engine input{flex:1;min-width:160px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink);background:#fff;transition:border-color .15s}
.jobs-engine select:focus,.jobs-engine input:focus{outline:none;border-color:var(--blue)}
.jobs-engine button{background:var(--blue);color:#fff;border:none;padding:10px 24px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}
.jobs-engine button:hover{background:var(--blue-dk)}
.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jcard{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:24px;transition:border-color .2s,box-shadow .2s;text-decoration:none;display:block;cursor:pointer}
.jcard:hover{border-color:var(--blue-lt);box-shadow:0 6px 20px rgba(26,110,197,.08)}
.jcard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}
.jcard-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.jbadge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}
.jbadge.log{background:#E6F1FB;color:#0C447C}
.jbadge.bur{background:#F7F8FA;color:#374151;border:1px solid #e5e7eb}
.jbadge.ret{background:#FFFBEB;color:#92400e}
.jcard-meta{display:flex;gap:14px;margin-bottom:10px}
.jmeta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}
.jmeta svg{width:12px;height:12px}
.jcard-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.jcard-cta{font-size:13px;font-weight:600;color:var(--blue)}
.jobs-more{display:flex;justify-content:center;margin-top:32px}
.btn-outline{background:none;border:1.5px solid var(--blue);color:var(--blue);padding:12px 28px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-block}
.btn-outline:hover{background:var(--blue);color:#fff}
/* TÉMOIGNAGES */
.testi-sec{padding:80px 2rem}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.tcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:28px;position:relative}
.tcard-quote{font-size:36px;line-height:1;color:var(--blue-lt);font-family:Georgia,serif;margin-bottom:8px;opacity:.4}
.tcard-text{font-size:15px;color:var(--ink);line-height:1.7;margin-bottom:20px;font-style:italic}
.tcard-author{display:flex;align-items:center;gap:12px}
.tcard-avatar{width:40px;height:40px;border-radius:50%;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--blue);flex-shrink:0}
.tcard-name{font-size:14px;font-weight:600;color:var(--ink)}
.tcard-role{font-size:12px;color:var(--muted)}
.google-bar{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:16px 24px;margin-top:32px;flex-wrap:wrap;justify-content:center}
.gbar-logo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}
.gbar-score{font-size:24px;font-weight:700;color:var(--ink)}
.gstars{display:flex;gap:2px}
.gstar{width:18px;height:18px;color:#FBBF24}
.gbar-count{font-size:13px;color:var(--muted)}
.gbar-placeholder{font-size:12px;color:var(--muted);background:#fff3cd;border:1px solid #fde68a;padding:3px 10px;border-radius:4px;color:#92400e}
/* COOKIE BANNER */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--ink);border-top:1px solid rgba(255,255,255,.1);padding:16px 2rem;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;transform:translateY(100%);transition:transform .3s ease}
.cookie-banner.show{transform:translateY(0)}
.cookie-txt{font-size:13px;color:rgba(255,255,255,.7);max-width:640px;line-height:1.5}
.cookie-txt a{color:var(--blue-lt);text-decoration:none}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
.cbtn-accept{background:var(--blue);color:#fff;border:none;padding:8px 20px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}
.cbtn-accept:hover{background:var(--blue-lt)}
.cbtn-decline{background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);padding:8px 16px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;cursor:pointer;transition:border-color .15s}
.cbtn-decline:hover{border-color:rgba(255,255,255,.5)}
/* PHOTOS */
.hero-photo-wrap{position:relative;border-radius:var(--rl);overflow:hidden;height:480px;flex-shrink:0}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,26,45,.55) 0%,rgba(13,26,45,.2) 100%)}
.hero-photo-badge{position:absolute;bottom:16px;left:16px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:var(--r)}
.hero-photo-badge span{font-size:12px;color:#fff;font-weight:500}
.phd-photo{position:relative;overflow:hidden}
.phd-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.25;transition:opacity .3s}
.pcard:hover .phd-photo img{opacity:.35}
.phd-photo-inner{position:relative;z-index:1;padding:36px 28px 28px}
.ecard-photo{position:relative;overflow:hidden;border-radius:var(--rl) var(--rl) 0 0;height:200px;margin:-40px -40px 24px -40px}
.ecard-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ecard-photo-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(255,255,255,.9) 100%)}
.wcard-photo{height:180px;margin:-28px -28px 20px -28px;border-radius:var(--rl) var(--rl) 0 0;overflow:hidden;position:relative}
.wcard-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform .4s ease}
.wcard:hover .wcard-photo img{transform:scale(1.04)}
.wcard-photo-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,110,197,.08) 0%,transparent 60%)}
/* LANG */
@media(max-width:900px){
  .hi{grid-template-columns:1fr}.hcard{display:none}.hero-photo-wrap{display:none}
  .pgrid,.wgrid,.egrid{grid-template-columns:1fr}
  .ftop{grid-template-columns:1fr 1fr}
  .stsi{grid-template-columns:repeat(2,1fr)}
  .ecard-photo{height:160px;margin:-28px -28px 20px -28px}
}
@media(max-width:640px){
  .ftop{grid-template-columns:1fr}
}

/* ── FIX TRILINGUE DÉFINITIF ── */
.fr, .nl, .en { display: none !important; }
/* ── LANGUE ── */
[data-lang] .fr,[data-lang] .nl,[data-lang] .en,
[data-lang] .ifr,[data-lang] .inl,[data-lang] .ien{display:none!important}
[data-lang=fr] .fr,[data-lang=fr] .ifr,
[data-lang=nl] .nl,[data-lang=nl] .inl,
[data-lang=en] .en,[data-lang=en] .ien{display:revert!important}
[data-lang=fr] div.fr,[data-lang=nl] div.nl,[data-lang=en] div.en,
[data-lang=fr] div.ifr,[data-lang=nl] div.inl,[data-lang=en] div.ien{display:block!important}
[data-lang=fr] p.fr,[data-lang=nl] p.nl,[data-lang=en] p.en,
[data-lang=fr] p.ifr,[data-lang=nl] p.inl,[data-lang=en] p.ien{display:block!important}
[data-lang=fr] span.fr,[data-lang=nl] span.nl,[data-lang=en] span.en,
[data-lang=fr] span.ifr,[data-lang=nl] span.inl,[data-lang=en] span.ien{display:inline!important}
[data-lang=fr] a.fr,[data-lang=nl] a.nl,[data-lang=en] a.en,
[data-lang=fr] a.ifr,[data-lang=nl] a.inl,[data-lang=en] a.ien{display:inline-flex!important}
[data-lang=fr] h1.fr,[data-lang=nl] h1.nl,[data-lang=en] h1.en,
[data-lang=fr] h2.fr,[data-lang=nl] h2.nl,[data-lang=en] h2.en,
[data-lang=fr] h3.fr,[data-lang=nl] h3.nl,[data-lang=en] h3.en,
[data-lang=fr] h1.ifr,[data-lang=nl] h1.inl,[data-lang=en] h1.ien,
[data-lang=fr] h2.ifr,[data-lang=nl] h2.inl,[data-lang=en] h2.ien,
[data-lang=fr] h3.ifr,[data-lang=nl] h3.inl,[data-lang=en] h3.ien{display:block!important}
[data-lang=fr] button.fr,[data-lang=nl] button.nl,[data-lang=en] button.en,
[data-lang=fr] button.ifr,[data-lang=nl] button.inl,[data-lang=en] button.ien{display:inline-flex!important}
[data-lang=fr] label.fr,[data-lang=nl] label.nl,[data-lang=en] label.en,
[data-lang=fr] label.ifr,[data-lang=nl] label.inl,[data-lang=en] label.ien{display:block!important}
[data-lang=fr] li.fr,[data-lang=nl] li.nl,[data-lang=en] li.en,
[data-lang=fr] li.ifr,[data-lang=nl] li.inl,[data-lang=en] li.ien{display:list-item!important}
[data-lang=fr] td.fr,[data-lang=nl] td.nl,[data-lang=en] td.en,
[data-lang=fr] td.ifr,[data-lang=nl] td.inl,[data-lang=en] td.ien{display:table-cell!important}

.ifr, .inl, .ien { display: none !important; }
body.lf .ifr { display: inline !important; }
body.ln .inl { display: inline !important; }
body.le .ien { display: inline !important; }
</style>
  <!-- ── SEO & Open Graph ── -->
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://www.allointerim.be/allo-interim-landing.html">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.allointerim.be/allo-interim-landing.html">
  <meta property="og:site_name" content="Allo Interim SA">
  <meta property="og:title" content="Allo Interim SA — Agence d'intérim à Bruxelles | Logistique · Bureautique · Retail">
  <meta property="og:description" content="Agence d'intérim spécialisée à Bruxelles depuis 1990. Logistique, bureautique et retail. Nous analysons chaque profil et vous contactons dès qu'une opportunité correspond. BE 0441.050.387.">
  <meta property="og:image" content="https://www.allointerim.be/og-home.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:locale" content="fr_BE">
  <meta property="og:locale:alternate" content="nl_BE">
  <meta property="og:locale:alternate" content="en_GB">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Allo Interim SA — Agence d'intérim à Bruxelles | Logistique · Bureautique · Retail">
  <meta name="twitter:description" content="Agence d'intérim spécialisée à Bruxelles depuis 1990. Logistique, bureautique et retail. Nous analysons chaque profil et vous contactons dès qu'une opportunité correspond. BE 0441.050.387.">
  <meta name="twitter:image" content="https://www.allointerim.be/og-home.jpg">
  <link rel="alternate" hreflang="fr" href="https://www.allointerim.be/allo-interim-landing.html">
  <link rel="alternate" hreflang="nl" href="https://www.allointerim.be/allo-interim-landing.html">
  <link rel="alternate" hreflang="en" href="https://www.allointerim.be/allo-interim-landing.html">
  <link rel="alternate" hreflang="x-default" href="https://www.allointerim.be/allo-interim-landing.html">
  <!-- ── Google Analytics 4 (remplacer G-CLTNZ29N49) ── -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-CLTNZ29N49"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-CLTNZ29N49', { 'anonymize_ip': true });
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "EmploymentAgency",
    "name": "Allo Interim SA",
    "url": "https://www.allointerim.be",
    "logo": "https://www.allointerim.be/logo.png",
    "description": "Agence d'intérim spécialisée à Bruxelles depuis 1990. Logistique, bureautique et retail.",
    "foundingDate": "1990-07-19",
    "vatID": "BE0441050387",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Avenue Louise 54",
      "addressLocality": "Bruxelles",
      "postalCode": "1050",
      "addressCountry": "BE"
    },
    "telephone": "+32-2-XXX-XX-XX",
    "email": "info&#64;allointerim&#46;be",
    "areaServed": "Brussels Capital Region",
    "knowsLanguage": ["fr", "nl", "en"],
    "sameAs": ["https://www.linkedin.com/company/allo-interim"]
  }
  </script>
</head>
<body data-lang="fr">

<!-- ═══ NAV ═══ -->
<nav class="nav">
  <div class="nav-i">
    <a href="allo-interim-landing.html" class="logo"><img src="logo.jpeg" alt="Allo Interim" style="height:38px;width:auto;display:block"><span class="logo-t">ALLO <span>INTERIM</span></span></a>
    <div class="nav-links">
      <a href="offres.html" class="nla ifr">Nos offres</a>
      <a href="offres.html" class="nla inl">Vacatures</a>
      <a href="offres.html" class="nla ien">Jobs</a>
      <a href="expertises.html" class="nla ifr">Nos expertises</a>
      <a href="expertises.html" class="nla inl">Onze expertises</a>
      <a href="expertises.html" class="nla ien">Our expertise</a>
      <a href="a-propos.html" class="nla ifr">À propos</a>
      <a href="a-propos.html" class="nla inl">Over ons</a>
      <a href="a-propos.html" class="nla ien">About</a>
      <a href="blog.html" class="nla ifr">Blog RH</a>
      <a href="blog.html" class="nla inl">HR Blog</a>
      <a href="blog.html" class="nla ien">HR Blog</a>
      <a href="employeurs.html" class="nla ifr">Employeurs</a>
      <a href="employeurs.html" class="nla inl">Werkgevers</a>
      <a href="employeurs.html" class="nla ien">Employers</a>
      <a href="postuler.html" class="ncta ifr">Je postule</a>
      <a href="postuler.html" class="ncta inl">Solliciteren</a>
      <a href="postuler.html" class="ncta ien">Apply now</a>
      <div class="lsw">
        <button class="lb on" onclick="setLang('f',this)">FR</button>
        <button class="lb"    onclick="setLang('n',this)">NL</button>
        <button class="lb"    onclick="setLang('e',this)">EN</button>
      </div>
    </div>
  </div>
</nav>

<!-- ═══ HERO ═══ -->
<section class="hero">
  <svg class="hdeco" viewBox="0 0 500 500" fill="none">
    <polygon points="250,0 500,432 0,432" stroke="white" stroke-width="1"/>
    <polygon points="250,48 468,406 32,406" stroke="white" stroke-width="1"/>
    <polygon points="250,96 436,380 64,380" stroke="#1A6EC5" stroke-width="1"/>
    <polygon points="250,144 404,354 96,354" stroke="#1A6EC5" stroke-width=".5"/>
  </svg>
  <div class="hi" style="grid-template-columns:1fr 340px 280px;gap:40px">
    <div>
      <div class="heyebrow"><span class="dot"></span>
        <span class="ifr">Agence intérim Bruxelles · Depuis 1990</span>
        <span class="inl">Uitzendbureau Brussel · Sinds 1990</span>
        <span class="ien">Temp agency Brussels · Since 1990</span>
      </div>
      <h1 class="fr">LE BON JOB,<br><em>AU BON MOMENT.</em></h1>
      <h1 class="nl">DE JUISTE JOB,<br><em>OP HET JUISTE MOMENT.</em></h1>
      <h1 class="en">THE RIGHT JOB,<br><em>AT THE RIGHT TIME.</em></h1>
      <p class="hsub fr">Allo Intérim connecte les talents aux meilleures entreprises de Bruxelles. Trois pôles spécialisés, un accompagnement vraiment humain.</p>
      <p class="hsub nl">Allo Intérim verbindt talent met de beste bedrijven in Brussel. Drie gespecialiseerde sectoren, een echt menselijke begeleiding.</p>
      <p class="hsub en">Allo Intérim connects talent with the best companies in Brussels. Three specialist sectors, genuinely human support.</p>
      <div class="hbtns">
        <a href="postuler.html" class="btnp ifr">Je dépose mon CV</a>
        <a href="postuler.html" class="btnp inl">CV indienen</a>
        <a href="postuler.html" class="btnp ien">Submit my CV</a>
        <a href="employeurs.html" class="btng ifr">Je recrute</a>
        <a href="employeurs.html" class="btng inl">Ik werf aan</a>
        <a href="employeurs.html" class="btng ien">I'm hiring</a>
      </div>
    </div>

    <!-- PHOTO HERO — remplacer l'URL par votre photo définitive -->
    <!-- Source recommandée : unsplash.com · Recherche : "diverse team workers smiling" -->
    <div class="hero-photo-wrap">
      <img
        src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=680&q=80&auto=format&fit=crop"
        alt="Équipe Allo Intérim — professionnels logistique bureautique retail Bruxelles"
        loading="eager">
      <div class="hero-photo-overlay"></div>
      <div class="hero-photo-badge">
        <span class="ifr">Notre équipe · Bruxelles</span>
        <span class="inl">Ons team · Brussel</span>
        <span class="ien">Our team · Brussels</span>
      </div>
    </div>

    <div class="hcard">
      <p class="hct ifr">Choisissez votre pôle</p>
      <p class="hct inl">Kies uw sector</p>
      <p class="hct ien">Choose your sector</p>
      <a href="logistique.html" class="plink">
        <div class="pico pilog"><svg viewBox="0 0 24 24" fill="none" stroke="#7EB9F2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"/><polygon points="16,8 20,8 23,11 23,16 16,16 16,8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg></div>
        <div class="pltxt">
          <span class="plbl ifr">Logistique</span><span class="plbl inl">Logistiek</span><span class="plbl ien">Logistics</span>
          <span class="psub ifr">Transport · Entrepôt · Supply chain</span><span class="psub inl">Transport · Magazijn · Supply chain</span><span class="psub ien">Transport · Warehouse · Supply chain</span>
        </div>
        <span class="parr">›</span>
      </a>
      <a href="bureautique.html" class="plink">
        <div class="pico pibur"><svg viewBox="0 0 24 24" fill="none" stroke="#A0AEC0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg></div>
        <div class="pltxt">
          <span class="plbl ifr">Bureautique</span><span class="plbl inl">Administratie</span><span class="plbl ien">Office & Admin</span>
          <span class="psub ifr">Admin · Secrétariat · Comptabilité</span><span class="psub inl">Admin · Secretariaat · Boekhouding</span><span class="psub ien">Admin · Secretarial · Accounting</span>
        </div>
        <span class="parr">›</span>
      </a>
      <a href="retail.html" class="plink">
        <div class="pico piret"><svg viewBox="0 0 24 24" fill="none" stroke="#FBBF24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg></div>
        <div class="pltxt">
          <span class="plbl">Retail</span>
          <span class="psub ifr">Commerce · Vente · Grande distribution</span><span class="psub inl">Handel · Verkoop · Grootdistributie</span><span class="psub ien">Commerce · Sales · Trade</span>
        </div>
        <span class="parr">›</span>
      </a>
    </div>
  </div>
</section>

<!-- ═══ STATS ═══ -->
<div class="stats">
  <div class="stsi">
    <div class="stat"><div class="stn">30+</div><div class="stl fr">Années d'expérience</div><div class="stl nl">Jaar ervaring</div><div class="stl en">Years experience</div></div>
    <div class="stat"><div class="stn">3</div><div class="stl fr">Pôles spécialisés</div><div class="stl nl">Gespecialiseerde sectoren</div><div class="stl en">Specialist sectors</div></div>
    <div class="stat"><div class="stn">500+</div><div class="stl fr">Candidats placés / an</div><div class="stl nl">Geplaatste kandidaten / jaar</div><div class="stl en">Candidates placed / year</div></div>
    <div class="stat"><div class="stn">35+</div><div class="stl fr">Ans d'expérience</div><div class="stl nl">Reactietijd</div><div class="stl en">Response time</div></div>
  </div>
</div>

<!-- ═══ NOS PÔLES ═══ -->
<section class="sec" id="poles">
  <div class="wrap">
    <p class="slbl fr">Nos pôles d'expertise</p><p class="slbl nl">Onze expertisedomeinen</p><p class="slbl en">Our areas of expertise</p>
    <h2 class="stit fr">TROUVEZ VOTRE SECTEUR</h2><h2 class="stit nl">VIND UW SECTOR</h2><h2 class="stit en">FIND YOUR SECTOR</h2>
    <p class="ssub fr">Trois métiers, trois expertises, un seul interlocuteur. Nos consultants connaissent parfaitement les réalités de chaque secteur.</p>
    <p class="ssub nl">Drie beroepen, drie expertises, één aanspreekpunt. Onze consultants kennen de realiteit van elke sector door en door.</p>
    <p class="ssub en">Three trades, three areas of expertise, one point of contact. Our consultants know the realities of each sector inside out.</p>
    <div class="pgrid">

      <a href="logistique.html" class="pcard">
        <div class="phd log phd-photo">
          <!-- Photo Logistique — Unsplash : "warehouse worker smiling" — Adrian Sulyok -->
          <img src="https://images.unsplash.com/photo-1553413077-190dd305871c?w=600&q=75&auto=format&fit=crop" alt="Travailleur logistique entrepôt Bruxelles" loading="lazy">
          <div class="phd-photo-inner">
          <div class="pdeco"><svg viewBox="0 0 90 90" fill="none"><rect x="5" y="5" width="80" height="80" stroke="white" stroke-width="1.5"/><rect x="18" y="18" width="54" height="54" stroke="white" stroke-width="1.5"/></svg></div>
          <span class="psec log fr">Pôle Logistique</span><span class="psec log nl">Sector Logistiek</span><span class="psec log en">Logistics Division</span>
          <div class="pctit fr">LOGISTIQUE</div><div class="pctit nl">LOGISTIEK</div><div class="pctit en">LOGISTICS</div>
          <p class="pdesc fr">Transport, gestion d'entrepôt, supply chain et manutention. Des missions au cœur des flux économiques de la région bruxelloise.</p>
          <p class="pdesc nl">Transport, magazijnbeheer, supply chain en handling. Opdrachten in het hart van de economische stromen van de Brusselse regio.</p>
          <p class="pdesc en">Transport, warehouse management, supply chain and handling. Assignments at the heart of Brussels' economic flows.</p>
          </div>
        </div>
        <div class="pbd">
          <p class="tlbl fr">Postes typiques</p><p class="tlbl nl">Typische functies</p><p class="tlbl en">Typical positions</p>
          <div class="tags">
            <span class="tag log fr">Chauffeur B / C / CE</span><span class="tag log nl">Chauffeur B / C / CE</span><span class="tag log en">Driver B / C / CE</span>
            <span class="tag log fr">Magasinier</span><span class="tag log nl">Magazijnier</span><span class="tag log en">Warehouse operator</span>
            <span class="tag log fr">Cariste CACES</span><span class="tag log nl">Heftruckchauffeur</span><span class="tag log en">Forklift operator</span>
            <span class="tag log fr">Préparateur commandes</span><span class="tag log nl">Orderpicker</span><span class="tag log en">Order picker</span>
          </div>
          <span class="pcta log fr">Voir les offres →</span><span class="pcta log nl">Vacatures bekijken →</span><span class="pcta log en">Browse jobs →</span>
        </div>
      </a>

      <a href="bureautique.html" class="pcard">
        <div class="phd bur phd-photo">
          <!-- Photo Bureautique — Unsplash : "woman office smiling laptop" -->
          <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=600&q=75&auto=format&fit=crop" alt="Assistante administrative bureau Bruxelles" loading="lazy">
          <div class="phd-photo-inner">
          <div class="pdeco"><svg viewBox="0 0 90 90" fill="none"><circle cx="45" cy="45" r="38" stroke="white" stroke-width="1.5"/><circle cx="45" cy="45" r="22" stroke="white" stroke-width="1.5"/></svg></div>
          <span class="psec bur fr">Pôle Bureautique</span><span class="psec bur nl">Sector Administratie</span><span class="psec bur en">Office & Admin Division</span>
          <div class="pctit fr">BUREAUTIQUE</div><div class="pctit nl">ADMINISTRATIE</div><div class="pctit en">OFFICE & ADMIN</div>
          <p class="pdesc fr">Secrétariat, comptabilité, ressources humaines, office management. Le cœur administratif des entreprises, à toutes les échelles.</p>
          <p class="pdesc nl">Secretariaat, boekhouding, HR, office management. Het administratieve hart van bedrijven op alle niveaus.</p>
          <p class="pdesc en">Secretarial, accounting, HR, office management. The administrative core of businesses at every scale.</p>
          </div>
        </div>
        <div class="pbd">
          <p class="tlbl fr">Postes typiques</p><p class="tlbl nl">Typische functies</p><p class="tlbl en">Typical positions</p>
          <div class="tags">
            <span class="tag bur fr">Assistant(e) admin</span><span class="tag bur nl">Administratief medewerker</span><span class="tag bur en">Admin assistant</span>
            <span class="tag bur fr">Secrétaire bilingue</span><span class="tag bur nl">Tweetalig secretaresse</span><span class="tag bur en">Bilingual secretary</span>
            <span class="tag bur fr">Comptable</span><span class="tag bur nl">Boekhouder</span><span class="tag bur en">Accountant</span>
            <span class="tag bur fr">Office manager</span><span class="tag bur nl">Office manager</span><span class="tag bur en">Office manager</span>
          </div>
          <span class="pcta bur fr">Voir les offres →</span><span class="pcta bur nl">Vacatures bekijken →</span><span class="pcta bur en">Browse jobs →</span>
        </div>
      </a>

      <a href="retail.html" class="pcard">
        <div class="phd ret phd-photo">
          <!-- Photo Retail — Unsplash : "retail worker smiling store" -->
          <img src="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=600&q=75&auto=format&fit=crop" alt="Vendeur magasin retail Bruxelles" loading="lazy">
          <div class="phd-photo-inner">
          <div class="pdeco"><svg viewBox="0 0 90 90" fill="none"><polygon points="45,5 85,80 5,80" stroke="white" stroke-width="1.5"/><polygon points="45,26 72,72 18,72" stroke="white" stroke-width="1.5"/></svg></div>
          <span class="psec ret">Retail</span>
          <div class="pctit">RETAIL</div>
          <p class="pdesc fr">Commerce, grande distribution, vente directe. Des profils orientés client dans des enseignes de toutes tailles à Bruxelles et en Belgique.</p>
          <p class="pdesc nl">Handel, grootdistributie, directe verkoop. Klantgerichte profielen bij winkels van alle groottes in Brussel en België.</p>
          <p class="pdesc en">Commerce, retail trade, direct sales. Customer-focused profiles across stores of all sizes in Brussels and Belgium.</p>
          </div>
        </div>
        <div class="pbd">
          <p class="tlbl fr">Postes typiques</p><p class="tlbl nl">Typische functies</p><p class="tlbl en">Typical positions</p>
          <div class="tags">
            <span class="tag ret fr">Vendeur / Vendeuse</span><span class="tag ret nl">Verkoopsmedewerker</span><span class="tag ret en">Sales associate</span>
            <span class="tag ret fr">Caissier(e)</span><span class="tag ret nl">Kassamedewerker</span><span class="tag ret en">Cashier</span>
            <span class="tag ret fr">Responsable rayon</span><span class="tag ret nl">Afdelingshoofd</span><span class="tag ret en">Department manager</span>
            <span class="tag ret fr">Merchandiser</span><span class="tag ret nl">Merchandiser</span><span class="tag ret en">Merchandiser</span>
          </div>
          <span class="pcta ret fr">Voir les offres →</span><span class="pcta ret nl">Vacatures bekijken →</span><span class="pcta ret en">Browse jobs →</span>
        </div>
      </a>

    </div>
  </div>
</section>

<!-- ═══ POURQUOI NOUS ═══ -->
<section class="sec bgs" id="why">
  <div class="wrap">
    <p class="slbl fr">Pourquoi nous choisir</p><p class="slbl nl">Waarom ons kiezen</p><p class="slbl en">Why choose us</p>
    <h2 class="stit fr">L'HUMAIN D'ABORD</h2><h2 class="stit nl">DE MENS EERST</h2><h2 class="stit en">PEOPLE FIRST</h2>
    <div class="wgrid">
      <div class="wcard">
        <!-- Unsplash : "consultant candidate meeting interview warm" — 2 personnes, interaction chaleureuse -->
        <div class="wcard-photo">
          <img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?w=600&q=80&auto=format&fit=crop" alt="Consultant et candidat en entretien Allo Intérim" loading="lazy">
          <div class="wcard-photo-overlay"></div>
        </div>
        <div class="wico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
        <h3 class="fr">Suivi personnalisé</h3><h3 class="nl">Persoonlijke begeleiding</h3><h3 class="en">Personal support</h3>
        <p class="fr">Un consultant dédié vous accompagne de l'inscription jusqu'à la prise de poste. Pas de boîte noire, toujours un vrai interlocuteur.</p>
        <p class="nl">Een toegewijde consultant begeleidt u van inschrijving tot indiensttreding. Geen black box — altijd een echte gesprekspartner.</p>
        <p class="en">A dedicated consultant supports you from registration to start date. No black box — always a real person to talk to.</p>
      </div>
      <div class="wcard">
        <!-- Unsplash : "team colleagues laughing office spontaneous" — groupe détendu, ambiance positive -->
        <div class="wcard-photo">
          <img src="https://images.unsplash.com/photo-1582213782179-e0d53f98f2ca?w=600&q=80&auto=format&fit=crop" alt="Consultant Allo Intérim expertise sectorielle métier" loading="lazy">
          <div class="wcard-photo-overlay"></div>
        </div>
        <div class="wico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg></div>
        <h3 class="fr">On connaît votre métier</h3><h3 class="nl">Wij kennen uw vak</h3><h3 class="en">We know your trade</h3>
        <p class="fr">Nos consultants parlent logistique, bureautique et retail — pas ressources humaines génériques. Ils connaissent les certifications, les conventions collectives et les réalités terrain de votre secteur.</p>
        <p class="nl">Onze consultants spreken logistiek, administratie en retail — geen generieke HR. Ze kennen de certificeringen, de CAO's en de dagelijkse realiteit van uw sector.</p>
        <p class="en">Our consultants speak logistics, office admin and retail — not generic HR. They know the certifications, collective agreements and ground-level realities of your sector.</p>
      </div>
      <div class="wcard">
        <!-- Unsplash : "workers logistics office retail team diverse" — mixte secteurs, diversité -->
        <div class="wcard-photo">
          <img src="https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=600&q=80&auto=format&fit=crop" alt="Mise en valeur du profil candidat Allo Intérim Bruxelles" loading="lazy">
          <div class="wcard-photo-overlay"></div>
        </div>
        <div class="wico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
        <h3 class="fr">Votre profil mis en valeur</h3><h3 class="nl">Uw profiel in de kijker</h3><h3 class="en">Your profile, front and centre</h3>
        <p class="fr">Vos compétences, vos certifications, votre expérience — nous les présentons aux bons employeurs de la bonne façon. Pas un CV anonyme dans une pile, mais un profil défendu par un consultant qui vous connaît.</p>
        <p class="nl">Uw vaardigheden, uw certificeringen, uw ervaring — wij stellen ze voor aan de juiste werkgevers op de juiste manier. Geen anoniem CV in een stapel, maar een profiel dat verdedigd wordt door een consultant die u kent.</p>
        <p class="en">Your skills, certifications and experience — we present them to the right employers the right way. Not an anonymous CV in a pile, but a profile championed by a consultant who knows you.</p>
      </div>
    </div>
  </div>
</section>

<!-- ═══ ESPACES ═══ -->
<section class="sec">
  <div class="wrap">
    <p class="slbl fr">Vous concernant</p><p class="slbl nl">Voor u</p><p class="slbl en">For you</p>
    <h2 class="stit fr">VOTRE ESPACE</h2><h2 class="stit nl">UW ZONE</h2><h2 class="stit en">YOUR SPACE</h2>
    <div class="egrid">
      <div class="ecard">
        <!-- Photo Candidat — groupe de travailleurs divers en réunion / équipe -->
        <!-- Unsplash : "diverse team meeting smiling" ou "workers colleagues group" -->
        <div class="ecard-photo">
          <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=800&q=80&auto=format&fit=crop&crop=top" alt="Équipe de travailleurs Bruxelles — candidats intérim" loading="lazy">
          <div class="ecard-photo-overlay"></div>
        </div>
        <h3 class="fr">Espace candidats</h3><h3 class="nl">Kandidatenzone</h3><h3 class="en">Candidates space</h3>
        <p class="fr">Vous cherchez un emploi dans la logistique, la bureautique ou le retail ? Déposez votre CV, indiquez votre disponibilité et laissez nos consultants travailler pour vous.</p>
        <p class="nl">Op zoek naar werk in logistiek, administratie of retail? Dien uw CV in, geef uw beschikbaarheid op en laat onze consultants voor u werken.</p>
        <p class="en">Looking for a job in logistics, office admin or retail? Submit your CV, state your availability and let our consultants work for you.</p>
        <a href="candidats.html" class="elink ifr">Espace candidats →</a>
        <a href="candidats.html" class="elink inl">Kandidatenzone →</a>
        <a href="candidats.html" class="elink ien">Candidates space →</a>
      </div>
      <div class="ecard">
        <!-- Photo Employeur — réunion équipe RH / managers autour d'une table -->
        <!-- Unsplash : "business team meeting office discussion" -->
        <div class="ecard-photo">
          <img src="https://images.unsplash.com/photo-1556761175-4b46a572b786?w=800&q=80&auto=format&fit=crop&crop=top" alt="Équipe RH employeurs réunion recrutement Bruxelles" loading="lazy">
          <div class="ecard-photo-overlay"></div>
        </div>
        <h3 class="fr">Espace employeurs</h3><h3 class="nl">Werkgeverszone</h3><h3 class="en">Employers space</h3>
        <p class="fr">Vous recrutez ? Intérim, payroll ou outplacement — nous vous proposons les profils adaptés à vos besoins, avec plus de 30 ans d'expérience au service des entreprises bruxelloises.</p>
        <p class="nl">Werft u aan? Uitzendarbeid, payroll of outplacement — wij bieden u de juiste profielen voor uw behoeften, met meer dan 30 jaar ervaring voor Brusselse bedrijven.</p>
        <p class="en">Hiring? Temp work, payroll or outplacement — we match you with the right profiles, backed by 30+ years serving Brussels businesses.</p>
        <a href="employeurs.html" class="elink ifr">Nous contacter →</a>
        <a href="employeurs.html" class="elink inl">Neem contact op →</a>
        <a href="employeurs.html" class="elink ien">Get in touch →</a>
      </div>
    </div>
  </div>
</section>

<!-- ═══ OFFRES D'EMPLOI ═══ -->
<section class="jobs-sec" id="offres">
  <div class="wrap">
    <p class="slbl fr">Offres en cours</p><p class="slbl nl">Huidige vacatures</p><p class="slbl en">Current openings</p>
    <h2 class="stit fr">TROUVEZ VOTRE PROCHAIN JOB</h2><h2 class="stit nl">VIND UW VOLGENDE JOB</h2><h2 class="stit en">FIND YOUR NEXT JOB</h2>

    <div class="jobs-engine">
      <select id="filter-pole" onchange="filterJobs()">
        <option value="all" class="fr">Tous les pôles</option>
        <option value="all" class="nl">Alle sectoren</option>
        <option value="all" class="en">All sectors</option>
        <option value="log" class="fr">Logistique</option>
        <option value="log" class="nl">Logistiek</option>
        <option value="log" class="en">Logistics</option>
        <option value="bur" class="fr">Bureautique</option>
        <option value="bur" class="nl">Administratie</option>
        <option value="bur" class="en">Office & Admin</option>
        <option value="ret" class="fr">Retail</option>
        <option value="ret" class="nl">Retail</option>
        <option value="ret" class="en">Retail</option>
      </select>
      <select id="filter-type">
        <option value="all" class="fr">Tous contrats</option>
        <option value="all" class="nl">Alle contracten</option>
        <option value="all" class="en">All contracts</option>
        <option value="interim" class="fr">Intérim</option>
        <option value="interim" class="nl">Uitzendarbeid</option>
        <option value="interim" class="en">Temp work</option>
        <option value="cdi" class="fr">CDI / Fixe</option>
        <option value="cdi" class="nl">Vast</option>
        <option value="cdi" class="en">Permanent</option>
      </select>
      <input type="text" id="filter-kw" placeholder="Chauffeur, comptable…" oninput="filterJobs()">
      <button onclick="filterJobs()">
        <span class="ifr">Rechercher</span><span class="inl">Zoeken</span><span class="ien">Search</span>
      </button>
    </div>

    <div class="jobs-grid" id="jobs-grid">

      <a href="offres.html" class="jcard" data-pole="log" data-type="interim">
        <div class="jcard-top">
          <span class="jcard-title fr">Chauffeur livreur Permis B</span>
          <span class="jcard-title nl">Bezorger Rijbewijs B</span>
          <span class="jcard-title en">Delivery driver Licence B</span>
          <span class="jbadge log fr">Logistique</span>
          <span class="jbadge log nl">Logistiek</span>
          <span class="jbadge log en">Logistics</span>
        </div>
        <div class="jcard-meta">
          <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>Bruxelles</span>
          <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/></svg><span class="ifr">Temps plein</span><span class="inl">Voltijds</span><span class="ien">Full time</span></span>
          <span class="jbadge" style="background:#E6F1FB;color:#0C447C;font-size:11px;padding:2px 8px;border-radius:4px;">Intérim</span>
        </div>
        <p class="jcard-desc fr">Livraison de colis en zone urbaine, permis B requis, bilingue FR/NL un atout. Démarrage rapide.</p>
        <p class="jcard-desc nl">Pakketbezorging in stedelijk gebied, rijbewijs B vereist, tweetalig FR/NL een troef. Snelle start.</p>
        <p class="jcard-desc en">Urban parcel delivery, B licence required, bilingual FR/NL an asset. Quick start.</p>
        <span class="jcard-cta ifr">Postuler →</span><span class="jcard-cta inl">Solliciteren →</span><span class="jcard-cta ien">Apply →</span>
      </a>

      <a href="offres.html" class="jcard" data-pole="bur" data-type="interim">
        <div class="jcard-top">
          <span class="jcard-title fr">Assistant(e) administratif bilingue</span>
          <span class="jcard-title nl">Tweetalig administratief medewerker</span>
          <span class="jcard-title en">Bilingual admin assistant</span>
          <span class="jbadge bur fr">Bureautique</span>
          <span class="jbadge bur nl">Administratie</span>
          <span class="jbadge bur en">Office</span>
        </div>
        <div class="jcard-meta">
          <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>Bruxelles</span>
          <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/></svg><span class="ifr">Temps plein</span><span class="inl">Voltijds</span><span class="ien">Full time</span></span>
          <span class="jbadge" style="background:#E6F1FB;color:#0C447C;font-size:11px;padding:2px 8px;border-radius:4px;">Intérim</span>
        </div>
        <p class="jcard-desc fr">Gestion agenda, courrier, accueil. Maîtrise MS Office et bilinguisme FR/NL requis.</p>
        <p class="jcard-desc nl">Agendabeheer, post, onthaal. MS Office en tweetalig FR/NL vereist.</p>
        <p class="jcard-desc en">Diary management, mail, reception. MS Office proficiency and FR/NL bilingualism required.</p>
        <span class="jcard-cta ifr">Postuler →</span><span class="jcard-cta inl">Solliciteren →</span><span class="jcard-cta ien">Apply →</span>
      </a>

      <a href="offres.html" class="jcard" data-pole="ret" data-type="cdi">
        <div class="jcard-top">
          <span class="jcard-title fr">Responsable de rayon</span>
          <span class="jcard-title nl">Afdelingshoofd</span>
          <span class="jcard-title en">Department manager</span>
          <span class="jbadge ret">Retail</span>
        </div>
        <div class="jcard-meta">
          <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>Anderlecht</span>
          <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/></svg><span class="ifr">Temps plein</span><span class="inl">Voltijds</span><span class="ien">Full time</span></span>
          <span class="jbadge" style="background:#F0FFF4;color:#276749;font-size:11px;padding:2px 8px;border-radius:4px;border:1px solid #9AE6B4;" class="fr">CDI</span>
        </div>
        <p class="jcard-desc fr">Gestion d'un rayon alimentaire en grande surface. Expérience retail requise, bilingue souhaité.</p>
        <p class="jcard-desc nl">Beheer van een voedingsafdeling in supermarkt. Retailervaring vereist, tweetalig gewenst.</p>
        <p class="jcard-desc en">Managing a food department in a supermarket. Retail experience required, bilingual preferred.</p>
        <span class="jcard-cta ifr">Postuler →</span><span class="jcard-cta inl">Solliciteren →</span><span class="jcard-cta ien">Apply →</span>
      </a>

    </div>

    <div class="jobs-more">
      <a href="offres.html" class="btn-outline ifr">Voir toutes les offres →</a>
      <a href="offres.html" class="btn-outline inl">Alle vacatures bekijken →</a>
      <a href="offres.html" class="btn-outline ien">View all openings →</a>
    </div>
  </div>
</section>

<!-- ═══ TÉMOIGNAGES ═══ -->
<section class="testi-sec">
  <div class="wrap">
    <p class="slbl fr">Ils nous font confiance</p><p class="slbl nl">Ze vertrouwen ons</p><p class="slbl en">They trust us</p>
    <h2 class="stit fr">CE QU'ILS EN DISENT</h2><h2 class="stit nl">WAT ZE ZEGGEN</h2><h2 class="stit en">WHAT THEY SAY</h2>

    <div class="tgrid">
      <div class="tcard">
        <div class="tcard-quote">"</div>
        <p class="tcard-text fr">Grâce à Allo Intérim, j'ai trouvé un poste de magasinier en moins de deux semaines. Le consultant a vraiment pris le temps de comprendre ce que je cherchais.</p>
        <p class="tcard-text nl">Dankzij Allo Intérim vond ik binnen twee weken een baan als magazijnier. De consultant nam echt de tijd om te begrijpen wat ik zocht.</p>
        <p class="tcard-text en">Thanks to Allo Intérim, I found a warehouse position in under two weeks. The consultant really took time to understand what I was looking for.</p>
        <div class="tcard-author">
          <div class="tcard-avatar">MK</div>
          <div>
            <div class="tcard-name">Mohamed K.</div>
            <div class="tcard-role fr">Magasinier · Pôle Logistique</div>
            <div class="tcard-role nl">Magazijnier · Logistiek</div>
            <div class="tcard-role en">Warehouse operator · Logistics</div>
          </div>
        </div>
      </div>
      <div class="tcard">
        <div class="tcard-quote">"</div>
        <p class="tcard-text fr">Une agence à taille humaine où on vous connaît par votre prénom. J'ai été placée rapidement en tant que secrétaire bilingue et le suivi était excellent.</p>
        <p class="tcard-text nl">Een menselijk bureau waar men u bij voornaam kent. Ik werd snel geplaatst als tweetalig secretaresse en de opvolging was uitstekend.</p>
        <p class="tcard-text en">A human-scale agency where they know your name. I was placed quickly as a bilingual secretary and the follow-up was excellent.</p>
        <div class="tcard-author">
          <div class="tcard-avatar">SB</div>
          <div>
            <div class="tcard-name">Sarah B.</div>
            <div class="tcard-role fr">Secrétaire · Pôle Bureautique</div>
            <div class="tcard-role nl">Secretaresse · Administratie</div>
            <div class="tcard-role en">Secretary · Office & Admin</div>
          </div>
        </div>
      </div>
      <div class="tcard">
        <div class="tcard-quote">"</div>
        <p class="tcard-text fr">En tant qu'employeur, je recommande vivement Allo Intérim. Ils comprennent les contraintes du retail et nous envoient des profils vraiment adaptés.</p>
        <p class="tcard-text nl">Als werkgever raad ik Allo Intérim ten zeerste aan. Ze begrijpen de beperkingen van retail en sturen ons echt aangepaste profielen.</p>
        <p class="tcard-text en">As an employer, I highly recommend Allo Intérim. They understand retail constraints and send us profiles that are genuinely well-matched.</p>
        <div class="tcard-author">
          <div class="tcard-avatar">JL</div>
          <div>
            <div class="tcard-name">Jean-Pierre L.</div>
            <div class="tcard-role fr">Responsable RH · Client Retail</div>
            <div class="tcard-role nl">HR-verantwoordelijke · Retailklant</div>
            <div class="tcard-role en">HR Manager · Retail client</div>
          </div>
        </div>
      </div>
    </div>

    <div class="google-bar">
      <div class="gbar-logo">
        <svg width="20" height="20" viewBox="0 0 24 24"><path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/><path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/><path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z"/><path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/></svg>
        Google Reviews
      </div>
      <div style="display:flex;align-items:center;gap:8px">
        <span class="gbar-score">4.8</span>
        <div class="gstars">
          <svg class="gstar" viewBox="0 0 24 24" fill="currentColor"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
          <svg class="gstar" viewBox="0 0 24 24" fill="currentColor"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
          <svg class="gstar" viewBox="0 0 24 24" fill="currentColor"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
          <svg class="gstar" viewBox="0 0 24 24" fill="currentColor"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
          <svg class="gstar" viewBox="0 0 24 24" fill="currentColor"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
        </div>
        <span class="gbar-count fr">42 avis</span>
        <span class="gbar-count nl">42 beoordelingen</span>
        <span class="gbar-count en">42 reviews</span>
      </div>
      <span class="gbar-placeholder fr">⚠ À remplacer par votre vrai lien Google Reviews</span>
      <span class="gbar-placeholder nl">⚠ Vervangen door uw echte Google Reviews link</span>
      <span class="gbar-placeholder en">⚠ Replace with your real Google Reviews link</span>
    </div>
  </div>
</section>

<!-- COOKIE BANNER -->
<div class="cookie-banner" id="cookie-banner">
  <p class="cookie-txt fr">Nous utilisons des cookies fonctionnels pour améliorer votre expérience. Aucun cookie publicitaire sans votre accord. <a href="mentions-legales.html">En savoir plus</a></p>
  <p class="cookie-txt nl">Wij gebruiken functionele cookies om uw ervaring te verbeteren. Geen advertentiecookies zonder uw toestemming. <a href="mentions-legales.html">Meer informatie</a></p>
  <p class="cookie-txt en">We use functional cookies to improve your experience. No advertising cookies without your consent. <a href="mentions-legales.html">Learn more</a></p>
  <div class="cookie-btns">
    <button class="cbtn-accept" onclick="acceptCookies()">
      <span class="ifr">Accepter</span><span class="inl">Accepteren</span><span class="ien">Accept</span>
    </button>
    <button class="cbtn-decline" onclick="declineCookies()">
      <span class="ifr">Refuser</span><span class="inl">Weigeren</span><span class="ien">Decline</span>
    </button>
  </div>
</div>

<!-- ═══ FOOTER ═══ -->
<footer>
  <div class="fbot">
    <span class="fbot-logo">ALLO <span>INTERIM</span></span>
    <div class="fbot-links">
      <a href="index.html" class="ifr">Accueil</a>
      <a href="index.html" class="inl">Home</a>
      <a href="index.html" class="ien">Home</a>
      <a href="offres.html" class="ifr">Nos offres</a>
      <a href="offres.html" class="inl">Vacatures</a>
      <a href="offres.html" class="ien">Jobs</a>
      <a href="expertises.html" class="ifr">Nos expertises</a>
      <a href="expertises.html" class="inl">Onze expertises</a>
      <a href="expertises.html" class="ien">Our expertise</a>
      <a href="postuler.html" class="ifr">Postuler</a>
      <a href="postuler.html" class="inl">Solliciteren</a>
      <a href="postuler.html" class="ien">Apply</a>
      <a href="demande.html" class="ifr">Je recrute</a>
      <a href="demande.html" class="inl">Ik werf aan</a>
      <a href="demande.html" class="ien">I'm hiring</a>
      <a href="employeurs.html" class="ifr">Employeurs</a>
      <a href="employeurs.html" class="inl">Werkgevers</a>
      <a href="employeurs.html" class="ien">Employers</a>
      <a href="mentions-legales.html" class="ifr">Mentions légales</a>
      <a href="mentions-legales.html" class="inl">Juridisch</a>
      <a href="mentions-legales.html" class="ien">Legal</a>
    </div>
    <span class="fbot-copy">© 2026 Allo Interim SA · Bruxelles</span>
  </div>
</footer>

<script>
function setLang(l,btn){
  var lang = l==='f'?'fr': l==='n'?'nl': l==='e'?'en': l;
  document.body.setAttribute('data-lang',lang);
  document.querySelectorAll('.lbtn,.lb').forEach(function(b){b.classList.remove('on','active');});
  if(btn) btn.classList.add('on');
}

function filterJobs(){
  const pole=document.getElementById('filter-pole').value;
  const type=document.getElementById('filter-type').value;
  const kw=document.getElementById('filter-kw').value.toLowerCase();
  document.querySelectorAll('#jobs-grid .jcard').forEach(c=>{
    const cp=c.dataset.pole;
    const ct=c.dataset.type;
    const txt=c.innerText.toLowerCase();
    const okP=pole==='all'||cp===pole;
    const okT=type==='all'||ct===type;
    const okK=!kw||txt.includes(kw);
    c.style.display=(okP&&okT&&okK)?'block':'none';
  });
}

function acceptCookies(){
  localStorage.setItem('cookie_consent','accepted');
  document.getElementById('cookie-banner').classList.remove('show');
}
function declineCookies(){
  localStorage.setItem('cookie_consent','declined');
  document.getElementById('cookie-banner').classList.remove('show');
}

window.addEventListener('load',function(){
  if(!localStorage.getItem('cookie_consent')){
    setTimeout(()=>document.getElementById('cookie-banner').classList.add('show'),800);
  }
});
</script>
</body>
</html>
error: :)