<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Mon site</title>
	<atom:link href="https://interimbruxelles.be/feed/" rel="self" type="application/rss+xml" />
	<link>https://interimbruxelles.be/</link>
	<description>Mon site WordPress</description>
	<lastBuildDate>Mon, 04 May 2026 13:51:39 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Certifications logistique caces adr bruxelles</title>
		<link>https://interimbruxelles.be/2026/05/04/certifications-logistique-caces-adr-bruxelles/</link>
					<comments>https://interimbruxelles.be/2026/05/04/certifications-logistique-caces-adr-bruxelles/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 04 May 2026 13:51:37 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://interimbruxelles.be/?p=69</guid>

					<description><![CDATA[<p>CACES, ADR, permis CE : quels certificats pour la logistique à Bruxelles &#124; Allo Interim Nos offres À propos Blog RH Je postule Accueil › Blog RH › CACES ADR permis logistique Logistique CACES, ADR, PERMIS CE :QUELS CERTIFICATS POUR LA LOGISTIQUE ? 📅 Avril 2026 · ⏱️ 5 min · ✍️ Équipe Allo Interim [&#8230;]</p>
<p>The post <a href="https://interimbruxelles.be/2026/05/04/certifications-logistique-caces-adr-bruxelles/">Certifications logistique caces adr bruxelles</a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>CACES, ADR, permis CE : quels certificats pour la logistique à Bruxelles | Allo Interim</title>
<meta name="description" content="Guide complet des certifications demandées en logistique à Bruxelles : CACES, ADR, permis C/CE, VCA — comment les obtenir et les renouveler.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&#038;family=DM+Sans:wght@300;400;500;600&#038;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:#f8f9fb;color:#1a1f2e;line-height:1.6}
:root{--blue:#1A6EC5;--blue-dk:#0D4A8A;--blue-lt:#3B8FE0;--blue-pale:#E6F1FB;--ink:#1a1f2e;--muted:#6b7280;--border:#e5e7eb;--surface:#f9fafb;--r:8px;--rl:14px;}
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.nav-i{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 2rem}
.logo{text-decoration:none}
.nav-links{display:flex;align-items:center;gap:4px}
.nla{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:var(--r)}
.nla:hover{background:var(--surface);color:var(--ink)}
.ncta{margin-left:6px;background:var(--blue);color:#fff;padding:9px 20px;border-radius:var(--r);font-size:14px;font-weight:600;text-decoration:none}
.ncta:hover{background:var(--blue-dk)}
.breadcrumb{max-width:1100px;margin:0 auto;padding:14px 2rem;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--blue)}
.hero{background:var(--ink);padding:48px 2rem 40px;text-align:center}
.hero-inner{max-width:760px;margin:0 auto}
.hero-tag{display:inline-block;background:rgba(59,143,224,.15);border:1px solid rgba(59,143,224,.3);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;color:#7EB9F2;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,5vw,52px);color:#fff;line-height:1.1;margin-bottom:14px}
.hero h1 em{color:var(--blue-lt);font-style:normal}
.hero-meta{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:rgba(255,255,255,.45);flex-wrap:wrap}
.layout{max-width:1100px;margin:0 auto;padding:40px 2rem 80px;display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start}
.body{background:#fff;border-radius:var(--rl);border:1px solid var(--border);padding:36px 40px}
.body h2{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--ink);margin:28px 0 12px;padding-top:8px;border-top:2px solid var(--blue)}
.body h2:first-child{margin-top:0;border-top:none;padding-top:0}
.body p{font-size:15px;color:#374151;line-height:1.8;margin-bottom:12px}
.body ul,.body ol{padding-left:20px;margin-bottom:12px}
.body li{font-size:15px;color:#374151;line-height:1.8;margin-bottom:5px}
.body strong{color:var(--ink);font-weight:600}
.hl{background:var(--blue-pale);border-left:3px solid var(--blue);border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:16px 0}
.hl p{margin:0;color:var(--blue-dk);font-weight:500;font-size:14px}
.wn{background:#FFF7ED;border-left:3px solid #d97706;border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:16px 0}
.wn p{margin:0;color:#92400e;font-weight:500;font-size:14px}
.cta-box{background:var(--ink);border-radius:var(--rl);padding:24px;margin-top:28px;text-align:center}
.cta-box h3{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#fff;margin-bottom:6px}
.cta-box p{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:14px}
.cta-box a{display:inline-block;background:var(--blue);color:#fff;padding:11px 22px;border-radius:var(--r);font-size:13px;font-weight:600;text-decoration:none}
.share{display:flex;align-items:center;gap:8px;padding-top:20px;margin-top:20px;border-top:1px solid var(--border);font-size:12px}
.share-lbl{font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.share a,.share button{padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid var(--border);background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;font-family:'DM Sans',sans-serif}
.share a:hover,.share button:hover{border-color:var(--blue);color:var(--blue)}
.sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:80px}
.scard{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:16px 18px}
.scard-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}
.toc-list a{font-size:13px;color:var(--muted);text-decoration:none;padding:4px 8px;border-radius:var(--r);border-left:2px solid transparent;display:block;transition:all .15s}
.toc-list a:hover,.toc-list a.on{color:var(--blue);border-left-color:var(--blue);background:var(--blue-pale);font-weight:500}
.cta-s{background:var(--blue);border-radius:var(--rl);padding:18px}
.cta-s h4{font-family:'Bebas Neue',sans-serif;font-size:18px;color:#fff;margin-bottom:5px}
.cta-s p{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:12px;line-height:1.5}
.cta-s a{display:block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;padding:9px 12px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;text-align:center;margin-bottom:6px}
.cta-s a:hover{background:rgba(255,255,255,.25)}
.rel-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);text-decoration:none}
.rel-item:last-child{border-bottom:none;padding-bottom:0}
.rel-icon{font-size:18px;flex-shrink:0}
.rel-title{font-size:12px;font-weight:500;color:var(--ink);line-height:1.4}
.rel-item:hover .rel-title{color:var(--blue)}
.rel-time{font-size:11px;color:var(--muted)}
footer{background:#0d1117;padding:28px 2rem}
.fbot{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fbot-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;color:#fff}
.fbot-logo span{color:var(--blue-lt)}
.fbot-links{display:flex;gap:20px}
.fbot-links a{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none}
.fbot-links a:hover{color:#fff}
.fbot-copy{font-size:12px;color:rgba(255,255,255,.22)}
</style>
</head>
<body>
<nav class="nav">
  <div class="nav-i">
    <a href="index.html" class="logo"><img  alt="Allo Interim SA" style="height:44px;width:auto" class="lws-optimize-lazyload" data-src="logo.jpeg"></a>
    <div class="nav-links">
      <a href="offres-emploi-interim-bruxelles.html" class="nla">Nos offres</a>
      <a href="agence-interim-bruxelles.html" class="nla">À propos</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla">Blog RH</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ncta">Je postule</a>
    </div>
  </div>
</nav>
<div class="breadcrumb">
  <a href="index.html">Accueil</a> › <a href="conseils-emploi-interim-bruxelles.html">Blog RH</a> › CACES ADR permis logistique
</div>
<div class="hero">
  <div class="hero-inner">
    <div class="hero-tag">Logistique</div>
    <h1>CACES, ADR, PERMIS CE :<br>QUELS CERTIFICATS POUR <em>LA LOGISTIQUE ?</em></h1>
    <div class="hero-meta">
      <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Avril 2026</span>
      <span>·</span>
      <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 5 min</span>
      <span>·</span>
      <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270d.png" alt="✍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Équipe Allo Interim</span>
    </div>
  </div>
</div>
<div class="layout">
  <div>
    <div class="body">

<h2 id="caces">Le CACES : le sésame de la logistique</h2>
<p>Le <strong>CACES (Certificat d&rsquo;Aptitude à la Conduite En Sécurité)</strong> est la certification incontournable pour travailler sur chariots élévateurs. Sans CACES valide, vous ne pouvez légalement pas conduire ces engins.</p>
<p>Les catégories les plus demandées à Bruxelles :</p>
<ul>
<li><strong>CACES R489 catégorie 1</strong> : préparateurs de commandes (transpalettes)</li>
<li><strong>CACES R489 catégorie 3</strong> : chariots élévateurs frontaux — le plus recherché</li>
<li><strong>CACES R489 catégorie 5</strong> : chariots à mât rétractable</li>
</ul>
<div class="hl"><p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> La validité d&rsquo;un CACES est de 5 ans. Un CACES expiré est inutilisable en mission — vérifiez votre date d&rsquo;expiration.</p></div>

<h2 id="obtenir">Comment obtenir ou renouveler son CACES ?</h2>
<p>La formation dure 1 à 3 jours selon la catégorie. En Belgique : Forma-Train, Vdab, Forem, Actiris. <strong>Actiris peut financer la formation</strong> pour les demandeurs d&#8217;emploi bruxellois inscrits.</p>
<div class="wn"><p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Renseignez-vous auprès d&rsquo;Actiris avant de payer votre formation CACES — une prise en charge est souvent possible.</p></div>

<h2 id="permis">Les permis de conduire professionnels</h2>
<ul>
<li><strong>Permis B</strong> : véhicules légers, livraison urbaine</li>
<li><strong>Permis C</strong> : camions de plus de 3,5 tonnes — forte demande</li>
<li><strong>Permis CE</strong> : ensembles articulés — profils très recherchés, salaires supérieurs</li>
</ul>
<p>Depuis 2021, le permis C exige aussi la <strong>carte conducteur</strong> et la <strong>qualification initiale (QI)</strong>.</p>

<h2 id="adr">L&rsquo;ADR : transport de marchandises dangereuses</h2>
<p>La certification <strong>ADR</strong> est obligatoire pour transporter des matières dangereuses. Valable 5 ans, renouvelable par formation continue. Les chauffeurs ADR sont rares et très bien rémunérés.</p>

<h2 id="vca">Le VCA : sécurité en entreprise</h2>
<p>Le <strong>VCA</strong> est souvent exigé dans les environnements industriels et certains entrepôts. Il démontre votre connaissance des règles de sécurité sur site.</p>
<div class="cta-box"><h3>VOTRE CACES EST VALIDE ?</h3><p>Déposez votre profil avec vos certifications — Léo vous contacte dès qu&rsquo;une mission correspond.</p><a href="postuler-emploi-interim-bruxelles.html">Déposer ma candidature →</a></div>
<div class="share"><span class="share-lbl">Partager</span><a href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.interimbruxelles.be/article-caces.html" target="_blank" rel="noopener">LinkedIn</a><button onclick="navigator.clipboard.writeText(location.href);this.textContent='✓ Copié!';setTimeout(()=>this.textContent=&rsquo;Copier le lien&rsquo;,2000) »>Copier le lien</button></div>

    </div>
    <div style="margin-top:18px;text-align:center">
      <a href="conseils-emploi-interim-bruxelles.html" style="font-size:13px;color:var(--muted);text-decoration:none">← Retour au blog</a>
    </div>
  </div>
  <div class="sidebar">
    <div class="scard">
      <div class="scard-title">Dans cet article</div>
      <ul class="toc-list"><li><a href="#caces">Le CACES</a></li>
<li><a href="#obtenir">Obtenir ou renouveler</a></li>
<li><a href="#permis">Permis professionnels</a></li>
<li><a href="#adr">L&rsquo;ADR</a></li>
<li><a href="#vca">Le VCA</a></li></ul>
    </div>
    <div class="cta-s">
      <h4>Prêt à postuler ?</h4>
      <p>Léo analyse votre profil et revient vers vous dès qu&rsquo;une opportunité correspond.</p>
      <a href="postuler-emploi-interim-bruxelles.html">Déposer ma candidature →</a>
      <a href="offres-emploi-interim-bruxelles.html" style="background:rgba(255,255,255,.08)">Voir les offres →</a>
    </div>
    <div class="scard">
      <div class="scard-title">Articles liés</div>
      <a href="marche-emploi-bruxelles-2026.html" class="rel-item"><span class="rel-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3d9.png" alt="🏙" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><div class="rel-title">Marché de l&#8217;emploi Bruxelles 2026</div><div class="rel-time">5 min</div></div></a>
<a href="postuler-interim-bruxelles-conseils.html" class="rel-item"><span class="rel-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><div class="rel-title">5 choses à savoir avant de postuler</div><div class="rel-time">5 min</div></div></a>
<a href="droits-travailleur-interimaire-belgique.html" class="rel-item"><span class="rel-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2696.png" alt="⚖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><div class="rel-title">Vos droits en tant qu&rsquo;intérimaire</div><div class="rel-time">6 min</div></div></a>

    </div>
  </div>
</div>
<footer>
  <div class="fbot">
    <span class="fbot-logo">ALLO <span>INTERIM</span></span>
    <div class="fbot-links">
      <a href="index.html">Accueil</a>
      <a href="conseils-emploi-interim-bruxelles.html">Blog RH</a>
      <a href="offres-emploi-interim-bruxelles.html">Nos offres</a>
      <a href="postuler-emploi-interim-bruxelles.html">Postuler</a>
      <a href="mentions-legales.html">Mentions légales</a>
    </div>
    <span class="fbot-copy">© 2026 Allo Interim SA · Bruxelles</span>
  </div>
</footer>
<script>
const links=document.querySelectorAll('.toc-list a');
const secs=document.querySelectorAll('h2[id]');
window.addEventListener('scroll',()=>{
  let cur='';secs.forEach(s=>{if(s.getBoundingClientRect().top<140)cur=s.id});
  links.forEach(a=>a.classList.toggle('on',a.getAttribute('href')==='#'+cur));
});
</script>
</body>
</html>
<p>The post <a href="https://interimbruxelles.be/2026/05/04/certifications-logistique-caces-adr-bruxelles/">Certifications logistique caces adr bruxelles</a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://interimbruxelles.be/2026/05/04/certifications-logistique-caces-adr-bruxelles/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Interim logistique bruxelles </title>
		<link>https://interimbruxelles.be/2026/05/04/interim-logistique-bruxelles/</link>
					<comments>https://interimbruxelles.be/2026/05/04/interim-logistique-bruxelles/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 04 May 2026 09:14:20 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://interimbruxelles.be/?p=35</guid>

					<description><![CDATA[<p>Pôle Logistique — Emploi transport &#038; entrepôt Bruxelles &#124; Allo Interim ALLO INTERIM Nos offres Vacatures Jobs Nos expertises Onze expertises Our expertise À propos Over ons About Blog RH HR Blog HR Blog Employeurs Werkgevers Employers Je postule Solliciteren Apply now FR NL EN Accueil Home Home › Pôle Logistique Sector Logistiek Logistics Division [&#8230;]</p>
<p>The post <a href="https://interimbruxelles.be/2026/05/04/interim-logistique-bruxelles/">Interim logistique bruxelles </a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pôle Logistique — Emploi transport &#038; entrepôt Bruxelles | Allo Interim</title>
<meta name="description" content="Chauffeurs B/C/CE, caristes CACES, magasiniers, préparateurs à Bruxelles et périphérie. Offres intérim et CDI. Nous analysons votre profil et vous contactons dès qu'une opportunité correspond.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&#038;family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&#038;display=swap" rel="stylesheet">
<style>
a{text-decoration:none!important;color:inherit}a:hover{text-decoration:none!important}

*,*::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{
  --pole:#0D2F5A;--pole-mid:#1A6EC5;--pole-lt:#3B8FE0;--pole-pale:#E6F1FB;
  --blue:#1A6EC5;--blue-dk:#0D4A8A;--blue-lt:#3B8FE0;--blue-pale:#E6F1FB;
  --steel:#4a5568;--ink:#1a1f2e;--muted:#6b7280;--border:#e5e7eb;--surface:#f9fafb;
  --green:#059669;--green-pale:#ECFDF5;--orange:#d97706;
  --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)}
.nla.active{color:var(--blue);font-weight:600}
.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 PÔLE ── */
.hero{background:var(--pole);padding:64px 2rem 0;position:relative;overflow:hidden}
.hero-deco{position:absolute;right:-60px;top:-60px;width:440px;height:440px;opacity:.07;pointer-events:none}
.hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:end;position:relative;z-index:1}
.hero-content{padding-bottom:56px}
.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;color:rgba(255,255,255,.4)}
.breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .15s}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{color:rgba(255,255,255,.2)}
.pole-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(59,143,224,.2);border:1px solid rgba(59,143,224,.35);padding:5px 14px;border-radius:20px;margin-bottom:16px;font-size:12px;font-weight:600;color:#7EB9F2;letter-spacing:.5px;text-transform:uppercase}
.pole-badge svg{width:13px;height:13px}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,5.5vw,76px);color:#fff;letter-spacing:.5px;line-height:.95;margin-bottom:16px}
.hero h1 em{color:var(--pole-lt);font-style:normal}
.hero-sub{font-size:16px;color:rgba(255,255,255,.65);max-width:480px;line-height:1.75;margin-bottom:28px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-p{background:var(--pole-mid);color:#fff;border:none;padding:13px 26px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}
.btn-p:hover{background:var(--pole-lt)}
.btn-g{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:13px 26px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}
.btn-g:hover{background:rgba(255,255,255,.18)}
.hero-img{position:relative;border-radius:var(--rl) var(--rl) 0 0;overflow:hidden;height:340px;align-self:end}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(13,47,90,.9) 100%)}
.hero-img-tag{position:absolute;bottom:18px;left:18px;right:18px}
.hero-img-stats{display:flex;gap:20px}
.hist{text-align:center}
.hist-n{font-family:'Bebas Neue',sans-serif;font-size:30px;color:#fff;line-height:1}
.hist-l{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}

/* ── BARRE MÉTIERS ── */
.metiers-bar{background:var(--pole-mid);padding:0 2rem}
.metiers-inner{max-width:1160px;margin:0 auto;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.metiers-inner::-webkit-scrollbar{display:none}
.metier-tab{padding:16px 20px;border-none;background:none;border-bottom:3px solid transparent;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,.65);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}
.metier-tab:hover{color:#fff;border-bottom-color:rgba(255,255,255,.3)}
.metier-tab.active{color:#fff;border-bottom-color:#fff;font-weight:600}

/* ── SECTIONS ── */
.sec{padding:72px 2rem}
.sec.bg-s{background:var(--surface)}
.sec.bg-pole{background:var(--pole)}
.wrap{max-width:1160px;margin:0 auto}
.slbl{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pole-mid);margin-bottom:8px}
.slbl.lt{color:var(--pole-lt)}
.stit{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4vw,50px);color:var(--ink);letter-spacing:.5px;line-height:1;margin-bottom:12px}
.stit.lt{color:#fff}
.ssub{font-size:16px;color:var(--muted);max-width:560px;line-height:1.75}
.ssub.lt{color:rgba(255,255,255,.65)}

/* ── GRILLE OFFRES ── */
.offers-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;margin-top:40px;align-items:start}
.offers-list{display:flex;flex-direction:column;gap:16px}
.jcard{background:#fff;border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .1s;cursor:pointer;display:block;text-decoration:none}
.jcard:hover{border-color:var(--pole-lt);box-shadow:0 6px 20px rgba(26,110,197,.09);transform:translateY(-1px)}
.jcard.featured{border-color:var(--pole-mid);border-left:4px solid var(--pole-mid)}
.jcard-inner{display:grid;grid-template-columns:1fr auto;align-items:stretch}
.jcard-body{padding:20px 22px}
.jcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.jcard-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}
.badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}
.badge.interim{background:#EDE9FE;color:#5B21B6}
.badge.cdi{background:var(--green-pale);color:#065F46}
.badge.cdd{background:#FFF7ED;color:#92400e}
.badge.new{background:#FEF3C7;color:#92400e}
.badge.urgent{background:#FEE2E2;color:#991B1B}
.jcard-meta{display:flex;gap:14px;margin-bottom:8px;flex-wrap:wrap}
.jmeta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}
.jmeta svg{width:12px;height:12px;flex-shrink:0}
.jcard-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.jcard-skills{display:flex;flex-wrap:wrap;gap:5px}
.skill{padding:3px 8px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--muted)}
.jcard-action{padding:16px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;min-width:120px}
.btn-apply{background:var(--pole-mid);color:#fff;border:none;padding:9px 16px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;text-align:center;width:100%;text-decoration:none;display:block}
.btn-apply:hover{background:var(--pole-lt)}
.jcard-date{font-size:10px;color:var(--muted);text-align:center}

/* ── SIDEBAR OFFRES ── */
.offers-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}
.alert-box{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:20px}
.alert-box h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}
.alert-box p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.alert-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink);margin-bottom:8px;transition:border-color .15s;outline:none}
.alert-input:focus{border-color:var(--blue)}
.alert-btn{width:100%;padding:9px;background:var(--pole-mid);color:#fff;border:none;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}
.alert-btn:hover{background:var(--pole)}
.cta-box{background:var(--pole);border-radius:var(--rl);padding:22px}
.cta-box h4{font-family:'Bebas Neue',sans-serif;font-size:20px;color:#fff;letter-spacing:.5px;margin-bottom:8px}
.cta-box p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.6;margin-bottom:14px}
.cta-box a{display:block;text-align:center;padding:10px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;margin-bottom:8px}
.cta-box a .ifr,.cta-box a .inl,.cta-box a .ien{display:none}
.cta-box a:hover{opacity:.85}
.cta-box a.main{background:var(--pole-mid);color:#fff}
.cta-box a.sec{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}

/* ── MÉTIERS ── */
.metiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.mcard{border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}
.mcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.09);border-color:var(--pole-lt)}
.mcard-img{height:140px;overflow:hidden;position:relative}
.mcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mcard:hover .mcard-img img{transform:scale(1.05)}
.mcard-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(13,47,90,.75) 100%)}
.mcard-img-title{position:absolute;bottom:12px;left:14px;font-family:'Bebas Neue',sans-serif;font-size:18px;color:#fff;letter-spacing:.5px}
.mcard-body{padding:16px 18px}
.mcard-desc{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:12px}
.mcard-tags{display:flex;flex-wrap:wrap;gap:5px}
.mtag{padding:3px 8px;background:var(--pole-pale);color:var(--pole);border:1px solid #B5D4F4;border-radius:4px;font-size:11px;font-weight:500}

/* ── ZONES ── */
.zones-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;align-items:center}
.zones-map{border-radius:var(--rl);overflow:hidden;height:320px;position:relative;background:#f0f4f8;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.zones-map img{width:100%;height:100%;object-fit:cover}
.zones-map-placeholder{text-align:center;color:var(--muted)}
.zones-map-placeholder svg{width:48px;height:48px;color:var(--pole-lt);margin-bottom:12px}
.zones-list{display:flex;flex-direction:column;gap:10px}
.zone-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--r);transition:border-color .15s}
.zone-item:hover{border-color:var(--pole-lt)}
.zone-icon{width:32px;height:32px;border-radius:8px;background:var(--pole-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.zone-icon svg{width:14px;height:14px;color:var(--pole-mid)}
.zone-name{font-size:14px;font-weight:600;color:var(--ink)}
.zone-sub{font-size:12px;color:var(--muted)}

/* ── FORMULAIRE CONTACT PÔLE ── */
.contact-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;margin-top:40px;align-items:start}
.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.form-card-header{background:var(--pole);padding:24px 28px}
.form-card-header h2{font-family:'Bebas Neue',sans-serif;font-size:24px;color:#fff;letter-spacing:.5px;margin-bottom:4px}
.form-card-header p{font-size:13px;color:rgba(255,255,255,.6)}
.form-body{padding:24px 28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-group{margin-bottom:14px}
.form-group.no-mb{margin-bottom:0}
.flabel{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin-bottom:5px}
.flabel .req{color:var(--pole-mid)}
.finput,.fselect,.ftextarea{width:100%;padding:10px 13px;border:1.5px 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;outline:none}
.finput:focus,.fselect:focus,.ftextarea:focus{border-color:var(--pole-mid);box-shadow:0 0 0 3px rgba(26,110,197,.1)}
.ftextarea{resize:vertical;min-height:88px}
.fselect{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}
.upload-zone{border:2px dashed var(--border);border-radius:var(--r);padding:22px;text-align:center;cursor:pointer;background:var(--surface);transition:all .15s;position:relative}
.upload-zone:hover{border-color:var(--pole-mid);background:var(--pole-pale)}
.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-sub{font-size:13px;color:var(--muted)}
.upload-sub strong{color:var(--pole-mid)}
.upload-ok{display:none;align-items:center;gap:8px;padding:10px 14px;background:var(--green-pale);border:1px solid #A7F3D0;border-radius:var(--r);margin-top:8px;font-size:13px;color:#065F46;font-weight:500}
.upload-ok svg{width:14px;height:14px;color:var(--green);flex-shrink:0}
.langs-row{display:flex;gap:8px;flex-wrap:wrap}
.lchip{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1.5px solid var(--border);border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);transition:all .15s;user-select:none}
.lchip input{display:none}
.lchip.on{border-color:var(--pole-mid);background:var(--pole-pale);color:var(--pole)}
.lchip-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .15s}
.lchip.on .lchip-dot{background:var(--pole-mid)}
.rgpd-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}
.rgpd-box input{margin-top:2px;accent-color:var(--pole-mid);flex-shrink:0;width:15px;height:15px;cursor:pointer}
.rgpd-text{font-size:12px;color:var(--muted);line-height:1.55}
.rgpd-text a{color:var(--blue);text-decoration:none}
.btn-submit{width:100%;padding:13px;background:var(--pole-mid);color:#fff;border:none;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-submit:hover{background:var(--pole-lt)}
.btn-submit svg{width:15px;height:15px}
.form-success{display:none;text-align:center;padding:40px 24px}
.form-success-icon{width:56px;height:56px;border-radius:50%;background:var(--green-pale);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.form-success-icon svg{width:24px;height:24px;color:var(--green)}
.form-success h3{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--ink);letter-spacing:.5px;margin-bottom:8px}
.form-success p{font-size:14px;color:var(--muted);line-height:1.7}

/* Sidebar contact pôle */
.contact-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:80px}
.cside-card{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:20px}
.cside-card h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:14px}
.cside-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.cside-row:last-child{margin-bottom:0}
.cside-icon{width:32px;height:32px;border-radius:8px;background:var(--pole-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cside-icon svg{width:14px;height:14px;color:var(--pole-mid)}
.cside-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:1px}
.cside-val{font-size:13px;font-weight:500;color:var(--ink)}
.cside-val a{color:var(--blue);text-decoration:none}
.tip-card{background:var(--pole-pale);border:1px solid #B5D4F4;border-radius:var(--rl);padding:18px}
.tip-card h4{font-size:13px;font-weight:600;color:var(--pole);margin-bottom:10px}
.tip-item{display:flex;gap:8px;font-size:12px;color:var(--pole);margin-bottom:7px;line-height:1.5;align-items:flex-start}
.tip-item:last-child{margin-bottom:0}
.tip-item svg{width:12px;height:12px;flex-shrink:0;margin-top:2px}

/* ── CHATBOT ── */
.chat-widget{position:fixed;bottom:24px;right:24px;z-index:200}
.chat-bubble{width:54px;height:54px;border-radius:50%;background:var(--pole-mid);box-shadow:0 4px 18px rgba(26,110,197,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:transform .2s}
.chat-bubble:hover{transform:scale(1.08)}
.chat-bubble svg{width:22px;height:22px;color:#fff}
.chat-badge{position:absolute;top:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:#ef4444;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}
.chat-win{position:absolute;bottom:64px;right:0;width:320px;background:#fff;border-radius:var(--rl);border:1px solid var(--border);box-shadow:0 14px 44px rgba(0,0,0,.14);display:none;overflow:hidden}
.chat-win.open{display:block}
.chat-head{background:var(--pole);padding:14px 16px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.chat-head-left{display:flex;align-items:center;gap:10px}
.chat-av{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
.chat-av svg{width:16px;height:16px;color:#fff}
.chat-hname{font-size:13px;font-weight:600;color:#fff}
.chat-hstatus{font-size:11px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:4px}
.chat-hdot{width:5px;height:5px;border-radius:50%;background:#4ade80}
.chat-close{background:none;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:3px;display:flex;border-radius:4px}
.chat-close:hover{background:rgba(255,255,255,.15)}
.chat-close svg{width:14px;height:14px}
.chat-msgs{padding:14px;height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;background:var(--surface)}
.cmsg{max-width:84%;padding:9px 12px;border-radius:10px;font-size:13px;line-height:1.5}
.cmsg.bot{background:#fff;border:1px solid var(--border);color:var(--ink);border-radius:3px 10px 10px 10px;align-self:flex-start}
.cmsg.user{background:var(--pole-mid);color:#fff;border-radius:10px 3px 10px 10px;align-self:flex-end}
.chat-typing{display:flex;gap:3px;padding:9px 12px;background:#fff;border:1px solid var(--border);border-radius:3px 10px 10px 10px;max-width:52px;align-self:flex-start}
.chat-typing span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:ty .9s infinite}
.chat-typing span:nth-child(2){animation-delay:.15s}
.chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes ty{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.chat-qr{padding:9px 14px;display:flex;gap:6px;flex-wrap:wrap;background:#fff;border-top:1px solid var(--border)}
.qr{padding:4px 10px;border:1.5px solid var(--pole-lt);border-radius:20px;font-size:11px;font-weight:500;color:var(--pole-mid);cursor:pointer;transition:all .15s;background:#fff;font-family:'DM Sans',sans-serif}
.qr:hover{background:var(--pole-mid);color:#fff;border-color:var(--pole-mid)}
.chat-inp-row{display:flex;gap:7px;padding:10px 12px;border-top:1px solid var(--border);background:#fff}
.chat-inp{flex:1;border:1.5px solid var(--border);border-radius:var(--r);padding:8px 11px;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink);outline:none;transition:border-color .15s}
.chat-inp:focus{border-color:var(--pole-mid)}
.chat-send{background:var(--pole-mid);border:none;border-radius:var(--r);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.chat-send svg{width:14px;height:14px;color:#fff}
.chat-disc{font-size:10px;color:var(--muted);text-align:center;padding:7px 12px;background:#fff;border-top:1px solid var(--border)}
.chat-disc a{color:var(--blue);text-decoration:none}

/* ── AUTRES PÔLES ── */
.other-poles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.opole{border-radius:var(--rl);overflow:hidden;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}
.opole:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.opole-img{height:140px;position:relative;overflow:hidden}
.opole-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.opole:hover .opole-img img{transform:scale(1.04)}
.opole-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px}
.opole-overlay.bur{background:linear-gradient(to top,rgba(30,37,53,.9) 0%,transparent 60%)}
.opole-overlay.ret{background:linear-gradient(to top,rgba(67,26,0,.9) 0%,transparent 60%)}
.opole-title{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#fff;letter-spacing:.5px;margin-bottom:4px}
.opole-sub{font-size:12px;color:rgba(255,255,255,.6)}
.opole-link{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);margin-top:4px;display:inline-block}

/* ── FOOTER ── */
footer{background:#0d1117;padding:36px 2rem 28px}
.fbot{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fbot-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;color:#fff;letter-spacing:1px}
.fbot-logo span{color:var(--pole-lt)}
.fbot-links{display:flex;gap:20px}
.fbot-links a{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .15s}
.fbot-links a:hover{color:#fff}
.fbot-copy{font-size:12px;color:rgba(255,255,255,.22)}

/* ── LANG ── */

@media(max-width:900px){
  .hero-inner,.contact-layout,.zones-grid,.offers-layout{grid-template-columns:1fr}
  .hero-img{display:none}
  .offers-sidebar,.contact-side{position:static}
  .metiers-grid{grid-template-columns:1fr 1fr}
  .other-poles{grid-template-columns:1fr}
  .jcard-inner{grid-template-columns:1fr}
  .jcard-action{display:none}
  .jcard-body::after{content:"Postuler →";display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:var(--pole-mid)}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:640px){
  .metiers-grid{grid-template-columns:1fr}
  .chat-win{width:calc(100vw - 48px)}
}

/* ── 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.interimbruxelles.be/interim-logistique-bruxelles.html">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.interimbruxelles.be/logistique.html">
  <meta property="og:site_name" content="Allo Interim SA">
  <meta property="og:title" content="Pôle Logistique — Emploi transport &#038; entrepôt Bruxelles | Allo Interim">
  <meta property="og:description" content="Chauffeurs B/C/CE, caristes CACES, magasiniers, préparateurs à Bruxelles et périphérie. Offres intérim et CDI. Nous analysons votre profil et vous contactons dès qu'une opportunité correspond.">
  <meta property="og:image" content="https://www.interimbruxelles.be/og-logistique.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="Pôle Logistique — Emploi transport &#038; entrepôt Bruxelles | Allo Interim">
  <meta name="twitter:description" content="Chauffeurs B/C/CE, caristes CACES, magasiniers, préparateurs à Bruxelles et périphérie. Offres intérim et CDI. Nous analysons votre profil et vous contactons dès qu'une opportunité correspond.">
  <meta name="twitter:image" content="https://www.interimbruxelles.be/og-logistique.jpg">
  <link rel="alternate" hreflang="fr" href="https://www.interimbruxelles.be/logistique.html">
  <link rel="alternate" hreflang="nl" href="https://www.interimbruxelles.be/logistique.html">
  <link rel="alternate" hreflang="en" href="https://www.interimbruxelles.be/logistique.html">
  <link rel="alternate" hreflang="x-default" href="https://www.interimbruxelles.be/logistique.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.interimbruxelles.be","logo":"https://www.interimbruxelles.be/logo.jpeg","telephone":"+3225343800","email":"info@interimbruxelles.be","address":{"@type":"PostalAddress","streetAddress":"Avenue du Roi 22","addressLocality":"Saint-Gilles","postalCode":"1060","addressCountry":"BE"},"areaServed":"Brussels","description":"Agence d'intérim spécialisée logistique, bureautique et retail à Bruxelles. 30+ ans d'expérience.","openingHours":"Mo-Fr 08:30-17:00","priceRange":"$$","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","reviewCount":"47"}}</script>
</head>
<body data-lang="fr">

<!-- ── NAV ── -->
<nav class="nav">
  <div class="nav-i">
    <a href="index.html" class="logo"><img  alt="Allo Interim" style="height:38px;width:auto;display:block" class="lws-optimize-lazyload" data-src="data:image/jpeg;base64,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"><span class="logo-t">ALLO <span>INTERIM</span></span></a>
    <div class="nav-links">
      <a href="offres-emploi-interim-bruxelles.html" class="nla ifr">Nos offres</a>
      <a href="offres-emploi-interim-bruxelles.html" class="nla inl">Vacatures</a>
      <a href="offres-emploi-interim-bruxelles.html" class="nla ien">Jobs</a>
      <a href="expertise-interim-bruxelles.html" class="nla ifr">Nos expertises</a>
      <a href="expertise-interim-bruxelles.html" class="nla inl">Onze expertises</a>
      <a href="expertise-interim-bruxelles.html" class="nla ien">Our expertise</a>
      <a href="agence-interim-bruxelles.html" class="nla ifr">À propos</a>
      <a href="agence-interim-bruxelles.html" class="nla inl">Over ons</a>
      <a href="agence-interim-bruxelles.html" class="nla ien">About</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla ifr">Blog RH</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla inl">HR Blog</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla ien">HR Blog</a>
      <a href="espace-employeur-interim-bruxelles.html" class="nla ifr">Employeurs</a>
      <a href="espace-employeur-interim-bruxelles.html" class="nla inl">Werkgevers</a>
      <a href="espace-employeur-interim-bruxelles.html" class="nla ien">Employers</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ncta ifr">Je postule</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ncta inl">Solliciteren</a>
      <a href="postuler-emploi-interim-bruxelles.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="hero-deco" viewBox="0 0 440 440" fill="none">
    <polygon points="220,0 440,381 0,381" stroke="white" stroke-width="1"/>
    <polygon points="220,44 412,357 28,357" stroke="#1A6EC5" stroke-width="1"/>
  </svg>
  <div class="hero-inner">
    <div class="hero-content">
      <div class="breadcrumb">
        <a href="index.html" class="ifr">Accueil</a>
        <a href="index.html" class="inl">Home</a>
        <a href="index.html" class="ien">Home</a>
        <span>›</span>
        <span class="ifr">Pôle Logistique</span>
        <span class="inl">Sector Logistiek</span>
        <span class="ien">Logistics Division</span>
      </div>
      <div class="pole-badge">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" 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>
        <span class="ifr">Pôle Logistique · Transport &#038; Entrepôt</span>
        <span class="inl">Sector Logistiek · Transport &#038; Magazijn</span>
        <span class="ien">Logistics Division · Transport &#038; Warehouse</span>
      </div>
      <h1 class="fr">VOTRE PROCHAIN<br>POSTE EN <em>LOGISTIQUE.</em></h1>
      <h1 class="nl">UW VOLGENDE FUNCTIE<br>IN <em>LOGISTIEK.</em></h1>
      <h1 class="en">YOUR NEXT ROLE<br>IN <em>LOGISTICS.</em></h1>
      <p class="hero-sub fr">Chauffeurs, caristes, magasiniers, préparateurs — nous plaçons les professionnels de la logistique à Bruxelles et en périphérie depuis 35 ans. Nous analysons chaque profil et vous contactons dès qu&rsquo;une opportunité correspond.</p>
      <p class="hero-sub nl">Chauffeurs, heftruckchauffeurs, magazijniers, orderpickers — wij plaatsen logistieke professionals in Brussel en omgeving al 35 jaar. Profielen geanalyseerd zodra ontvangen.</p>
      <p class="hero-sub en">Drivers, forklift operators, warehouse staff, order pickers — we&rsquo;ve been placing logistics professionals in Brussels and surroundings for 35 years. Profiles analysed upon receipt.</p>
      <div class="hero-btns">
        <a href="postuler-emploi-interim-bruxelles.html" class="btn-p ifr">Je postule dans ce pôle</a>
        <a href="postuler-emploi-interim-bruxelles.html" class="btn-p inl">Ik solliciteer in deze sector</a>
        <a href="postuler-emploi-interim-bruxelles.html" class="btn-p ien">Apply in this sector</a>
        <a href="#offres" class="btn-g ifr">Voir les offres</a>
        <a href="#offres" class="btn-g inl">Vacatures bekijken</a>
        <a href="#offres" class="btn-g ien">Browse jobs</a>
      </div>
    </div>
    <!-- Photo hero logistique — Unsplash : "warehouse worker smiling forklift" -->
    <div class="hero-img">
      <img  alt="Pôle Logistique Allo Intérim Bruxelles" loading="eager" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1553413077-190dd305871c?w=840&#038;q=80&#038;auto=format&#038;fit=crop&#038;crop=center">
      <div class="hero-img-overlay"></div>
      <div class="hero-img-tag">
        <div class="hero-img-stats">
          <div class="hist"><div class="hist-n">120+</div><div class="hist-l ifr">Missions / an</div><div class="hist-l inl">Opdrachten / jaar</div><div class="hist-l ien">Missions / year</div></div>
          <div class="hist"><div class="hist-n">35+</div><div class="hist-l ifr">Délai moyen</div><div class="hist-l inl">Gemiddelde tijd</div><div class="hist-l ien">Average time</div></div>
          <div class="hist"><div class="hist-n">B·C·CE</div><div class="hist-l ifr">Permis gérés</div><div class="hist-l inl">Rijbewijzen</div><div class="hist-l ien">Licences</div></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── BARRE MÉTIERS ── -->
<div class="metiers-bar">
  <div class="metiers-inner">
    <button class="metier-tab active" onclick="filterMetier(this,'all')">
      <span class="ifr">Tous les métiers</span>
      <span class="inl">Alle beroepen</span>
      <span class="ien">All roles</span>
    </button>
    <button class="metier-tab" onclick="filterMetier(this,'chauffeur')">
      <span class="ifr">Chauffeurs</span>
      <span class="inl">Chauffeurs</span>
      <span class="ien">Drivers</span>
    </button>
    <button class="metier-tab" onclick="filterMetier(this,'cariste')">
      <span class="ifr">Caristes</span>
      <span class="inl">Heftruckchauffeurs</span>
      <span class="ien">Forklift operators</span>
    </button>
    <button class="metier-tab" onclick="filterMetier(this,'magasinier')">
      <span class="ifr">Magasiniers</span>
      <span class="inl">Magazijniers</span>
      <span class="ien">Warehouse staff</span>
    </button>
    <button class="metier-tab" onclick="filterMetier(this,'preparateur')">
      <span class="ifr">Préparateurs</span>
      <span class="inl">Orderpickers</span>
      <span class="ien">Order pickers</span>
    </button>
    <button class="metier-tab" onclick="filterMetier(this,'logisticien')">
      <span class="ifr">Logisticiens</span>
      <span class="inl">Logistici</span>
      <span class="ien">Logistics coordinators</span>
    </button>
  </div>
</div>

<!-- ── OFFRES ── -->
<section class="sec bg-s" 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">MISSIONS DISPONIBLES</h2>
    <h2 class="stit nl">BESCHIKBARE OPDRACHTEN</h2>
    <h2 class="stit en">AVAILABLE ROLES</h2>
    <div class="offers-layout">
      <div class="offers-list" id="offers-list">

        <!-- OFFRE 1 — featured urgente -->
        <a href="postuler-emploi-interim-bruxelles.html" class="jcard featured" data-metier="chauffeur">
          <div class="jcard-inner">
            <div class="jcard-body">
              <div class="jcard-top">
                <span class="jcard-title fr">Chauffeur livreur Permis B — Zone urbaine</span>
                <span class="jcard-title nl">Bezorger Rijbewijs B — Stedelijk gebied</span>
                <span class="jcard-title en">Delivery driver Licence B — Urban zone</span>
                <div class="badges">
                  <span class="badge urgent ifr"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Urgent</span>
                  <span class="badge urgent inl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dringend</span>
                  <span class="badge urgent ien"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Urgent</span>
                  <span class="badge interim">Intérim</span>
                </div>
              </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 · Lun–Ven</span><span class="inl">Voltijds · Ma–Vrij</span><span class="ien">Full time · Mon–Fri</span></span>
                <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
              </div>
              <p class="jcard-desc fr">Livraisons de colis en zone urbaine bruxelloise pour un client e-commerce en forte croissance. Connaissance du réseau bruxellois appréciée. Véhicule de société fourni.</p>
              <p class="jcard-desc nl">Pakketbezorging in stedelijk Brussels gebied voor een sterk groeiende e-commerce klant. Kennis van het Brusselse netwerk is een troef. Bedrijfsvoertuig voorzien.</p>
              <p class="jcard-desc en">Parcel deliveries in urban Brussels for a fast-growing e-commerce client. Knowledge of Brussels road network appreciated. Company vehicle provided.</p>
              <div class="jcard-skills">
                <span class="skill">Permis B</span>
                <span class="skill fr">Bonne connaissance BXL</span><span class="skill nl">Kennis Brussel</span><span class="skill en">Brussels knowledge</span>
                <span class="skill">FR / NL</span>
              </div>
            </div>
            <div class="jcard-action">
              <a href="postuler-emploi-interim-bruxelles.html" class="btn-apply">
                <span class="ifr">Postuler</span>
                <span class="inl">Solliciteren</span>
                <span class="ien">Apply</span>
              </a>
              <div class="jcard-date ifr">Publié il y a 2 jours</div>
              <div class="jcard-date inl">2 dagen geleden</div>
              <div class="jcard-date ien">2 days ago</div>
            </div>
          </div>
        </a>

        <!-- OFFRE 2 -->
        <a href="postuler-emploi-interim-bruxelles.html" class="jcard" data-metier="cariste">
          <div class="jcard-inner">
            <div class="jcard-body">
              <div class="jcard-top">
                <span class="jcard-title fr">Cariste CACES 3 &#038; 5 — Entrepôt logistique</span>
                <span class="jcard-title nl">Heftruckchauffeur CACES 3 &#038; 5 — Logistiek magazijn</span>
                <span class="jcard-title en">Forklift operator CACES 3 &#038; 5 — Logistics warehouse</span>
                <div class="badges">
                  <span class="badge cdi">CDI</span>
                </div>
              </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>Vilvoorde</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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
              </div>
              <p class="jcard-desc fr">Grande plateforme logistique nord de Bruxelles recherche cariste confirmé. CACES 3 obligatoire, CACES 5 souhaité. Horaires de jour fixes. Prime de transport incluse.</p>
              <p class="jcard-desc nl">Groot logistiek platform ten noorden van Brussel zoekt ervaren heftruckchauffeur. CACES 3 verplicht, CACES 5 gewenst. Vaste dagtijden. Vervoerspremie inbegrepen.</p>
              <p class="jcard-desc en">Large logistics platform north of Brussels seeks experienced forklift operator. CACES 3 mandatory, CACES 5 preferred. Fixed day shifts. Transport allowance included.</p>
              <div class="jcard-skills">
                <span class="skill">CACES 3</span>
                <span class="skill">CACES 5</span>
                <span class="skill fr">3 ans min.</span><span class="skill nl">Min. 3 jaar</span><span class="skill en">3+ years</span>
              </div>
            </div>
            <div class="jcard-action">
              <a href="postuler-emploi-interim-bruxelles.html" class="btn-apply">
                <span class="ifr">Postuler</span>
                <span class="inl">Solliciteren</span>
                <span class="ien">Apply</span>
              </a>
              <div class="jcard-date ifr">Publié il y a 5 jours</div>
              <div class="jcard-date inl">5 dagen geleden</div>
              <div class="jcard-date ien">5 days ago</div>
            </div>
          </div>
        </a>

        <!-- OFFRE 3 -->
        <a href="postuler-emploi-interim-bruxelles.html" class="jcard" data-metier="preparateur">
          <div class="jcard-inner">
            <div class="jcard-body">
              <div class="jcard-top">
                <span class="jcard-title fr">Préparateur de commandes — Équipe de nuit</span>
                <span class="jcard-title nl">Orderpicker — Nachtploeg</span>
                <span class="jcard-title en">Order picker — Night shift</span>
                <div class="badges">
                  <span class="badge interim">Intérim</span>
                  <span class="badge new ifr">Nouveau</span><span class="badge new inl">Nieuw</span><span class="badge new ien">New</span>
                </div>
              </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>Zaventem</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">Nuit · 22h–6h</span><span class="inl">Nacht · 22u–6u</span><span class="ien">Night · 10pm–6am</span></span>
                <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
              </div>
              <p class="jcard-desc fr">Entrepôt près de l&rsquo;aéroport cherche préparateurs pour équipe de nuit. Prime de nuit + navette depuis Bruxelles. Débutants acceptés si motivation démontrée.</p>
              <p class="jcard-desc nl">Magazijn nabij luchthaven zoekt orderpickers voor nachtploeg. Nachtpremie + pendeldienst vanuit Brussel. Beginners welkom mits aantoonbare motivatie.</p>
              <p class="jcard-desc en">Warehouse near airport seeks order pickers for night shift. Night bonus + shuttle from Brussels. Beginners welcome if motivation is demonstrated.</p>
              <div class="jcard-skills">
                <span class="skill fr">Disponible nuit</span><span class="skill nl">Nacht beschikbaar</span><span class="skill en">Available nights</span>
                <span class="skill">Scanner / PDA</span>
                <span class="skill fr">Débutant OK</span><span class="skill nl">Beginner OK</span><span class="skill en">Beginner OK</span>
              </div>
            </div>
            <div class="jcard-action">
              <a href="postuler-emploi-interim-bruxelles.html" class="btn-apply">
                <span class="ifr">Postuler</span>
                <span class="inl">Solliciteren</span>
                <span class="ien">Apply</span>
              </a>
              <div class="jcard-date ifr">Publié aujourd&rsquo;hui</div>
              <div class="jcard-date inl">Vandaag geplaatst</div>
              <div class="jcard-date ien">Posted today</div>
            </div>
          </div>
        </a>

        <!-- OFFRE 4 -->
        <a href="postuler-emploi-interim-bruxelles.html" class="jcard" data-metier="chauffeur">
          <div class="jcard-inner">
            <div class="jcard-body">
              <div class="jcard-top">
                <span class="jcard-title fr">Chauffeur Poids Lourd CE — Régional</span>
                <span class="jcard-title nl">Vrachtwagenchauffeur CE — Regionaal</span>
                <span class="jcard-title en">HGV Driver CE — Regional</span>
                <div class="badges">
                  <span class="badge cdi">CDI</span>
                </div>
              </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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Sous 2 semaines</span><span class="inl">Binnen 2 weken</span><span class="ien">Within 2 weeks</span></span>
              </div>
              <p class="jcard-desc fr">Transporteur régional recherche chauffeur CE pour livraisons en Belgique et pays limitrophes. Carte conducteur à jour obligatoire. Découchés occasionnels.</p>
              <p class="jcard-desc nl">Regionale transporteur zoekt CE-chauffeur voor leveringen in België en aangrenzende landen. Bijgewerkte bestuurderskaart verplicht. Occasioneel overnachten.</p>
              <p class="jcard-desc en">Regional carrier seeks CE driver for deliveries in Belgium and neighbouring countries. Up-to-date driver card mandatory. Occasional overnight stays.</p>
              <div class="jcard-skills">
                <span class="skill">Permis CE</span>
                <span class="skill ifr">Carte conducteur</span><span class="skill inl">Bestuurderskaart</span><span class="skill ien">Driver card</span>
                <span class="skill">ADR</span>
              </div>
            </div>
            <div class="jcard-action">
              <a href="postuler-emploi-interim-bruxelles.html" class="btn-apply">
                <span class="ifr">Postuler</span>
                <span class="inl">Solliciteren</span>
                <span class="ien">Apply</span>
              </a>
              <div class="jcard-date ifr">Publié il y a 1 semaine</div>
              <div class="jcard-date inl">1 week geleden</div>
              <div class="jcard-date ien">1 week ago</div>
            </div>
          </div>
        </a>

        <!-- OFFRE 5 -->
        <a href="postuler-emploi-interim-bruxelles.html" class="jcard" data-metier="magasinier">
          <div class="jcard-inner">
            <div class="jcard-body">
              <div class="jcard-top">
                <span class="jcard-title fr">Magasinier / Réceptionnaire — Matériaux construction</span>
                <span class="jcard-title nl">Magazijnier / Ontvangstmedewerker — Bouwmaterialen</span>
                <span class="jcard-title en">Warehouse receiver — Construction materials</span>
                <div class="badges">
                  <span class="badge interim">Intérim</span>
                </div>
              </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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
              </div>
              <p class="jcard-desc fr">Négoce en matériaux de construction recherche magasinier pour réception, stockage et préparation commandes. Connaissance matériaux de construction un atout majeur.</p>
              <p class="jcard-desc nl">Handelaar in bouwmaterialen zoekt magazijnier voor ontvangst, opslag en bestellingsvoorbereiding. Kennis van bouwmaterialen is een groot pluspunt.</p>
              <p class="jcard-desc en">Construction materials supplier seeks warehouse operative for receipt, storage and order preparation. Knowledge of building materials a major asset.</p>
              <div class="jcard-skills">
                <span class="skill fr">Matériaux BTP</span><span class="skill nl">Bouwmaterialen</span><span class="skill en">Building materials</span>
                <span class="skill fr">Gestion stocks</span><span class="skill nl">Voorraadbeheer</span><span class="skill en">Stock management</span>
              </div>
            </div>
            <div class="jcard-action">
              <a href="postuler-emploi-interim-bruxelles.html" class="btn-apply">
                <span class="ifr">Postuler</span>
                <span class="inl">Solliciteren</span>
                <span class="ien">Apply</span>
              </a>
              <div class="jcard-date ifr">Publié il y a 3 jours</div>
              <div class="jcard-date inl">3 dagen geleden</div>
              <div class="jcard-date ien">3 days ago</div>
            </div>
          </div>
        </a>

      </div><!-- offers-list -->

      <!-- Bouton voir plus -->
      <div style="margin-top:20px;text-align:center">
        <a href="offres-emploi-interim-bruxelles.html" style="display:inline-block;border:1.5px solid var(--pole-mid);color:var(--pole-mid);padding:11px 24px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s" onmouseover="this.style.background='#1A6EC5';this.style.color='#fff'" onmouseout="this.style.background='transparent';this.style.color='var(--pole-mid)'">
          <span class="ifr">Voir toutes les offres →</span>
          <span class="inl">Alle vacatures bekijken →</span>
          <span class="ien">View all jobs →</span>
        </a>
      </div>

    </div><!-- offers-layout left -->

    <!-- SIDEBAR OFFRES -->
    <div class="offers-sidebar">
      <div class="alert-box">
        <h4 class="fr">Alerte offres Logistique</h4>
        <h4 class="nl">Logistiek vacature-alert</h4>
        <h4 class="en">Logistics job alert</h4>
        <p class="fr">Recevez les nouvelles offres logistique par email dès leur publication.</p>
        <p class="nl">Ontvang nieuwe logistieke vacatures per e-mail zodra ze gepubliceerd worden.</p>
        <p class="en">Receive new logistics jobs by email as soon as they&rsquo;re posted.</p>
        <input type="email" class="alert-input" placeholder="email@exemple.com">
        <button class="alert-btn ifr">Créer mon alerte</button>
        <button class="alert-btn inl">Alert aanmaken</button>
        <button class="alert-btn ien">Create alert</button>
      </div>
      <div class="cta-box">
        <h4 class="fr">PAS L&rsquo;OFFRE IDÉALE ?</h4>
        <h4 class="nl">GEEN IDEALE VACATURE?</h4>
        <h4 class="en">NO PERFECT MATCH?</h4>
        <p class="fr">Déposez votre candidature spontanée. Notre consultant logistique analyse votre profil et vous contacte dès qu&rsquo;une opportunité se présente.</p>
        <p class="nl">Dien een spontane kandidatuur in. Onze logistiek consultant analyseert uw profiel en neemt contact op zodra er een kans is.</p>
        <p class="en">Submit a spontaneous application. Our logistics consultant analyses your profile and contacts you when an opportunity arises.</p>
        <a href="postuler-emploi-interim-bruxelles.html" class="main">
          <span class="ifr">Postuler spontanément →</span>
          <span class="inl">Spontaan solliciteren →</span>
          <span class="ien">Apply spontaneously →</span>
        </a>
        <a href="recruter-personnel-interimaire-bruxelles.html" class="sec">
          <span class="ifr"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2709.png" alt="✉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nous écrire</span>
          <span class="inl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2709.png" alt="✉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Schrijf ons</span>
          <span class="ien"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2709.png" alt="✉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Write to us</span>
        </a>
      </div>
    </div>

  </div><!-- wrap -->
</section>

<!-- ── LES MÉTIERS ── -->
<section class="sec">
  <div class="wrap">
    <p class="slbl fr">Profils recherchés</p>
    <p class="slbl nl">Gezochte profielen</p>
    <p class="slbl en">Profiles we seek</p>
    <h2 class="stit fr">PROFILS RECHERCHÉS</h2>
    <h2 class="stit nl">GEZOCHTE PROFIELEN</h2>
    <h2 class="stit en">PROFILES WE SEEK</h2>
    <div class="metiers-grid">

      <div class="mcard">
        <div class="mcard-img">
          <!-- Unsplash : "delivery driver van smiling" -->
          <img  alt="Chauffeur livreur logistique Bruxelles" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1519003300449-424ad0405076?w=500&#038;q=75&#038;auto=format&#038;fit=crop">
          <div class="mcard-img-overlay"></div>
          <div class="mcard-img-title fr">Chauffeurs</div>
          <div class="mcard-img-title nl">Chauffeurs</div>
          <div class="mcard-img-title en">Drivers</div>
        </div>
        <div class="mcard-body">
          <p class="mcard-desc fr">Permis B (livraison), C (poids lourds) et CE (remorque). Avec ou sans ADR. Régional ou national. Tournées fixes ou variables selon clients.</p>
          <p class="mcard-desc nl">Rijbewijs B (bezorging), C (vrachtwagens) en CE (aanhangwagen). Met of zonder ADR. Regionaal of nationaal. Vaste of variabele routes.</p>
          <p class="mcard-desc en">Licence B (delivery), C (heavy goods) and CE (trailer). With or without ADR. Regional or national. Fixed or variable rounds.</p>
          <div class="mcard-tags">
            <span class="mtag">Permis B · C · CE</span>
            <span class="mtag">ADR</span>
            <span class="mtag ifr">Carte conducteur</span><span class="mtag inl">Bestuurderskaart</span><span class="mtag ien">Driver card</span>
          </div>
        </div>
      </div>

      <div class="mcard">
        <div class="mcard-img">
          <!-- Unsplash : "forklift warehouse operator" -->
          <img  alt="Cariste CACES entrepôt Bruxelles" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=500&#038;q=75&#038;auto=format&#038;fit=crop">
          <div class="mcard-img-overlay"></div>
          <div class="mcard-img-title fr">Caristes</div>
          <div class="mcard-img-title nl">Heftruckchauffeurs</div>
          <div class="mcard-img-title en">Forklift operators</div>
        </div>
        <div class="mcard-body">
          <p class="mcard-desc fr">CACES 1, 3 et 5. Manipulation de charges, gestion de zones de stockage, réception et expédition. Expérience en entrepôt souhaitée.</p>
          <p class="mcard-desc nl">CACES 1, 3 en 5. Goederenbehandeling, beheer van opslagzones, ontvangst en verzending. Ervaring in magazijn gewenst.</p>
          <p class="mcard-desc en">CACES 1, 3 and 5. Load handling, storage zone management, receipt and dispatch. Warehouse experience preferred.</p>
          <div class="mcard-tags">
            <span class="mtag">CACES 1 · 3 · 5</span>
            <span class="mtag ifr">Gestion stocks</span><span class="mtag inl">Voorraadbeheer</span><span class="mtag ien">Stock management</span>
          </div>
        </div>
      </div>

      <div class="mcard">
        <div class="mcard-img">
          <!-- Unsplash : "warehouse worker scanning packages" -->
          <img  alt="Préparateur de commandes entrepôt" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1553413077-190dd305871c?w=500&#038;q=75&#038;auto=format&#038;fit=crop&#038;crop=center">
          <div class="mcard-img-overlay"></div>
          <div class="mcard-img-title fr">Préparateurs</div>
          <div class="mcard-img-title nl">Orderpickers</div>
          <div class="mcard-img-title en">Order pickers</div>
        </div>
        <div class="mcard-body">
          <p class="mcard-desc fr">Picking manuel ou vocal, scanner, picking to light. Jour, nuit ou week-end selon besoins. Débutants acceptés sur certains postes.</p>
          <p class="mcard-desc nl">Manueel of vocaal picking, scanner, pick-to-light. Dag, nacht of weekend naar behoefte. Beginners welkom voor bepaalde functies.</p>
          <p class="mcard-desc en">Manual or voice picking, scanner, pick-to-light. Day, night or weekend as needed. Beginners welcome for certain positions.</p>
          <div class="mcard-tags">
            <span class="mtag">Scanner / PDA</span>
            <span class="mtag ifr">Voice picking</span><span class="mtag inl">Voice picking</span><span class="mtag ien">Voice picking</span>
            <span class="mtag ifr">Débutant OK</span><span class="mtag inl">Beginner OK</span><span class="mtag ien">Beginner OK</span>
          </div>
        </div>
      </div>

      <div class="mcard">
        <div class="mcard-img">
          <img  alt="Magasinier logistique Bruxelles" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1566576912321-d58ddd7a6088?w=500&#038;q=75&#038;auto=format&#038;fit=crop">
          <div class="mcard-img-overlay"></div>
          <div class="mcard-img-title fr">Magasiniers</div>
          <div class="mcard-img-title nl">Magazijniers</div>
          <div class="mcard-img-title en">Warehouse staff</div>
        </div>
        <div class="mcard-body">
          <p class="mcard-desc fr">Réception marchandises, contrôle qualité, mise en stock, gestion des retours. ERP et WMS selon clients. Expérience appréciée.</p>
          <p class="mcard-desc nl">Goederenontvangst, kwaliteitscontrole, inopslag, retourbeheer. ERP en WMS afhankelijk van klant. Ervaring is een pluspunt.</p>
          <p class="mcard-desc en">Goods receipt, quality control, put-away, returns management. ERP and WMS per client. Experience appreciated.</p>
          <div class="mcard-tags">
            <span class="mtag">ERP / WMS</span>
            <span class="mtag ifr">Réception</span><span class="mtag inl">Ontvangst</span><span class="mtag ien">Receiving</span>
            <span class="mtag ifr">Contrôle qualité</span><span class="mtag inl">Kwaliteitscontrole</span><span class="mtag ien">Quality control</span>
          </div>
        </div>
      </div>

      <div class="mcard">
        <div class="mcard-img">
          <img  alt="Coordinateur logistique supply chain" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=500&#038;q=75&#038;auto=format&#038;fit=crop">
          <div class="mcard-img-overlay"></div>
          <div class="mcard-img-title fr">Logisticiens</div>
          <div class="mcard-img-title nl">Logistici</div>
          <div class="mcard-img-title en">Logistics coordinators</div>
        </div>
        <div class="mcard-body">
          <p class="mcard-desc fr">Coordinateurs logistiques, responsables d&rsquo;entrepôt, planificateurs transport. Profils cadres ou techniciens selon les besoins.</p>
          <p class="mcard-desc nl">Logistieke coördinatoren, magazijnverantwoordelijken, transportplanners. Kader- of technische profielen naargelang de behoeften.</p>
          <p class="mcard-desc en">Logistics coordinators, warehouse managers, transport planners. Management or technical profiles as required.</p>
          <div class="mcard-tags">
            <span class="mtag ifr">Supply chain</span>
            <span class="mtag ifr">Transport planning</span><span class="mtag inl">Transportplanning</span><span class="mtag ien">Transport planning</span>
            <span class="mtag ifr">Management</span>
          </div>
        </div>
      </div>

      <div class="mcard" style="border:2px dashed var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center">
        <div style="text-align:center;padding:24px">
          <div style="font-size:32px;margin-bottom:12px"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px" class="fr">Votre métier n&rsquo;est pas listé ?</p>
          <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px" class="nl">Uw beroep staat er niet bij?</p>
          <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px" class="en">Your role not listed?</p>
          <p style="font-size:13px;color:var(--muted);margin-bottom:16px" class="fr">Déposez une candidature spontanée, notre consultant vous contacte.</p>
          <p style="font-size:13px;color:var(--muted);margin-bottom:16px" class="nl">Dien een spontane kandidatuur in, onze consultant neemt contact op.</p>
          <p style="font-size:13px;color:var(--muted);margin-bottom:16px" class="en">Submit a spontaneous application, our consultant will contact you.</p>
          <a href="postuler-emploi-interim-bruxelles.html" style="display:inline-block;background:var(--pole-mid);color:#fff;padding:9px 18px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none">
            <span class="ifr">Candidature spontanée →</span>
            <span class="inl">Spontane kandidatuur →</span>
            <span class="ien">Spontaneous application →</span>
          </a>
        </div>
      </div>

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

<!-- ── ZONES GÉOGRAPHIQUES ── -->
<section class="sec bg-s">
  <div class="wrap">
    <p class="slbl fr">Nos opportunités</p>
    <p class="slbl nl">Onze opportuniteiten</p>
    <p class="slbl en">Our opportunities</p>
    <h2 class="stit fr">NOS OPPORTUNITÉS</h2>
    <h2 class="stit nl">ONZE OPPORTUNITEITEN</h2>
    <h2 class="stit en">OUR OPPORTUNITIES</h2>
    <div class="zones-grid">
      <div class="zones-map">
        <!-- Carte remplaçable par une vraie carte Leaflet ou Google Maps embed -->
        <div class="zones-map-placeholder">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><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>
          <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px" class="fr">Carte interactive</p>
          <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px" class="nl">Interactieve kaart</p>
          <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px" class="en">Interactive map</p>
          <p style="font-size:12px;color:var(--muted)" class="fr">À intégrer via Google Maps ou Leaflet.js</p>
          <p style="font-size:12px;color:var(--muted)" class="nl">Te integreren via Google Maps of Leaflet.js</p>
          <p style="font-size:12px;color:var(--muted)" class="en">To integrate via Google Maps or Leaflet.js</p>
        </div>
      </div>
      <div class="zones-list">
        <div class="zone-item">
          <div class="zone-icon"><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></div>
          <div>
            <div class="zone-name">Bruxelles-Capitale</div>
            <div class="zone-sub fr">19 communes · Zone prioritaire</div>
            <div class="zone-sub nl">19 gemeenten · Prioritaire zone</div>
            <div class="zone-sub en">19 municipalities · Priority zone</div>
          </div>
        </div>
        <div class="zone-item">
          <div class="zone-icon"><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></div>
          <div>
            <div class="zone-name fr">Périphérie nord</div>
            <div class="zone-name nl">Noordrand</div>
            <div class="zone-name en">Northern suburbs</div>
            <div class="zone-sub">Vilvoorde · Machelen · Zaventem · Grimbergen</div>
          </div>
        </div>
        <div class="zone-item">
          <div class="zone-icon"><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></div>
          <div>
            <div class="zone-name fr">Périphérie sud &#038; ouest</div>
            <div class="zone-name nl">Zuid- &#038; Westrand</div>
            <div class="zone-name en">Southern &#038; western suburbs</div>
            <div class="zone-sub">Waterloo · Braine · Nivelles · Tubize · Enghien</div>
          </div>
        </div>
        <div class="zone-item">
          <div class="zone-icon"><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></div>
          <div>
            <div class="zone-name fr">Périphérie est</div>
            <div class="zone-name nl">Oostrand</div>
            <div class="zone-name en">Eastern suburbs</div>
            <div class="zone-sub">Leuven · Wavre · Ottignies · Louvain-la-Neuve</div>
          </div>
        </div>
        <div class="zone-item">
          <div class="zone-icon"><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></div>
          <div>
            <div class="zone-name fr">Aéroport de Bruxelles-National</div>
            <div class="zone-name nl">Luchthaven Brussel-Nationaal</div>
            <div class="zone-name en">Brussels National Airport</div>
            <div class="zone-sub fr">Zaventem · Zone cargo · Parcs logistiques</div>
            <div class="zone-sub nl">Zaventem · Cargozone · Logistieke parken</div>
            <div class="zone-sub en">Zaventem · Cargo zone · Logistics parks</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── FORMULAIRE CONTACT PÔLE ── -->
<section class="sec" id="contact">
  <div class="wrap">
    <p class="slbl fr">Postuler dans ce pôle</p>
    <p class="slbl nl">Solliciteren in deze sector</p>
    <p class="slbl en">Apply in this sector</p>
    <h2 class="stit fr">DÉPOSEZ VOTRE DOSSIER</h2>
    <h2 class="stit nl">DIEN UW DOSSIER IN</h2>
    <h2 class="stit en">SUBMIT YOUR APPLICATION</h2>
    <p class="ssub fr">Notre consultant logistique analyse votre profil et vous contacte dès qu&rsquo;une opportunité correspond.</p>
    <p class="ssub nl">Onze logistiek consultant analyseert uw profiel en neemt contact op zodra er een kans is.</p>
    <p class="ssub en">Our logistics consultant will analyse your profile and contact you when a matching opportunity arises.</p>

    <div class="contact-layout">
      <div class="form-card">
        <div class="form-card-header">
          <h2 class="fr">PÔLE LOGISTIQUE — INSCRIPTION</h2>
          <h2 class="nl">SECTOR LOGISTIEK — INSCHRIJVING</h2>
          <h2 class="en">LOGISTICS DIVISION — REGISTRATION</h2>
          <p class="fr">Gratuit · Confidentiel · Sans engagement</p>
          <p class="nl">Gratis · Vertrouwelijk · Zonder verbintenis</p>
          <p class="en">Free · Confidential · No commitment</p>
        </div>
        <div class="form-body" id="log-form-content">
          <input type="hidden" name="pole" value="logistique">

          <div class="form-row">
            <div class="form-group no-mb">
              <label class="flabel fr">Prénom <span class="req">*</span></label>
              <label class="flabel nl">Voornaam <span class="req">*</span></label>
              <label class="flabel en">First name <span class="req">*</span></label>
              <input type="text" class="finput" id="l-prenom" name="Prenom" autocomplete="given-name" required>
            </div>
            <div class="form-group no-mb">
              <label class="flabel fr">Nom <span class="req">*</span></label>
              <label class="flabel nl">Naam <span class="req">*</span></label>
              <label class="flabel en">Last name <span class="req">*</span></label>
              <input type="text" class="finput" id="l-nom" name="Nom" autocomplete="family-name" required>
            </div>
          </div>

          <div class="form-row">
            <div class="form-group no-mb">
              <label class="flabel">Email <span class="req">*</span></label>
              <input type="email" class="finput" id="l-email" name="Email" autocomplete="email" required>
            </div>
            <div class="form-group no-mb">
              <label class="flabel fr">Téléphone <span class="req">*</span></label>
              <label class="flabel nl">Telefoon <span class="req">*</span></label>
              <label class="flabel en">Phone <span class="req">*</span></label>
              <input type="tel" class="finput" id="l-tel" name="Telephone" placeholder="+32 4xx xx xx xx">
            </div>
          </div>

          <div class="form-row">
            <div class="form-group no-mb">
              <label class="flabel fr">Métier recherché <span class="req">*</span></label>
              <label class="flabel nl">Gezochte functie <span class="req">*</span></label>
              <label class="flabel en">Role sought <span class="req">*</span></label>
              <select class="fselect" id="l-metier" name="Metier">
                <option value="" class="fr">— Sélectionnez —</option>
                <option value="" class="nl">— Selecteer —</option>
                <option value="" class="en">— Select —</option>
                <option value="chauffeur-b" class="fr">Chauffeur Permis B</option>
                <option value="chauffeur-b" class="nl">Chauffeur Rijbewijs B</option>
                <option value="chauffeur-b" class="en">Driver Licence B</option>
                <option value="chauffeur-c" class="fr">Chauffeur Permis C / CE</option>
                <option value="chauffeur-c" class="nl">Chauffeur Rijbewijs C / CE</option>
                <option value="chauffeur-c" class="en">Driver Licence C / CE</option>
                <option value="cariste" class="fr">Cariste CACES</option>
                <option value="cariste" class="nl">Heftruckchauffeur CACES</option>
                <option value="cariste" class="en">Forklift operator CACES</option>
                <option value="preparateur" class="fr">Préparateur de commandes</option>
                <option value="preparateur" class="nl">Orderpicker</option>
                <option value="preparateur" class="en">Order picker</option>
                <option value="magasinier" class="fr">Magasinier / Réceptionnaire</option>
                <option value="magasinier" class="nl">Magazijnier / Ontvangstmedewerker</option>
                <option value="magasinier" class="en">Warehouse operative</option>
                <option value="autre" class="fr">Autre métier logistique</option>
                <option value="autre" class="nl">Andere logistieke functie</option>
                <option value="autre" class="en">Other logistics role</option>
              </select>
            </div>
            <div class="form-group no-mb">
              <label class="flabel fr">Disponibilité <span class="req">*</span></label>
              <label class="flabel nl">Beschikbaarheid <span class="req">*</span></label>
              <label class="flabel en">Availability <span class="req">*</span></label>
              <select class="fselect" id="l-dispo" name="Disponibilite">
                <option value="" class="fr">— Sélectionnez —</option>
                <option value="now" class="fr">Immédiate</option>
                <option value="now" class="nl">Onmiddellijk</option>
                <option value="now" class="en">Immediate</option>
                <option value="2w" class="fr">Sous 2 semaines</option>
                <option value="2w" class="nl">Binnen 2 weken</option>
                <option value="2w" class="en">Within 2 weeks</option>
                <option value="1m" class="fr">Sous 1 mois</option>
                <option value="1m" class="nl">Binnen 1 maand</option>
                <option value="1m" class="en">Within 1 month</option>
              </select>
            </div>
          </div>

          <!-- Certifications -->
          <div class="form-group">
            <label class="flabel fr">Certifications / Permis</label>
            <label class="flabel nl">Certificeringen / Rijbewijzen</label>
            <label class="flabel en">Certifications / Licences</label>
            <div class="langs-row">
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>Permis B</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>Permis C</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>Permis CE</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>CACES 1</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>CACES 3</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>CACES 5</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>ADR</label>
            </div>
          </div>

          <!-- Langues -->
          <div class="form-group">
            <label class="flabel fr">Langues parlées</label>
            <label class="flabel nl">Gesproken talen</label>
            <label class="flabel en">Languages spoken</label>
            <div class="langs-row">
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>Français</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>Nederlands</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span>English</label>
              <label class="lchip" onclick="toggleLchip(this)"><input type="checkbox"><span class="lchip-dot"></span><span class="ifr">Autre</span><span class="inl">Andere</span><span class="ien">Other</span></label>
            </div>
          </div>

          <!-- Message -->
          <div class="form-group">
            <label class="flabel fr">Message au consultant</label>
            <label class="flabel nl">Bericht aan de consultant</label>
            <label class="flabel en">Message to consultant</label>
            <textarea class="ftextarea" id="l-message" name="Message" placeholder="Précisions sur votre expérience, horaires souhaités, zone géographique, contraintes particulières…"></textarea>
          </div>

          <!-- Upload CV -->
          <div class="form-group">
            <label class="flabel fr">CV <span class="req">*</span></label>
            <label class="flabel nl">CV <span class="req">*</span></label>
            <label class="flabel en">CV <span class="req">*</span></label>
            <div class="upload-zone">
              <input type="file" accept=".pdf,.doc,.docx" onchange="handleUpload(this)">
              <div class="upload-sub fr"><strong>Cliquez</strong> ou glissez votre CV ici · PDF, DOC · max 5 MB</div>
              <div class="upload-sub nl"><strong>Klik</strong> of sleep uw CV hier · PDF, DOC · max 5 MB</div>
              <div class="upload-sub en"><strong>Click</strong> or drag your CV here · PDF, DOC · max 5 MB</div>
            </div>
            <div class="upload-ok" id="l-upload-ok">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg>
              <span id="l-fname"></span>
            </div>
          </div>

          <!-- RGPD -->
          <div class="rgpd-box">
            <input type="checkbox" id="l-rgpd" required>
            <p class="rgpd-text fr">J&rsquo;accepte le traitement de mes données par Allo Intérim conformément à la <a href="mentions-legales.html">politique de confidentialité</a> (RGPD). Données jamais revendues.</p>
            <p class="rgpd-text nl">Ik ga akkoord met de verwerking van mijn gegevens door Allo Intérim overeenkomstig het <a href="mentions-legales.html">privacybeleid</a> (AVG). Gegevens worden nooit verkocht.</p>
            <p class="rgpd-text en">I agree to my data being processed by Allo Intérim in accordance with the <a href="mentions-legales.html">privacy policy</a> (GDPR). Data never sold.</p>
          </div>

          <button class="btn-submit" onclick="submitLogForm(event)">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22,2 15,22 11,13 2,9"/></svg>
            <span class="ifr">Envoyer ma candidature</span>
            <span class="inl">Kandidatuur versturen</span>
            <span class="ien">Send my application</span>
          </button>
        </div>

        <div class="form-success" id="log-form-success">
          <div class="form-success-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg></div>
          <h3 class="fr">DOSSIER REÇU !</h3>
          <h3 class="nl">DOSSIER ONTVANGEN!</h3>
          <h3 class="en">APPLICATION RECEIVED!</h3>
          <p class="fr">Notre consultant logistique analyse votre profil et vous contacte dès qu&rsquo;une opportunité se présente. Vérifiez vos spams.</p>
          <p class="nl">Onze logistiek consultant analyseert uw profiel en neemt contact op zodra er een kans is. Controleer uw spam.</p>
          <p class="en">Our logistics consultant will analyse your profile and contact you when a matching opportunity arises. Check your spam.</p>
        </div>
      </div>

      <!-- SIDEBAR CONTACT -->
      <div class="contact-side">
        <div class="cside-card">
          <h4 class="fr">Léo — Consultant Logistique</h4>
          <h4 class="nl">Léo — Logistiek consultant</h4>
          <h4 class="en">Léo — Logistics consultant</h4>
          <div class="cside-row">
            <div class="cside-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></div>
            <div>
              <div class="cside-lbl fr">Nous écrire</div>
              <div class="cside-lbl nl">Schrijf ons</div>
              <div class="cside-lbl en">Write to us</div>
              <div class="cside-val">info&#64;allointerim&#46;be</div>
            </div>
          </div>

          <div class="cside-row">
            <div class="cside-icon"><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></div>
            <div>
              <div class="cside-lbl fr">Disponibilité</div>
              <div class="cside-lbl nl">Beschikbaarheid</div>
              <div class="cside-lbl en">Availability</div>
              <div class="cside-val fr">Lun–Ven 08h30–17h30</div>
              <div class="cside-val nl">Ma–Vrij 08u30–17u30</div>
              <div class="cside-val en">Mon–Fri 08:30–17:30</div>
            </div>
          </div>
        </div>

        <div class="tip-card">
          <h4 class="fr"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Conseils pour votre dossier</h4>
          <h4 class="nl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Tips voor uw dossier</h4>
          <h4 class="en"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Tips for your application</h4>
          <div class="tip-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg>
            <span class="fr">Mentionnez vos permis et certifications exactement (Permis CE, CACES 3, ADR, carte conducteur)</span>
            <span class="nl">Vermeld uw rijbewijzen en certificeringen exact (Rijbewijs CE, CACES 3, ADR, bestuurderskaart)</span>
            <span class="en">List your licences and certifications exactly (Licence CE, CACES 3, ADR, driver card)</span>
          </div>
          <div class="tip-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg>
            <span class="fr">Précisez vos disponibilités horaires (jour, nuit, week-end) et vos contraintes de zone géographique</span>
            <span class="nl">Geef uw uurroosterbeschikbaarheid (dag, nacht, weekend) en geografische beperkingen aan</span>
            <span class="en">State your schedule availability (days, nights, weekends) and geographic constraints</span>
          </div>
          <div class="tip-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg>
            <span class="fr">CV en PDF de préférence, avec les dates précises de chaque expérience</span>
            <span class="nl">CV bij voorkeur in PDF, met precieze datums van elke ervaring</span>
            <span class="en">CV in PDF preferred, with precise dates for each experience</span>
          </div>
        </div>

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

<!-- ── AUTRES PÔLES ── -->
<section class="sec bg-pole">
  <div class="wrap">
    <p class="slbl lt fr">Découvrez aussi</p>
    <p class="slbl lt nl">Ontdek ook</p>
    <p class="slbl lt en">Also discover</p>
    <h2 class="stit lt fr">LES AUTRES PÔLES</h2>
    <h2 class="stit lt nl">DE ANDERE SECTOREN</h2>
    <h2 class="stit lt en">THE OTHER SECTORS</h2>
    <div class="other-poles">
      <a href="interim-bureautique-secretariat-bruxelles.html" class="opole">
        <div class="opole-img">
          <img  alt="Pôle Bureautique Allo Intérim" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=600&#038;q=75&#038;auto=format&#038;fit=crop">
          <div class="opole-overlay bur">
            <div class="opole-title fr">Pôle Bureautique</div>
            <div class="opole-title nl">Sector Administratie</div>
            <div class="opole-title en">Office &#038; Admin</div>
            <div class="opole-sub fr">Admin · Secrétariat · Comptabilité · RH</div>
            <div class="opole-sub nl">Admin · Secretariaat · Boekhouding · HR</div>
            <div class="opole-sub en">Admin · Secretarial · Accounting · HR</div>
            <div class="opole-link ifr">Voir ce pôle →</div>
            <div class="opole-link inl">Sector bekijken →</div>
            <div class="opole-link ien">View sector →</div>
          </div>
        </div>
      </a>
      <a href="interim-retail-commerce-bruxelles.html" class="opole">
        <div class="opole-img">
          <img  alt="Pôle Retail Allo Intérim" loading="lazy" class="lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=600&#038;q=75&#038;auto=format&#038;fit=crop">
          <div class="opole-overlay ret">
            <div class="opole-title">Retail</div>
            <div class="opole-sub fr">Commerce · Vente · Grande distribution</div>
            <div class="opole-sub nl">Handel · Verkoop · Grootdistributie</div>
            <div class="opole-sub en">Commerce · Sales · Distribution</div>
            <div class="opole-link ifr">Voir ce pôle →</div>
            <div class="opole-link inl">Sector bekijken →</div>
            <div class="opole-link ien">View sector →</div>
          </div>
        </div>
      </a>
    </div>
  </div>
</section>

<!-- ── CHATBOT LÉO ── -->
<div class="chat-widget">
  <div class="chat-win" id="chat-win">
    <div class="chat-head">
      <div class="chat-head-left">
        <div class="chat-av">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>
          <div class="chat-hname">Léo · Consultant Logistique</div>
          <div class="chat-hstatus"><span class="chat-hdot"></span> En ligne · répond immédiatement</div>
        </div>
      </div>
      <button class="chat-close" onclick="closeChat()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="chat-msgs" id="chat-msgs">
      <div class="cmsg bot">Bonjour ! Je suis Léo, consultant logistique Allo Interim. Vous cherchez un poste en logistique à Bruxelles ? Dites-moi en quoi je peux vous aider.</div>
    </div>
    <div class="chat-qr" id="chat-qr">
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f69b.png" alt="🚛" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Chauffeur B/C/CE</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3d7.png" alt="🏗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cariste CACES</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e6.png" alt="📦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Préparateur de commandes</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ed.png" alt="🏭" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Magasinier</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Y a-t-il des offres actives ?</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b6.png" alt="💶" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quel salaire ?</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Payé quand ?</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c4.png" alt="📄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> C&rsquo;est gratuit de s&rsquo;inscrire ?</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Accident du travail ?</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Travail mi-temps possible ?</button>
      <button class="qr" onclick="lQ(this)"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e2.png" alt="🏢" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Qui est l&#8217;employeur ?</button>
    </div>
    <div class="chat-inp-row">
      <input type="text" class="chat-inp" id="chat-inp" placeholder="Votre question..." onkeydown="if(event.key==='Enter')lM()">
      <button class="chat-send" onclick="lM()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22,2 15,22 11,13 2,9"/></svg>
      </button>
    </div>
    <div class="chat-disc">Léo · Allo Interim · <a href="mentions-legales.html">Confidentialité</a></div>
  </div>
  <button class="chat-bubble" onclick="toggleChat()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
    <span class="chat-badge" id="chat-badge">1</span>
  </button>
</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-emploi-interim-bruxelles.html" class="ifr">Nos offres</a>
      <a href="offres-emploi-interim-bruxelles.html" class="inl">Vacatures</a>
      <a href="offres-emploi-interim-bruxelles.html" class="ien">Jobs</a>
      <a href="expertise-interim-bruxelles.html" class="ifr">Nos expertises</a>
      <a href="expertise-interim-bruxelles.html" class="inl">Onze expertises</a>
      <a href="expertise-interim-bruxelles.html" class="ien">Our expertise</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ifr">Postuler</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="inl">Solliciteren</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ien">Apply</a>
      <a href="recruter-personnel-interimaire-bruxelles.html" class="ifr">Je recrute</a>
      <a href="recruter-personnel-interimaire-bruxelles.html" class="inl">Ik werf aan</a>
      <a href="recruter-personnel-interimaire-bruxelles.html" class="ien">I&rsquo;m hiring</a>
      <a href="espace-employeur-interim-bruxelles.html" class="ifr">Employeurs</a>
      <a href="espace-employeur-interim-bruxelles.html" class="inl">Werkgevers</a>
      <a href="espace-employeur-interim-bruxelles.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');
}

/* Filtre métiers */
function filterMetier(btn,val){
  document.querySelectorAll('.metier-tab').forEach(t=>t.classList.remove('active'));
  btn.classList.add('active');
  document.querySelectorAll('#offers-list .jcard').forEach(c=>{
    c.style.display=(val==='all'||c.dataset.metier===val)?'block':'none';
  });
}

/* Langues / certif chips */
function toggleLchip(el){
  el.classList.toggle('on');
  el.querySelector('input').checked=el.classList.contains('on');
}

/* Upload */
function handleUpload(input){
  if(!input.files.length) return;
  const f=input.files[0];
  if(f.size>5*1024*1024){alert('Fichier trop lourd (max 5 MB)');return;}
  const ok=document.getElementById('l-upload-ok');
  document.getElementById('l-fname').textContent=f.name;
  ok.style.display='flex';
}

/* Submit */
function submitLogForm(e){
  e.preventDefault();
  var p=document.getElementById('l-prenom').value.trim();
  var em=document.getElementById('l-email').value.trim();
  var t=document.getElementById('l-tel').value.trim();
  if(!p||!em||!t){alert('Veuillez remplir tous les champs obligatoires.');return;}
  if(!document.getElementById('l-rgpd').checked){alert('Veuillez accepter la politique de confidentialité.');return;}
  var btn=document.querySelector('.btn-submit');
  btn.style.opacity='.6';btn.style.pointerEvents='none';
  var form=document.querySelector('#log-form-content');
  var data=new FormData();
  data.append('Pole','Logistique');
  data.append('Prenom',p);
  data.append('Nom',document.getElementById('l-nom').value.trim());
  data.append('Email',em);
  data.append('Telephone',t);
  data.append('Metier',document.getElementById('l-metier').value);
  data.append('Disponibilite',document.getElementById('l-dispo').value);
  data.append('Message',document.getElementById('l-message').value.trim());
  fetch('https://formspree.io/f/mvzvkaoa',{method:'POST',body:data,headers:{Accept:'application/json'}})
  .then(function(r){
    if(r.ok){
      document.getElementById('log-form-content').style.display='none';
      document.getElementById('log-form-success').style.display='block';
      window.scrollTo({top:document.getElementById('contact').offsetTop-80,behavior:'smooth'});
    } else {
      btn.style.opacity='1';btn.style.pointerEvents='auto';
      alert('Une erreur est survenue. Écrivez-nous à info\u0040interimbruxelles.be');
    }
  }).catch(function(){
    btn.style.opacity='1';btn.style.pointerEvents='auto';
    alert('Une erreur est survenue. Écrivez-nous à info\u0040interimbruxelles.be');
  });
}

/* Chat Léo Logistique */
var logReplies = {
  chauffeur: "Le poste de chauffeur est très demandé à Bruxelles. &#x1f69b; Selon votre permis (B, C ou CE), nous avons des missions en livraison urbaine, transport régional et longue distance. Précisez votre permis et vos certifications (carte conducteur, ADR) dans votre candidature pour que je puisse vous orienter précisément. <a href='postuler.html' style='color:#7EB9F2'>Déposer mon profil →</a>",
  cariste: "Le cariste CACES est le profil le plus recherché en logistique bruxelloise. &#x1f3d7; CACES R489 cat. 1, 3 ou 5 — précisez votre catégorie et sa date de validité. Attention : un CACES expiré bloque toute mise en mission. Si le vôtre est expiré, renseignez-vous auprès d'Actiris pour un renouvellement financé. <a href='postuler.html' style='color:#7EB9F2'>Déposer mon profil →</a>",
  preparateur: "Préparateur de commandes, c'est un poste de volume que nous plaçons régulièrement. &#x1f4e6; Scan, picking, emballage, gestion des stocks — précisez vos outils maîtrisés et votre rythme (journée, nuit, 2x8). <a href='postuler.html' style='color:#7EB9F2'>Déposer mon profil →</a>",
  magasinier: "Magasinier / agent logistique — un poste polyvalent très demandé. &#x1f3ed; Réception, stockage, expédition, inventaire. Mentionnez vos certifications (CACES, permis) et votre expérience des outils WMS. <a href='postuler.html' style='color:#7EB9F2'>Déposer mon profil →</a>",
  offres: "Consultez nos offres actives sur <a href='offres.html' style='color:#7EB9F2'>notre page offres</a> ou directement sur <a href='https://www.indeed.com/cmp/Allo-Int%C3%A9rim' target='_blank' style='color:#7EB9F2'>Indeed</a> — mises à jour en temps réel. Même sans offre correspondante aujourd'hui, déposez votre profil : nous vous contactons dès qu'une opportunité correspond.",
  salaire: "Le salaire dépend de la commission paritaire applicable à votre mission (CP 140 Transport ou CP 226 Commerce). Il est encadré par des barèmes légaux selon votre fonction et votre ancienneté. Vous avez le droit de demander à Allo Interim quel barème s'applique à votre mission.",
  paiement: "En intérim, le paiement est <strong>hebdomadaire</strong> — c'est la loi en Belgique. Vous êtes payé la semaine suivant la semaine de prestation. Ex : semaine du lundi au vendredi → virement la semaine suivante.",
  gratuit: "Oui, totalement gratuit pour le candidat. &#x2705; Allo Interim est rémunéré par l'entreprise cliente, jamais par le travailleur. L'inscription, le suivi et le placement ne vous coûtent rien.",
  accident: "En cas d'accident du travail, <strong>Allo Interim prend tout en charge</strong> — déclaration et gestion du dossier. Nous sommes votre employeur légal pendant la mission. Signalez tout incident immédiatement à votre consultant.",
  mitemps: "Nous plaçons exclusivement des profils à <strong>temps plein 38h/semaine</strong>. Nous ne gérons pas les contrats mi-temps, temps partiel ou flexi-jobs. Si vous êtes disponible à temps plein, <a href='postuler.html' style='color:#7EB9F2'>déposez votre profil →</a>",
  employeur: "Nous préservons l'identité de nos clients entreprises — c'est une obligation contractuelle. Notre rôle est de gérer l'ensemble du processus et de vous transmettre les informations utiles étape par étape. Si votre profil correspond, nous vous contactons avec tous les détails.",
  def: "Bonne question. Le mieux est de déposer votre profil complet via notre formulaire — un consultant logistique l'analysera et reviendra vers vous. <a href='postuler.html' style='color:#7EB9F2'>Déposer mon profil →</a>"
};

function leoLogReply(msg) {
  var m = msg.toLowerCase();
  if (/chauffeur|conducteur|permis c|permis b|livraison|adr/.test(m)) return logReplies.chauffeur;
  if (/cariste|caces|chariot|heftruck|forklift/.test(m)) return logReplies.cariste;
  if (/pr.parateur|picking|orderpick|commande/.test(m)) return logReplies.preparateur;
  if (/magasinier|magazijn|warehouse|stock|r.ception/.test(m)) return logReplies.magasinier;
  if (/offre|vacature|emploi|job|poste|mission/.test(m)) return logReplies.offres;
  if (/salaire|r.mun.ration|barème|loon|pay/.test(m)) return logReplies.salaire;
  if (/pay.|quand|hebdo|semaine|virement/.test(m)) return logReplies.paiement;
  if (/gratuit|coût|inscription|frais/.test(m)) return logReplies.gratuit;
  if (/accident|blessure|assurance|incident/.test(m)) return logReplies.accident;
  if (/mi-temps|partiel|flexi|deeltijds|part.time/.test(m)) return logReplies.mitemps;
  if (/employeur|client|entreprise|qui recrute|soci.t./.test(m)) return logReplies.employeur;
  return logReplies.def;
}

function lAdd(txt, who) {
  var box = document.getElementById('chat-msgs');
  if (!box) return;
  var d = document.createElement('div');
  d.className = 'cmsg ' + who;
  if (who === 'user') d.textContent = txt; else d.innerHTML = txt;
  box.appendChild(d); box.scrollTop = box.scrollHeight;
}

function lQ(btn) {
  var txt = btn.textContent.trim();
  lAdd(txt, 'user');
  var qr = document.getElementById('chat-qr');
  if (qr) qr.style.display = 'none';
  setTimeout(function(){
    lAdd(leoLogReply(txt), 'bot');
    setTimeout(function(){ if (qr) qr.style.display = 'flex'; }, 300);
  }, 400);
}

function lM() {
  var inp = document.getElementById('chat-inp');
  if (!inp) return;
  var txt = inp.value.trim(); if (!txt) return;
  lAdd(txt, 'user'); inp.value = '';
  var qr = document.getElementById('chat-qr');
  if (qr) qr.style.displa
</body>
</html>
<p>The post <a href="https://interimbruxelles.be/2026/05/04/interim-logistique-bruxelles/">Interim logistique bruxelles </a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://interimbruxelles.be/2026/05/04/interim-logistique-bruxelles/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title></title>
		<link>https://interimbruxelles.be/2026/05/04/29/</link>
					<comments>https://interimbruxelles.be/2026/05/04/29/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 04 May 2026 09:08:03 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://interimbruxelles.be/?p=29</guid>

					<description><![CDATA[<p>Offres d&#8217;emploi intérim Bruxelles — Logistique · Bureautique · Retail &#124; Allo Interim ALLO INTERIM Nos offres Vacatures Jobs Nos expertises Onze expertises Our expertise À propos Over ons About Blog RH HR Blog HR Blog Employeurs Werkgevers Employers Je postule Solliciteren Apply now FR NL EN Accueil Home Home › Nos offres Vacatures Jobs [&#8230;]</p>
<p>The post <a href="https://interimbruxelles.be/2026/05/04/29/"></a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Offres d&#8217;emploi intérim Bruxelles — Logistique · Bureautique · Retail | Allo Interim</title>
<meta name="description" content="Toutes les offres d'emploi intérim et CDI à Bruxelles : chauffeurs, caristes, assistants, vendeurs. Filtrez par pôle, lieu, disponibilité.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&#038;family=DM+Sans:wght@300;400;500;600&#038;display=swap" rel="stylesheet">
<style>
a{text-decoration:none!important;color:inherit}a:hover{text-decoration:none!important}

*,*::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;--green:#059669;
  --ink:#1a1f2e;--muted:#6b7280;--border:#e5e7eb;--surface:#f9fafb;
  --r:8px;--rl:14px;
}

/* ── NAV (identique landing) ── */
.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)}
.nla.active{color:var(--blue);font-weight:600}
.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}

/* ── PAGE HEADER ── */
.page-header{background:var(--ink);padding:56px 2rem 48px;position:relative;overflow:hidden}
.page-header-deco{position:absolute;right:-40px;top:-40px;width:320px;height:320px;opacity:.06;pointer-events:none}
.page-header-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.page-header-left{}
.page-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;color:rgba(255,255,255,.45)}
.page-breadcrumb a{color:rgba(255,255,255,.45);text-decoration:none;transition:color .15s}
.page-breadcrumb a:hover{color:#fff}
.page-breadcrumb span{color:rgba(255,255,255,.25)}
.page-header h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5vw,64px);color:#fff;letter-spacing:.5px;line-height:1;margin-bottom:10px}
.page-header h1 em{color:var(--blue-lt);font-style:normal}
.page-header-sub{font-size:16px;color:rgba(255,255,255,.6);max-width:480px;line-height:1.6}
.page-header-stats{display:flex;gap:28px;flex-shrink:0}
.hstat{text-align:center}
.hstat-n{font-family:'Bebas Neue',sans-serif;font-size:36px;color:#fff;line-height:1}
.hstat-l{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.8px;margin-top:2px}

/* ── SEARCH & FILTERS ── */
.filters-wrap{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:60px;z-index:90;padding:16px 2rem}
.filters-inner{max-width:1160px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:0 14px;flex:1;min-width:220px;transition:border-color .15s}
.search-box:focus-within{border-color:var(--blue)}
.search-box svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}
.search-box input{border:none;background:none;padding:10px 0;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink);width:100%;outline:none}
.search-box input::placeholder{color:var(--muted)}
.filter-group{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.filter-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.fpill{padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;background:#fff;white-space:nowrap}
.fpill:hover{border-color:var(--blue);color:var(--blue)}
.fpill.on{background:var(--blue);border-color:var(--blue);color:#fff}
.fpill.on.log{background:#0D2F5A;border-color:#0D2F5A}
.fpill.on.bur{background:var(--steel);border-color:var(--steel)}
.fpill.on.ret{background:var(--orange);border-color:var(--orange)}
.filter-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}
.results-count{font-size:13px;color:var(--muted);margin-left:auto;white-space:nowrap}
.results-count strong{color:var(--ink);font-weight:600}

/* ── MAIN LAYOUT ── */
.main{max-width:1160px;margin:0 auto;padding:32px 2rem 80px;display:grid;grid-template-columns:1fr;gap:20px}

/* ── JOB CARD ── */
.jcard{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:0;transition:border-color .2s,box-shadow .2s,transform .15s;cursor:pointer;display:block;text-decoration:none;overflow:hidden}
.jcard:hover{border-color:var(--blue-lt);box-shadow:0 6px 24px rgba(26,110,197,.09);transform:translateY(-1px)}
.jcard.featured{border-color:var(--blue);border-width:2px}
.jcard-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:0}
.jcard-pole-bar{width:6px;flex-shrink:0;align-self:stretch}
.jcard-pole-bar.log{background:#0D2F5A}
.jcard-pole-bar.bur{background:var(--steel)}
.jcard-pole-bar.ret{background:var(--orange)}
.jcard-body{padding:20px 24px}
.jcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.jcard-title{font-size:17px;font-weight:600;color:var(--ink);line-height:1.3}
.jcard-badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}
.badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}
.badge.log{background:#E6F1FB;color:#0C447C}
.badge.bur{background:#F7F8FA;color:#374151;border:1px solid var(--border)}
.badge.ret{background:#FFFBEB;color:#92400e}
.badge.interim{background:#EDE9FE;color:#5B21B6}
.badge.cdi{background:#ECFDF5;color:#065F46}
.badge.cdd{background:#FFF7ED;color:#92400e}
.badge.new{background:#FEF3C7;color:#92400e}
.jcard-meta{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}
.jmeta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}
.jmeta svg{width:13px;height:13px;flex-shrink:0}
.jcard-desc{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:14px}
.jcard-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.skill-tag{padding:3px 9px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--muted)}
.jcard-actions{padding:16px 20px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;min-width:140px;flex-shrink:0}
.btn-apply{background:var(--blue);color:#fff;border:none;padding:10px 20px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;text-align:center;width:100%;text-decoration:none;display:block}
.btn-apply:hover{background:var(--blue-dk)}
.btn-save{background:none;border:1.5px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;width:100%;display:flex;align-items:center;justify-content:center;gap:5px}
.btn-save:hover{border-color:var(--blue);color:var(--blue)}
.btn-save svg{width:13px;height:13px}
.jcard-date{font-size:11px;color:var(--muted);margin-top:4px}

/* ── FEATURED BANNER ── */
.featured-banner{background:var(--blue-pale);border:1px solid #B5D4F4;border-radius:6px 6px 0 0;padding:6px 24px;font-size:11px;font-weight:600;color:var(--blue-dk);letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.featured-banner svg{width:12px;height:12px}

/* ── EMPTY STATE ── */
.empty-state{text-align:center;padding:80px 2rem;display:none}
.empty-state.show{display:block}
.empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}
.empty-title{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:8px}
.empty-sub{font-size:14px;color:var(--muted);margin-bottom:24px}
.empty-cta{background:var(--blue);color:#fff;border:none;padding:12px 24px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}

/* ── SIDEBAR CTA ── */
.sticky-cta{background:var(--ink);border-radius:var(--rl);padding:28px;margin-top:8px}
.sticky-cta h3{font-family:'Bebas Neue',sans-serif;font-size:26px;color:#fff;letter-spacing:.5px;margin-bottom:8px;line-height:1}
.sticky-cta h3 em{color:var(--blue-lt);font-style:normal}
.sticky-cta p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:20px}
.sticky-cta a{display:block;background:var(--blue);color:#fff;padding:12px 16px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-align:center;text-decoration:none;transition:background .15s;margin-bottom:8px}
.sticky-cta a:hover{background:var(--blue-lt)}
.sticky-cta a.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.sticky-cta a.ghost:hover{background:rgba(255,255,255,.15)}

/* ── LAYOUT RESPONSIVE ── */
.jobs-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;max-width:1160px;margin:0 auto;padding:32px 2rem 80px;align-items:start}
.jobs-col{}
.sidebar{}
.sidebar-sticky{position:sticky;top:130px;display:flex;flex-direction:column;gap:16px}
.alert-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:20px}
.alert-box h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}
.alert-box p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.alert-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink);margin-bottom:8px;transition:border-color .15s}
.alert-input:focus{outline:none;border-color:var(--blue)}
.alert-btn{width:100%;padding:9px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}
.alert-btn:hover{background:var(--blue-dk)}

/* ── FOOTER ── */
footer{background:#0d1117;padding:36px 2rem 28px}
.fbot{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fbot-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;color:#fff;letter-spacing:1px}
.fbot-logo span{color:var(--blue-lt)}
.fbot-links{display:flex;gap:20px}
.fbot-links a{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .15s}
.fbot-links a:hover{color:#fff}
.fbot-copy{font-size:12px;color:rgba(255,255,255,.22)}

/* ── LANG ── */

@media(max-width:900px){
  .jobs-layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .page-header-stats{display:none}
  .jcard-inner{grid-template-columns:auto 1fr}
  .jcard-actions{display:none}
  .jcard-body{padding-bottom:16px}
  .jcard-body::after{content:"Postuler →";display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--blue)}
}
@media(max-width:640px){
  .filters-inner{gap:8px}
  .page-header{padding:40px 1.5rem 32px}
}

/* ── PANNEAU MÉTIERS ── */
.metiers-btn{padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;background:#fff;white-space:nowrap;display:flex;align-items:center;gap:6px}
.metiers-btn:hover{border-color:var(--blue);color:var(--blue)}
.metiers-btn.open{background:var(--blue);border-color:var(--blue);color:#fff}
.metiers-btn svg{width:12px;height:12px;transition:transform .2s}
.metiers-btn.open svg{transform:rotate(180deg)}
.metiers-panel{display:none;background:#fff;border-bottom:1px solid var(--border);padding:20px 2rem}
.metiers-panel.show{display:block}
.metiers-panel-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.metiers-col-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid}
.metiers-col-title.ifr,.metiers-col-title.inl,.metiers-col-title.ien{display:none}
.metiers-col-title.log{color:#0D2F5A;border-color:#0D2F5A}
.metiers-col-title.bur{color:var(--steel);border-color:var(--steel)}
.metiers-col-title.ret{color:var(--orange);border-color:var(--orange)}
.metier-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;margin:0 4px 6px 0;border:1.5px solid transparent}
.metier-pill.log{background:#E6F1FB;color:#0D2F5A;border-color:#B5D4F4}
.metier-pill.log:hover,.metier-pill.log.on{background:#0D2F5A;color:#fff;border-color:#0D2F5A}
.metier-pill.bur{background:#F7F8FA;color:#374151;border-color:#D1D5DB}
.metier-pill.bur:hover,.metier-pill.bur.on{background:var(--steel);color:#fff;border-color:var(--steel)}
.metier-pill.ret{background:#FFFBEB;color:#92400e;border-color:#FDE68A}
.metier-pill.ret:hover,.metier-pill.ret.on{background:var(--orange);color:#fff;border-color:var(--orange)}

/* ── DRAWER FICHE MÉTIER ── */

/* ── MODALE FICHE MÉTIER ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;align-items:center;justify-content:center;padding:20px}
.modal-overlay.show{display:flex}
.modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.modal-header{padding:24px 28px 0;flex-shrink:0}
.modal-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.modal-pole-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.modal-pole-tag.log{background:#E6F1FB;color:#0D2F5A}
.modal-pole-tag.bur{background:#F7F8FA;color:#374151}
.modal-pole-tag.ret{background:#FFFBEB;color:#92400e}
.modal-title{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--ink);letter-spacing:.5px;line-height:1;margin-top:6px}
.modal-close{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.modal-close:hover{background:var(--surface)}
.modal-close svg{width:16px;height:16px;color:var(--muted)}
.modal-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:0 -28px;padding:0 28px;overflow-x:auto}
.modal-tab{padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s;background:none;border-left:none;border-right:none;border-top:none;font-family:'DM Sans',sans-serif}
.modal-tab:hover{color:var(--ink)}
.modal-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.modal-body{flex:1;overflow-y:auto;padding:24px 28px}
.modal-panel{display:none}
.modal-panel.active{display:block}
/* Description */
.modal-desc{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px}
.modal-section-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.modal-tag{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--ink)}
/* Niveaux */
.niveau-card{border:1px solid var(--border);border-radius:var(--rl);padding:16px 20px;margin-bottom:12px;position:relative;overflow:hidden}
.niveau-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}
.niveau-card.n1::before{background:#10B981}
.niveau-card.n2::before{background:#F59E0B}
.niveau-card.n3::before{background:#3B8FE0}
.niveau-name{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px}
.niveau-desc{font-size:13px;color:var(--muted);line-height:1.6}
.niveau-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-bottom:8px}
.niveau-badge.n1{background:#ECFDF5;color:#065F46}
.niveau-badge.n2{background:#FFF7ED;color:#92400E}
.niveau-badge.n3{background:#EFF6FF;color:#1E40AF}
/* Compétences */
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.comp-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);line-height:1.5}
.comp-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0}
.comp-dot.req{background:#10B981}
.comp-dot.plus{background:#F59E0B}
/* Opportunités */
.opp-card{background:var(--surface);border-radius:var(--r);padding:14px 16px;margin-bottom:10px;display:flex;gap:12px;align-items:flex-start}
.opp-icon{font-size:20px;flex-shrink:0}
.opp-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px}
.opp-text{font-size:12px;color:var(--muted);line-height:1.55}
/* Postuler */
.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--r);padding:10px 14px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink);outline:none;transition:border .15s;background:#fff}
.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--blue)}
.modal-form label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:5px}
.modal-form .frow{margin-bottom:14px}
.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-submit{width:100%;background:var(--blue);color:#fff;border:none;padding:13px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:4px}
.modal-submit:hover{background:var(--blue-dk)}
.legend{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:var(--muted)}
.legend-item{display:flex;align-items:center;gap:5px}

/* ── 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.interimbruxelles.be/offres-emploi-interim-bruxelles.html">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.interimbruxelles.be/offres.html">
  <meta property="og:site_name" content="Allo Interim SA">
  <meta property="og:title" content="Offres d'emploi intérim Bruxelles — Logistique · Bureautique · Retail | Allo Interim">
  <meta property="og:description" content="Toutes les offres d'emploi intérim et CDI à Bruxelles : chauffeurs, caristes, assistants, vendeurs. Filtrez par pôle, lieu, disponibilité.">
  <meta property="og:image" content="https://www.interimbruxelles.be/og-offres.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="Offres d'emploi intérim Bruxelles — Logistique · Bureautique · Retail | Allo Interim">
  <meta name="twitter:description" content="Toutes les offres d'emploi intérim et CDI à Bruxelles : chauffeurs, caristes, assistants, vendeurs. Filtrez par pôle, lieu, disponibilité.">
  <meta name="twitter:image" content="https://www.interimbruxelles.be/og-offres.jpg">
  <link rel="alternate" hreflang="fr" href="https://www.interimbruxelles.be/offres.html">
  <link rel="alternate" hreflang="nl" href="https://www.interimbruxelles.be/offres.html">
  <link rel="alternate" hreflang="en" href="https://www.interimbruxelles.be/offres.html">
  <link rel="alternate" hreflang="x-default" href="https://www.interimbruxelles.be/offres.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.interimbruxelles.be","logo":"https://www.interimbruxelles.be/logo.jpeg","telephone":"+3225343800","email":"info@interimbruxelles.be","address":{"@type":"PostalAddress","streetAddress":"Avenue du Roi 22","addressLocality":"Saint-Gilles","postalCode":"1060","addressCountry":"BE"},"areaServed":"Brussels","description":"Agence d'intérim spécialisée logistique, bureautique et retail à Bruxelles. 30+ ans d'expérience.","openingHours":"Mo-Fr 08:30-17:00","priceRange":"$$","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","reviewCount":"47"}}</script>
</head>
<body data-lang="fr">

<!-- ═══ NAV ═══ -->
<nav class="nav">
  <div class="nav-i">
    <a href="index.html" class="logo"><img  alt="Allo Interim" style="height:38px;width:auto;display:block" class="lws-optimize-lazyload" data-src="data:image/jpeg;base64,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"><span class="logo-t">ALLO <span>INTERIM</span></span></a>
    <div class="nav-links">
      <a href="offres-emploi-interim-bruxelles.html" class="nla ifr">Nos offres</a>
      <a href="offres-emploi-interim-bruxelles.html" class="nla inl">Vacatures</a>
      <a href="offres-emploi-interim-bruxelles.html" class="nla ien">Jobs</a>
      <a href="expertise-interim-bruxelles.html" class="nla ifr">Nos expertises</a>
      <a href="expertise-interim-bruxelles.html" class="nla inl">Onze expertises</a>
      <a href="expertise-interim-bruxelles.html" class="nla ien">Our expertise</a>
      <a href="agence-interim-bruxelles.html" class="nla ifr">À propos</a>
      <a href="agence-interim-bruxelles.html" class="nla inl">Over ons</a>
      <a href="agence-interim-bruxelles.html" class="nla ien">About</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla ifr">Blog RH</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla inl">HR Blog</a>
      <a href="conseils-emploi-interim-bruxelles.html" class="nla ien">HR Blog</a>
      <a href="espace-employeur-interim-bruxelles.html" class="nla ifr">Employeurs</a>
      <a href="espace-employeur-interim-bruxelles.html" class="nla inl">Werkgevers</a>
      <a href="espace-employeur-interim-bruxelles.html" class="nla ien">Employers</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ncta ifr">Je postule</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ncta inl">Solliciteren</a>
      <a href="postuler-emploi-interim-bruxelles.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>

<!-- ═══ PAGE HEADER ═══ -->
<div class="page-header">
  <svg class="page-header-deco" viewBox="0 0 320 320" fill="none">
    <polygon points="160,0 320,277 0,277" stroke="white" stroke-width="1"/>
    <polygon points="160,32 296,256 24,256" stroke="#1A6EC5" stroke-width="1"/>
  </svg>
  <div class="page-header-inner">
    <div class="page-header-left">
      <div class="page-breadcrumb">
        <a href="index.html" class="ifr">Accueil</a>
        <a href="index.html" class="inl">Home</a>
        <a href="index.html" class="ien">Home</a>
        <span>›</span>
        <span class="ifr">Nos offres</span>
        <span class="inl">Vacatures</span>
        <span class="ien">Jobs</span>
      </div>
      <h1 class="fr">NOS OFFRES<br><em>D&rsquo;EMPLOI</em></h1>
      <h1 class="nl">ONZE<br><em>VACATURES</em></h1>
      <h1 class="en">CURRENT<br><em>OPENINGS</em></h1>
      <p class="page-header-sub fr">Logistique, Bureautique, Retail — des missions qui correspondent à votre expérience, en intérim ou en fixe, à Bruxelles et en périphérie.</p>
      <p class="page-header-sub nl">Logistiek, Administratie, Retail — opdrachten die overeenkomen met uw ervaring, tijdelijk of vast, in Brussel en omgeving.</p>
      <p class="page-header-sub en">Logistics, Office, Retail — roles that match your experience, temp or permanent, in Brussels and surroundings.</p>
    </div>
    <div class="page-header-stats">
      <div class="hstat">
        <div class="hstat-n" id="count-display">12</div>
        <div class="hstat-l fr">Offres actives</div>
        <div class="hstat-l nl">Actieve vacatures</div>
        <div class="hstat-l en">Active roles</div>
      </div>
      <div class="hstat">
        <div class="hstat-n">3</div>
        <div class="hstat-l fr">Pôles</div>
        <div class="hstat-l nl">Sectoren</div>
        <div class="hstat-l en">Sectors</div>
      </div>
      <div class="hstat">
        <div class="hstat-n">✓</div>
        <div class="hstat-l fr">Réponse garantie</div>
        <div class="hstat-l nl">Gegarandeerd antwoord</div>
        <div class="hstat-l en">Guaranteed reply</div>
      </div>
    </div>
  </div>
</div>

<!-- ═══ OFFRES INDEED ═══ -->
<section style="background:#fff;border-top:1px solid var(--border);padding:56px 2rem 64px">
  <div style="max-width:1160px;margin:0 auto">

    <!-- En-tête -->
    <div style="display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:36px">
      <div>
        <p style="font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:6px">
          <span class="ifr">En temps réel</span><span class="inl">In real time</span><span class="ien">Live</span>
        </p>
        <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,42px);color:var(--ink);letter-spacing:.5px;line-height:1">
          <span class="ifr">OFFRES DU <em style="color:var(--blue)">MOMENT</em></span>
          <span class="inl">ACTUELE <em style="color:var(--blue)">VACATURES</em></span>
          <span class="ien">LIVE <em style="color:var(--blue)">JOBS</em></span>
        </h2>
        <p style="font-size:14px;color:var(--muted);margin-top:8px">
          <span class="ifr">Nos offres actives publiées sur Indeed — mises à jour en temps réel</span>
          <span class="inl">Onze actieve vacatures gepubliceerd op Indeed — in real time bijgewerkt</span>
          <span class="ien">Our active roles published on Indeed — updated in real time</span>
        </p>
      </div>
      <a href="https://www.indeed.com/cmp/Allo-Int%C3%A9rim/jobs" target="_blank" rel="noopener"
         style="display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:11px 20px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;transition:background .15s"
         onmouseover="this.style.background='var(--blue-dk)'" onmouseout="this.style.background='var(--blue)'">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15,3 21,3 21,9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
        <span class="ifr">Voir toutes nos offres Indeed</span>
        <span class="inl">Alle vacatures op Indeed</span>
        <span class="ien">All jobs on Indeed</span>
      </a>
    </div>

    <!-- Widget Indeed -->
    <div id="indeed-widget-container" style="min-height:200px">

      <!-- État de chargement -->
      <div id="indeed-loading" style="text-align:center;padding:48px 0;color:var(--muted)">
        <div style="font-size:32px;margin-bottom:12px;opacity:.3">⟳</div>
        <p style="font-size:14px" class="ifr">Chargement des offres Indeed&#8230;</p>
        <p style="font-size:14px" class="inl">Vacatures laden&#8230;</p>
        <p style="font-size:14px" class="ien">Loading Indeed jobs&#8230;</p>
      </div>

      <!-- Grille d'offres (remplie par JS) -->
      <div id="indeed-jobs-grid" style="display:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px"></div>

      <!-- État vide -->
      <div id="indeed-empty" style="display:none;text-align:center;padding:48px 24px;border:1.5px dashed var(--border);border-radius:var(--rl)">
        <div style="font-size:32px;margin-bottom:12px"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px" class="ifr">Aucune offre active en ce moment</p>
        <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px" class="inl">Momenteel geen actieve vacatures</p>
        <p style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px" class="ien">No active roles at the moment</p>
        <p style="font-size:13px;color:var(--muted);margin-bottom:20px" class="ifr">Déposez votre candidature spontanée — nous vous contactons dès qu&rsquo;une opportunité se présente.</p>
        <p style="font-size:13px;color:var(--muted);margin-bottom:20px" class="inl">Dien een spontane kandidatuur in — we nemen contact op zodra er een kans is.</p>
        <p style="font-size:13px;color:var(--muted);margin-bottom:20px" class="ien">Submit a spontaneous application — we&rsquo;ll contact you when an opportunity arises.</p>
        <a href="postuler-emploi-interim-bruxelles.html" style="display:inline-block;background:var(--blue);color:#fff;padding:10px 22px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none">
          <span class="ifr">Candidature spontanée →</span><span class="inl">Spontane kandidatuur →</span><span class="ien">Spontaneous application →</span>
        </a>
      </div>

    </div>

    <!-- Powered by Indeed -->
    <div style="text-align:center;margin-top:24px;font-size:12px;color:var(--muted)">
      <span class="ifr">Offres publiées via </span>
      <span class="inl">Vacatures gepubliceerd via </span>
      <span class="ien">Jobs published via </span>
      <a href="https://www.indeed.com/cmp/Allo-Int%C3%A9rim" target="_blank" rel="noopener"
         style="color:var(--blue);font-weight:600;text-decoration:none">Indeed · Allo Intérim</a>
    </div>

  </div>
</section>

<script>
(function() {
  // ── Configuration Indeed ──
  const INDEED_CMP    = 'Allo-Int%C3%A9rim';   // slug entreprise Indeed
  const INDEED_CITY   = 'Bruxelles';
  const INDEED_RADIUS = '25';                    // km
  const MAX_JOBS      = 9;

  // ── Couleurs par pôle ──
  const POLE_STYLE = {
    log: { bg:'#E6F1FB', color:'#0D2F5A', label:'&#x1f69b; Logistique' },
    bur: { bg:'#F7F8FA', color:'#374151', label:'&#x1f4bc; Bureautique' },
    ret: { bg:'#FFFBEB', color:'#92400e', label:'&#x1f6cd; Retail' }
  };

  function detectPole(title) {
    const t = (title||'').toLowerCase();
    if(t.match(/chauffeur|cariste|caces|magasinier|entrepôt|logistique|transport|préparateur|livreur/)) return 'log';
    if(t.match(/secretaire|secrétaire|assistant|comptable|office|rh|hr|administratif|bureautique/)) return 'bur';
    if(t.match(/vendeur|caissier|rayon|retail|commerce|merchandis|boutique|magasin/)) return 'ret';
    return null;
  }

  function timeAgo(dateStr) {
    const diff = Math.floor((Date.now() - new Date(dateStr)) / 86400000);
    const l = document.body.classList.contains('ln') ? 'nl' : document.body.classList.contains('le') ? 'en' : 'fr';
    if(diff === 0) return l==='nl'?'Vandaag':l==='en'?'Today':'Aujourd\u2019hui';
    if(diff === 1) return l==='nl'?'Gisteren':l==='en'?'Yesterday':'Hier';
    return l==='nl'?`${diff} dagen geleden`:l==='en'?`${diff} days ago`:`Il y a ${diff} jours`;
  }

  function renderJob(job) {
    const pole = detectPole(job.title);
    const ps = pole ? POLE_STYLE[pole] : null;
    const l = document.body.classList.contains('ln') ? 'nl' : document.body.classList.contains('le') ? 'en' : 'fr';
    return `<a href="${job.link}" target="_blank" rel="noopener" style="display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s;cursor:pointer" onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 8px 24px rgba(0,0,0,.1)'" onmouseout="this.style.transform='';this.style.boxShadow=''">
      ${ps ? `<span style="display:inline-flex;align-items:center;gap:5px;background:${ps.bg};color:${ps.color};padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;width:fit-content">${ps.label}</span>` : ''}
      <div style="font-size:15px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:8px;flex:1">${job.title}</div>
      <div style="display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:6px">
        <svg width="12" height="12" 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>
        ${job.location || 'Bruxelles'}
      </div>
      <div style="display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)">
        <span style="font-size:11px;color:var(--muted)">${job.pubDate ? timeAgo(job.pubDate) : ''}</span>
        <span style="font-size:12px;font-weight:600;color:var(--blue)">${l==='nl'?'Solliciteren →':l==='en'?'Apply →':'Postuler →'}</span>
      </div>
    </a>`;
  }

  function loadIndeedJobs() {
    // Indeed ne fournit pas d'API CORS publique — on utilise un proxy RSS public
    // URL Indeed RSS pour cette entreprise
    const rssUrl = `https://www.indeed.com/rss?q=${encodeURIComponent('"Allo Int%C3%A9rim"')}&l=${encodeURIComponent(INDEED_CITY)}&radius=${INDEED_RADIUS}&fromage=30`;
    const proxyUrl = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent('https://www.indeed.com/rss?q=&l=Bruxelles&fromage=30&limit=20&cmp=' + INDEED_CMP)}`;

    fetch(proxyUrl)
      .then(r => r.json())
      .then(data => {
        const loading = document.getElementById('indeed-loading');
        const grid    = document.getElementById('indeed-jobs-grid');
        const empty   = document.getElementById('indeed-empty');

        loading.style.display = 'none';

        const items = (data.items || []).slice(0, MAX_JOBS);
        if(!items.length) {
          empty.style.display = 'block';
          return;
        }

        grid.style.display = 'grid';
        grid.innerHTML = items.map(item => renderJob({
          title:    item.title,
          link:     item.link,
          location: item.categories?.[0] || INDEED_CITY,
          pubDate:  item.pubDate,
          desc:     item.description
        })).join('');
      })
      .catch(() => {
        // En cas d'erreur CORS ou réseau — afficher le lien Indeed direct
        document.getElementById('indeed-loading').innerHTML = `
          <div style="text-align:center;padding:32px;border:1.5px dashed var(--border);border-radius:var(--rl)">
            <p style="font-size:14px;color:var(--muted);margin-bottom:16px" class="ifr">Consultez nos offres directement sur Indeed</p>
            <p style="font-size:14px;color:var(--muted);margin-bottom:16px" class="inl">Bekijk onze vacatures direct op Indeed</p>
            <p style="font-size:14px;color:var(--muted);margin-bottom:16px" class="ien">View our jobs directly on Indeed</p>
            <a href="https://www.indeed.com/cmp/Allo-Int%C3%A9rim/jobs" target="_blank" rel="noopener"
               style="display:inline-block;background:var(--blue);color:#fff;padding:11px 24px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none">
              <span class="ifr">Voir nos offres sur Indeed →</span>
              <span class="inl">Vacatures op Indeed →</span>
              <span class="ien">View jobs on Indeed →</span>
            </a>
          </div>`;
      });
  }

  // Charger au scroll (lazy) ou immédiatement si visible
  if('IntersectionObserver' in window) {
    const obs = new IntersectionObserver(entries => {
      if(entries[0].isIntersecting) { loadIndeedJobs(); obs.disconnect(); }
    }, { threshold: 0.1 });
    obs.observe(document.getElementById('indeed-widget-container'));
  } else {
    loadIndeedJobs();
  }
})();
</script>


<!-- ═══ FILTRES ═══ -->
<div class="filters-wrap">
  <div class="filters-inner">
    <div class="search-box">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
      <input type="text" id="search-kw" placeholder="Chauffeur, comptable, vendeur…" oninput="applyFilters()">
    </div>

    <div class="filter-sep"></div>

    <div class="filter-group">
      <span class="filter-label ifr">Pôle</span>
      <span class="filter-label inl">Sector</span>
      <span class="filter-label ien">Sector</span>
      <button class="fpill on" data-filter="pole" data-value="all" onclick="toggleFilter(this)">
        <span class="ifr">Tous</span><span class="inl">Alle</span><span class="ien">All</span>
      </button>
      <button class="fpill log" data-filter="pole" data-value="log" onclick="toggleFilter(this)">
        <span class="ifr">Logistique</span><span class="inl">Logistiek</span><span class="ien">Logistics</span>
      </button>
      <button class="fpill bur" data-filter="pole" data-value="bur" onclick="toggleFilter(this)">
        <span class="ifr">Bureautique</span><span class="inl">Administratie</span><span class="ien">Office</span>
      </button>
      <button class="fpill ret" data-filter="pole" data-value="ret" onclick="toggleFilter(this)">Retail</button>
    </div>

    <div class="filter-sep"></div>

    <div class="filter-group">
      <span class="filter-label ifr">Lieu</span>
      <span class="filter-label inl">Locatie</span>
      <span class="filter-label ien">Location</span>
      <button class="fpill on" data-filter="lieu" data-value="all" onclick="toggleFilter(this)">
        <span class="ifr">Tous</span><span class="inl">Alle</span><span class="ien">All</span>
      </button>
      <button class="fpill" data-filter="lieu" data-value="bxl" onclick="toggleFilter(this)">Bruxelles</button>
      <button class="fpill" data-filter="lieu" data-value="peri" onclick="toggleFilter(this)">
        <span class="ifr">Périphérie</span><span class="inl">Rand</span><span class="ien">Suburbs</span>
      </button>
    </div>

    <div class="filter-sep"></div>

    <div class="filter-group">
      <span class="filter-label ifr">Dispo</span>
      <span class="filter-label inl">Beschikbaar</span>
      <span class="filter-label ien">Available</span>
      <button class="fpill on" data-filter="dispo" data-value="all" onclick="toggleFilter(this)">
        <span class="ifr">Toutes</span><span class="inl">Alle</span><span class="ien">All</span>
      </button>
      <button class="fpill" data-filter="dispo" data-value="now" onclick="toggleFilter(this)">
        <span class="ifr">Immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span>
      </button>
      <button class="fpill" data-filter="dispo" data-value="2w" onclick="toggleFilter(this)">
        <span class="ifr">Sous 2 semaines</span><span class="inl">Binnen 2 weken</span><span class="ien">Within 2 weeks</span>
      </button>
    </div>


    <span class="results-count" id="results-count">
      <strong>12</strong> <span class="ifr">offres</span><span class="inl">vacatures</span><span class="ien">jobs</span>
    </span>
  </div>
</div>


<!-- ═══ CONTENU ═══ -->
<div class="jobs-layout">
  <div class="jobs-col">

    <div id="jobs-list">

      <!-- ── OFFRE 1 — Featured ── -->
      <div class="jcard featured" data-pole="log" data-lieu="bxl" data-dispo="now" data-type="interim" data-metier="chauffeur-b">
        <div class="featured-banner">
          <svg 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>
          <span class="ifr">Mission urgente</span><span class="inl">Dringende opdracht</span><span class="ien">Urgent role</span>
        </div>
        <div class="jcard-inner">
          <div class="jcard-pole-bar log"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Chauffeur livreur Permis B — Zone urbaine</span>
              <span class="jcard-title nl">Bezorger Rijbewijs B — Stedelijk gebied</span>
              <span class="jcard-title en">Delivery driver Licence B — Urban zone</span>
              <div class="jcard-badges">
                <span class="badge log fr">Logistique</span><span class="badge log nl">Logistiek</span><span class="badge log en">Logistics</span>
                <span class="badge interim">Intérim</span>
                <span class="badge new ifr">Nouveau</span><span class="badge new inl">Nieuw</span><span class="badge new ien">New</span>
              </div>
            </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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk beschikbaar</span><span class="ien">Immediate start</span></span>
            </div>
            <p class="jcard-desc fr">Livraison de colis en zone urbaine bruxelloise pour un client spécialisé en e-commerce. Permis B requis, connaissance du réseau bruxellois un atout. Ambiance jeune et dynamique.</p>
            <p class="jcard-desc nl">Pakketbezorging in stedelijk Brussels gebied voor een e-commerce klant. Rijbewijs B vereist, kennis van het Brusselse netwerk een troef. Jonge en dynamische sfeer.</p>
            <p class="jcard-desc en">Parcel delivery in the Brussels urban zone for an e-commerce specialist. B licence required, knowledge of Brussels road network a plus. Young and dynamic environment.</p>
            <div class="jcard-skills">
              <span class="skill-tag">Permis B</span>
              <span class="skill-tag fr">Connaissance Bruxelles</span><span class="skill-tag nl">Kennis Brussel</span><span class="skill-tag en">Brussels knowledge</span>
              <span class="skill-tag">FR/NL</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 2 jours</div>
            <div class="jcard-date inl">Geplaatst 2 dagen geleden</div>
            <div class="jcard-date ien">Posted 2 days ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 2 ── -->
      <div class="jcard" data-pole="log" data-lieu="peri" data-dispo="now" data-type="cdi" data-metier="cariste">
        <div class="jcard-inner">
          <div class="jcard-pole-bar log"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Cariste CACES 3 — Entrepôt logistique</span>
              <span class="jcard-title nl">Heftruckchauffeur CACES 3 — Logistiek magazijn</span>
              <span class="jcard-title en">Forklift operator CACES 3 — Logistics warehouse</span>
              <div class="jcard-badges">
                <span class="badge log fr">Logistique</span><span class="badge log nl">Logistiek</span><span class="badge log en">Logistics</span>
                <span class="badge cdi">CDI</span>
              </div>
            </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>Vilvoorde</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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
            </div>
            <p class="jcard-desc fr">Grande surface logistique en périphérie nord de Bruxelles recherche cariste expérimenté. CACES 3 obligatoire, CACES 5 un plus. Horaires de jour fixes, prime de transport.</p>
            <p class="jcard-desc nl">Groot logistiek bedrijf in het noorden van Brussel zoekt ervaren heftruckchauffeur. CACES 3 verplicht, CACES 5 is een plus. Vaste dagtijden, vervoervergoeding.</p>
            <p class="jcard-desc en">Large logistics hub north of Brussels seeks experienced forklift operator. CACES 3 mandatory, CACES 5 a plus. Fixed day shifts, transport allowance.</p>
            <div class="jcard-skills">
              <span class="skill-tag">CACES 3</span>
              <span class="skill-tag">CACES 5</span>
              <span class="skill-tag fr">3 ans d&rsquo;expérience min.</span><span class="skill-tag nl">Min. 3 jaar ervaring</span><span class="skill-tag en">3+ years experience</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 5 jours</div>
            <div class="jcard-date inl">5 dagen geleden</div>
            <div class="jcard-date ien">5 days ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 3 ── -->
      <div class="jcard" data-pole="bur" data-lieu="bxl" data-dispo="now" data-type="interim" data-metier="assistant">
        <div class="jcard-inner">
          <div class="jcard-pole-bar bur"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Assistant(e) administratif bilingue FR/NL</span>
              <span class="jcard-title nl">Tweetalig administratief medewerker FR/NL</span>
              <span class="jcard-title en">Bilingual admin assistant FR/NL</span>
              <div class="jcard-badges">
                <span class="badge bur fr">Bureautique</span><span class="badge bur nl">Administratie</span><span class="badge bur en">Office</span>
                <span class="badge interim">Intérim</span>
              </div>
            </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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
            </div>
            <p class="jcard-desc fr">PME bruxelloise du secteur des services recherche un(e) assistant(e) administratif(ve) bilingue pour gérer l&rsquo;agenda, le courrier et l&rsquo;accueil. Maîtrise MS Office indispensable.</p>
            <p class="jcard-desc nl">Brusselse KMO in de dienstensector zoekt tweetalig administratief medewerker voor agenda, post en onthaal. MS Office beheersing is onmisbaar.</p>
            <p class="jcard-desc en">Brussels SME in the services sector seeks a bilingual admin assistant for diary, mail and reception management. MS Office proficiency essential.</p>
            <div class="jcard-skills">
              <span class="skill-tag">FR/NL bilingue</span>
              <span class="skill-tag">MS Office</span>
              <span class="skill-tag fr">Expérience accueil</span><span class="skill-tag nl">Onthaalbeheer</span><span class="skill-tag en">Reception experience</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 3 jours</div>
            <div class="jcard-date inl">3 dagen geleden</div>
            <div class="jcard-date ien">3 days ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 4 ── -->
      <div class="jcard" data-pole="bur" data-lieu="bxl" data-dispo="2w" data-type="cdi" data-metier="comptable">
        <div class="jcard-inner">
          <div class="jcard-pole-bar bur"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Comptable — PME secteur construction</span>
              <span class="jcard-title nl">Boekhouder — KMO bouwsector</span>
              <span class="jcard-title en">Accountant — Construction SME</span>
              <div class="jcard-badges">
                <span class="badge bur fr">Bureautique</span><span class="badge bur nl">Administratie</span><span class="badge bur en">Office</span>
                <span class="badge cdi">CDI</span>
              </div>
            </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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Sous 2 semaines</span><span class="inl">Binnen 2 weken</span><span class="ien">Within 2 weeks</span></span>
            </div>
            <p class="jcard-desc fr">PME du bâtiment (15 personnes) recherche comptable confirmé(e) pour gérer la comptabilité générale, TVA, salaires et bilans. Logiciel BOB/Winbooks maîtrisé de préférence.</p>
            <p class="jcard-desc nl">Bouwbedrijf (15 personen) zoekt ervaren boekhouder voor algemene boekhouding, BTW, lonen en jaarrekeningen. BOB/Winbooks kennis is een voordeel.</p>
            <p class="jcard-desc en">Construction company (15 staff) seeks experienced accountant for general accounting, VAT, payroll and annual accounts. BOB/Winbooks knowledge preferred.</p>
            <div class="jcard-skills">
              <span class="skill-tag">BOB / Winbooks</span>
              <span class="skill-tag">TVA / BTW</span>
              <span class="skill-tag fr">5 ans d&rsquo;expérience</span><span class="skill-tag nl">5 jaar ervaring</span><span class="skill-tag en">5 years experience</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 1 semaine</div>
            <div class="jcard-date inl">1 week geleden</div>
            <div class="jcard-date ien">1 week ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 5 ── -->
      <div class="jcard" data-pole="ret" data-lieu="bxl" data-dispo="now" data-type="interim" data-metier="vendeur">
        <div class="jcard-inner">
          <div class="jcard-pole-bar ret"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Vendeur(se) textile — Centre commercial</span>
              <span class="jcard-title nl">Textielverkoper(ster) — Winkelcentrum</span>
              <span class="jcard-title en">Textile sales associate — Shopping centre</span>
              <div class="jcard-badges">
                <span class="badge ret">Retail</span>
                <span class="badge interim">Intérim</span>
              </div>
            </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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
            </div>
            <p class="jcard-desc fr">Enseigne de prêt-à-porter haut de gamme en centre commercial cherche vendeur(se) pour renforcer l&rsquo;équipe. Sens du service, présentation soignée. Week-ends inclus, commission sur ventes.</p>
            <p class="jcard-desc nl">Modemerk in winkelcentrum zoekt verkoopsmedewerker voor teamversterking. Klantgerichtheid, verzorgd voorkomen. Weekends inbegrepen, verkoopscommissie.</p>
            <p class="jcard-desc en">Upmarket fashion brand in shopping centre seeks sales associate to strengthen the team. Customer focus, smart presentation. Weekends included, sales commission.</p>
            <div class="jcard-skills">
              <span class="skill-tag fr">Sens du conseil</span><span class="skill-tag nl">Adviesvaardigheden</span><span class="skill-tag en">Advisory skills</span>
              <span class="skill-tag">FR / NL / EN</span>
              <span class="skill-tag fr">Expérience retail</span><span class="skill-tag nl">Retailervaring</span><span class="skill-tag en">Retail experience</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 4 jours</div>
            <div class="jcard-date inl">4 dagen geleden</div>
            <div class="jcard-date ien">4 days ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 6 ── -->
      <div class="jcard" data-pole="ret" data-lieu="peri" data-dispo="2w" data-type="cdi" data-metier="rayon">
        <div class="jcard-inner">
          <div class="jcard-pole-bar ret"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Responsable rayon alimentaire — Grande surface</span>
              <span class="jcard-title nl">Afdelingshoofd voeding — Supermarkt</span>
              <span class="jcard-title en">Food department manager — Supermarket</span>
              <div class="jcard-badges">
                <span class="badge ret">Retail</span>
                <span class="badge cdi">CDI</span>
              </div>
            </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>Waterloo</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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Sous 2 semaines</span><span class="inl">Binnen 2 weken</span><span class="ien">Within 2 weeks</span></span>
            </div>
            <p class="jcard-desc fr">Grande surface du sud de Bruxelles recherche responsable rayon alimentaire expérimenté(e). Gestion équipe de 6 personnes, commandes, gestion des dates. Poste évolutif.</p>
            <p class="jcard-desc nl">Supermarkt ten zuiden van Brussel zoekt ervaren afdelingshoofd voor voedingsafdeling. Team van 6 personen, bestellingen, houdbaarheidsbeheer. Doorgroeimogelijkheden.</p>
            <p class="jcard-desc en">Supermarket south of Brussels seeks experienced food department manager. Team of 6, ordering, date management. Growth opportunities.</p>
            <div class="jcard-skills">
              <span class="skill-tag fr">Gestion équipe</span><span class="skill-tag nl">Teammanagement</span><span class="skill-tag en">Team management</span>
              <span class="skill-tag fr">3 ans retail min.</span><span class="skill-tag nl">Min. 3 jaar retail</span><span class="skill-tag en">3+ years retail</span>
              <span class="skill-tag">FR / NL</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 6 jours</div>
            <div class="jcard-date inl">6 dagen geleden</div>
            <div class="jcard-date ien">6 days ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 7 ── -->
      <div class="jcard" data-pole="log" data-lieu="peri" data-dispo="now" data-type="interim" data-metier="preparateur">
        <div class="jcard-inner">
          <div class="jcard-pole-bar log"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Préparateur de commandes — Nuit</span>
              <span class="jcard-title nl">Orderpicker — Nachtploeg</span>
              <span class="jcard-title en">Order picker — Night shift</span>
              <div class="jcard-badges">
                <span class="badge log fr">Logistique</span><span class="badge log nl">Logistiek</span><span class="badge log en">Logistics</span>
                <span class="badge interim">Intérim</span>
              </div>
            </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>Zaventem</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 — nuit</span><span class="inl">Voltijds — nacht</span><span class="ien">Full time — nights</span></span>
              <span class="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Dispo immédiate</span><span class="inl">Onmiddellijk</span><span class="ien">Immediate</span></span>
            </div>
            <p class="jcard-desc fr">Entrepôt proche de l&rsquo;aéroport recherche préparateurs de commandes pour équipe de nuit (22h–6h). Prime de nuit + navette depuis Bruxelles. Débutants acceptés si motivation.</p>
            <p class="jcard-desc nl">Magazijn nabij de luchthaven zoekt orderpickers voor nachtploeg (22u–6u). Nachtpremie + pendeldienst vanuit Brussel. Beginners welkom mits motivatie.</p>
            <p class="jcard-desc en">Warehouse near the airport seeks order pickers for night shift (10pm–6am). Night bonus + shuttle from Brussels. Beginners welcome if motivated.</p>
            <div class="jcard-skills">
              <span class="skill-tag fr">Horaires nuit</span><span class="skill-tag nl">Nachtwerk</span><span class="skill-tag en">Night shifts</span>
              <span class="skill-tag fr">Scanner / PDA</span><span class="skill-tag nl">Scanner / PDA</span><span class="skill-tag en">Scanner / PDA</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 2 jours</div>
            <div class="jcard-date inl">2 dagen geleden</div>
            <div class="jcard-date ien">2 days ago</div>
          </div>
        </div>
      </div>

      <!-- ── OFFRE 8 ── -->
      <div class="jcard" data-pole="bur" data-lieu="bxl" data-dispo="2w" data-type="interim" data-metier="office-manager">
        <div class="jcard-inner">
          <div class="jcard-pole-bar bur"></div>
          <div class="jcard-body">
            <div class="jcard-top">
              <span class="jcard-title fr">Office Manager — Start-up tech</span>
              <span class="jcard-title nl">Office Manager — Tech start-up</span>
              <span class="jcard-title en">Office Manager — Tech start-up</span>
              <div class="jcard-badges">
                <span class="badge bur fr">Bureautique</span><span class="badge bur nl">Administratie</span><span class="badge bur en">Office</span>
                <span class="badge cdd">CDD 6 mois</span>
              </div>
            </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>Ixelles / Elsene</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="jmeta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="ifr">Sous 2 semaines</span><span class="inl">Binnen 2 weken</span><span class="ien">Within 2 weeks</span></span>
            </div>
            <p class="jcard-desc fr">Start-up tech en forte croissance (50 personnes) cherche un(e) Office Manager polyvalent(e). Gestion des fournisseurs, organisation d&rsquo;événements, support RH et direction. Anglais courant requis.</p>
            <p class="jcard-desc nl">Snel groeiende tech start-up (50 personen) zoekt veelzijdige Office Manager. Leveranciersbeheer, evenementen, HR- en directieondersteuning. Vloeiend Engels vereist.</p>
            <p class="jcard-desc en">Fast-growing tech start-up (50 people) seeks versatile Office Manager. Vendor management, events organisation, HR and executive support. Fluent English required.</p>
            <div class="jcard-skills">
              <span class="skill-tag">FR / NL / EN</span>
              <span class="skill-tag">G Suite / Notion</span>
              <span class="skill-tag fr">Autonomie</span><span class="skill-tag nl">Zelfstandigheid</span><span class="skill-tag en">Autonomy</span>
            </div>
          </div>
          <div class="jcard-actions">
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ifr">Postuler →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply inl">Solliciteren →</a>
            <a href="espace-candidat-interim-bruxelles.html" class="btn-apply ien">Apply →</a>
            <button class="btn-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg><span class="ifr">Sauvegarder</span><span class="inl">Opslaan</span><span class="ien">Save</span></button>
            <div class="jcard-date ifr">Publié il y a 3 jours</div>
            <div class="jcard-date inl">3 dagen geleden</div>
            <div class="jcard-date ien">3 days ago</div>
          </div>
        </div>
      </div>

    </div><!-- #jobs-list -->

    <!-- EMPTY STATE -->
    <div class="empty-state" id="empty-state">
      <div class="empty-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
      <div class="empty-title fr">Aucune offre ne correspond</div>
      <div class="empty-title nl">Geen vacatures gevonden</div>
      <div class="empty-title en">No jobs match your search</div>
      <p class="empty-sub fr">Modifiez vos filtres ou déposez une candidature spontanée — nous vous contacterons dès qu&rsquo;une offre correspond à votre profil.</p>
      <p class="empty-sub nl">Pas uw filters aan of dien een spontane kandidatuur in — wij nemen contact met u op zodra een vacature overeenkomt met uw profiel.</p>
      <p class="empty-sub en">Adjust your filters or submit a spontaneous application — we&rsquo;ll contact you as soon as a role matches your profile.</p>
      <a href="espace-candidat-interim-bruxelles.html" class="empty-cta ifr">Candidature spontanée →</a>
      <a href="espace-candidat-interim-bruxelles.html" class="empty-cta inl">Spontane kandidatuur →</a>
      <a href="espace-candidat-interim-bruxelles.html" class="empty-cta ien">Spontaneous application →</a>
    </div>

  </div><!-- .jobs-col -->

  <!-- ═══ SIDEBAR ═══ -->
  <aside class="sidebar">
    <div class="sidebar-sticky">

      <div class="sticky-cta">
        <h3><span class="ifr">VOTRE PROFIL<br><em>NE TROUVE PAS ?</em></span><span class="inl">GEEN MATCH<br><em>GEVONDEN?</em></span><span class="ien">NOTHING<br><em>MATCHING?</em></span></h3>
        <p><span class="ifr">Déposez une candidature spontanée. Nos consultants vous contactent dès qu&rsquo;un poste correspond à votre expérience.</span><span class="inl">Dien een spontane kandidatuur in. Onze consultants nemen contact op zodra een functie overeenkomt met uw ervaring.</span><span class="ien">Submit a spontaneous application. Our consultants will contact you when a role matches your experience.</span></p>
        <a href="espace-candidat-interim-bruxelles.html"><span class="ifr">Déposer mon CV →</span><span class="inl">CV indienen →</span><span class="ien">Submit my CV →</span></a>
        <a href="espace-employeur-interim-bruxelles.html" class="ghost"><span class="ifr">Je recrute →</span><span class="inl">Ik werf aan →</span><span class="ien">I&rsquo;m hiring →</span></a>
      </div>

      <div class="alert-box">
        <h4><span class="ifr">Alerte offres</span><span class="inl">Vacature-alert</span><span class="ien">Job alert</span></h4>
        <p><span class="ifr">Recevez les nouvelles offres correspondant à votre profil directement par email.</span><span class="inl">Ontvang nieuwe vacatures die overeenkomen met uw profiel direct per e-mail.</span><span class="ien">Receive new jobs matching your profile directly by email.</span></p>
        <input type="email" class="alert-input" placeholder="votre@email.com">
        <button class="alert-btn"><span class="ifr">Créer mon alerte</span><span class="inl">Alert aanmaken</span><span class="ien">Create alert</span></button>
      </div>

    </div>
  </aside>

</div><!-- .jobs-layout -->

<!-- ═══ NOS MÉTIERS ═══ -->
<section style="background:var(--surface);border-top:1px solid var(--border);padding:56px 2rem 64px">
  <div style="max-width:1160px;margin:0 auto">

    <div style="text-align:center;margin-bottom:40px">
      <p style="font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:6px">
        <span class="ifr">Référentiel métiers</span><span class="inl">Beroepenreferentie</span><span class="ien">Jobs directory</span>
      </p>
      <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,44px);color:var(--ink);letter-spacing:.5px;line-height:1;margin-bottom:10px">
        <span class="ifr">NOS <em style="color:var(--blue)">MÉTIERS</em></span>
        <span class="inl">ONZE <em style="color:var(--blue)">BEROEPEN</em></span>
        <span class="ien">OUR <em style="color:var(--blue)">ROLES</em></span>
      </h2>
      <p style="font-size:14px;color:var(--muted);max-width:500px;margin:0 auto">
        <span class="ifr">Cliquez sur un métier pour découvrir la fiche complète : description, niveaux, compétences et opportunités.</span>
        <span class="inl">Klik op een beroep voor de volledige fiche: beschrijving, niveaus, competenties en opportuniteiten.</span>
        <span class="ien">Click on a role to discover the full profile: description, levels, skills and opportunities.</span>
      </p>
    </div>

    <!-- GRILLE 3 COLONNES -->
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px">

      <!-- LOGISTIQUE -->
      <div>
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #0D2F5A">
          <span style="font-size:18px"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f69b.png" alt="🚛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span style="font-family:'Bebas Neue',sans-serif;font-size:20px;color:#0D2F5A;letter-spacing:.5px">
            <span class="ifr">Logistique</span><span class="inl">Logistiek</span><span class="ien">Logistics</span>
          </span>
        </div>
        <div style="display:flex;flex-direction:column;gap:6px">
          <button onclick="openFiche(null,'log','chauffeur-b')" style="text-align:left;background:#fff;border:1px solid #B5D4F4;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#0D2F5A;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#0D2F5A';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#0D2F5A'">
            <span><span class="ifr">Chauffeur Permis B</span><span class="inl">Chauffeur Rijbewijs B</span><span class="ien">Driver Licence B</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'log','chauffeur-c')" style="text-align:left;background:#fff;border:1px solid #B5D4F4;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#0D2F5A;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#0D2F5A';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#0D2F5A'">
            <span><span class="ifr">Chauffeur C / CE</span><span class="inl">Chauffeur C / CE</span><span class="ien">Driver C / CE</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'log','cariste')" style="text-align:left;background:#fff;border:1px solid #B5D4F4;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#0D2F5A;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#0D2F5A';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#0D2F5A'">
            <span><span class="ifr">Cariste CACES</span><span class="inl">Heftruckchauffeur CACES</span><span class="ien">Forklift operator CACES</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'log','preparateur')" style="text-align:left;background:#fff;border:1px solid #B5D4F4;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#0D2F5A;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#0D2F5A';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#0D2F5A'">
            <span><span class="ifr">Préparateur de commandes</span><span class="inl">Orderpicker</span><span class="ien">Order picker</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'log','magasinier')" style="text-align:left;background:#fff;border:1px solid #B5D4F4;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#0D2F5A;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#0D2F5A';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#0D2F5A'">
            <span><span class="ifr">Magasinier / Réceptionnaire</span><span class="inl">Magazijnier</span><span class="ien">Warehouse operative</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'log','logisticien')" style="text-align:left;background:#fff;border:1px solid #B5D4F4;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#0D2F5A;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#0D2F5A';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#0D2F5A'">
            <span><span class="ifr">Coordinateur logistique</span><span class="inl">Logistiek coördinator</span><span class="ien">Logistics coordinator</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
        </div>
      </div>

      <!-- BUREAUTIQUE -->
      <div>
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--steel)">
          <span style="font-size:18px"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4bc.png" alt="💼" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span style="font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--steel);letter-spacing:.5px">
            <span class="ifr">Bureautique</span><span class="inl">Administratie</span><span class="ien">Office &#038; Admin</span>
          </span>
        </div>
        <div style="display:flex;flex-direction:column;gap:6px">
          <button onclick="openFiche(null,'bur','assistant')" style="text-align:left;background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#4a5568';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#374151'">
            <span><span class="ifr">Assistant(e) administratif</span><span class="inl">Administratief medewerker</span><span class="ien">Admin assistant</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'bur','secretaire')" style="text-align:left;background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#4a5568';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#374151'">
            <span><span class="ifr">Secrétaire / Direction</span><span class="inl">Secretaresse</span><span class="ien">Secretary</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'bur','comptable')" style="text-align:left;background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#4a5568';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#374151'">
            <span><span class="ifr">Comptable</span><span class="inl">Boekhouder</span><span class="ien">Accountant</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'bur','office-manager')" style="text-align:left;background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#4a5568';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#374151'">
            <span><span class="ifr">Office Manager</span><span class="inl">Office Manager</span><span class="ien">Office Manager</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'bur','rh')" style="text-align:left;background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#4a5568';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#374151'">
            <span><span class="ifr">Assistant(e) RH</span><span class="inl">HR-assistent</span><span class="ien">HR assistant</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
        </div>
      </div>

      <!-- RETAIL -->
      <div>
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #d97706">
          <span style="font-size:18px"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6cd.png" alt="🛍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span style="font-family:'Bebas Neue',sans-serif;font-size:20px;color:#92400e;letter-spacing:.5px">Retail</span>
        </div>
        <div style="display:flex;flex-direction:column;gap:6px">
          <button onclick="openFiche(null,'ret','vendeur')" style="text-align:left;background:#fff;border:1px solid #FDE68A;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#92400e;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#431a00';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#92400e'">
            <span><span class="ifr">Vendeur(se) / Conseiller</span><span class="inl">Verkoper / Adviseur</span><span class="ien">Sales advisor</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'ret','caissier')" style="text-align:left;background:#fff;border:1px solid #FDE68A;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#92400e;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#431a00';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#92400e'">
            <span><span class="ifr">Caissier(ère)</span><span class="inl">Kassamedewerker</span><span class="ien">Cashier</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'ret','rayon')" style="text-align:left;background:#fff;border:1px solid #FDE68A;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#92400e;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#431a00';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#92400e'">
            <span><span class="ifr">Responsable rayon</span><span class="inl">Afdelingshoofd</span><span class="ien">Dept. manager</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'ret','merchandiser')" style="text-align:left;background:#fff;border:1px solid #FDE68A;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#92400e;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#431a00';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#92400e'">
            <span><span class="ifr">Merchandiser</span><span class="inl">Merchandiser</span><span class="ien">Merchandiser</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
          <button onclick="openFiche(null,'ret','manager')" style="text-align:left;background:#fff;border:1px solid #FDE68A;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#92400e;transition:all .15s;display:flex;align-items:center;justify-content:space-between" onmouseover="this.style.background='#431a00';this.style.color='#fff'" onmouseout="this.style.background='#fff';this.style.color='#92400e'">
            <span><span class="ifr">Manager de magasin</span><span class="inl">Winkelmanager</span><span class="ien">Store manager</span></span>
            <span style="opacity:.5;font-size:12px">→</span>
          </button>
        </div>
      </div>

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


<!-- ═══ 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-emploi-interim-bruxelles.html" class="ifr">Nos offres</a>
      <a href="offres-emploi-interim-bruxelles.html" class="inl">Vacatures</a>
      <a href="offres-emploi-interim-bruxelles.html" class="ien">Jobs</a>
      <a href="expertise-interim-bruxelles.html" class="ifr">Nos expertises</a>
      <a href="expertise-interim-bruxelles.html" class="inl">Onze expertises</a>
      <a href="expertise-interim-bruxelles.html" class="ien">Our expertise</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ifr">Postuler</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="inl">Solliciteren</a>
      <a href="postuler-emploi-interim-bruxelles.html" class="ien">Apply</a>
      <a href="recruter-personnel-interimaire-bruxelles.html" class="ifr">Je recrute</a>
      <a href="recruter-personnel-interimaire-bruxelles.html" class="inl">Ik werf aan</a>
      <a href="recruter-personnel-interimaire-bruxelles.html" class="ien">I&rsquo;m hiring</a>
      <a href="espace-employeur-interim-bruxelles.html" class="ifr">Employeurs</a>
      <a href="espace-employeur-interim-bruxelles.html" class="inl">Werkgevers</a>
      <a href="espace-employeur-interim-bruxelles.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>
const filters = { pole:'all', lieu:'all', dispo:'all' };

function toggleMetiers(){
  const panel = document.getElementById('metiers-panel');
  const btn = document.getElementById('metiers-btn');
  const isOpen = panel.classList.contains('show');
  panel.classList.toggle('show', !isOpen);
  btn.classList.toggle('open', !isOpen);
}

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 toggleFilter(btn){
  const f=btn.dataset.filter, v=btn.dataset.value;
  filters[f]=v;
  // Si on change de pôle, reset le filtre métier
  document.querySelectorAll(`[data-filter="${f}"]`).forEach(b=>b.classList.remove('on'));
  btn.classList.add('on');
  applyFilters();
}

function applyFilters(){
  const kw=(document.getElementById('search-kw').value||'').toLowerCase().trim();
  const cards=document.querySelectorAll('#jobs-list .jcard');
  let visible=0;
  cards.forEach(c=>{
    const okPole=filters.pole==='all'||c.dataset.pole===filters.pole;
    const okLieu=filters.lieu==='all'||c.dataset.lieu===filters.lieu;
    const okDispo=filters.dispo==='all'||c.dataset.dispo===filters.dispo;
    const okKw=!kw||c.innerText.toLowerCase().includes(kw);
    const show=okPole&&okLieu&&okDispo&&okKw;
    c.style.display=show?'block':'none';
    if(show) visible++;
  });
  document.getElementById('results-count').innerHTML=`<strong>${visible}</strong> <span class="ifr">offre${visible!==1?'s':''}</span><span class="inl">vacature${visible!==1?'s':''}</span><span class="ien">job${visible!==1?'s':''}</span>`;
  document.getElementById('count-display').textContent=visible;
  const empty=document.getElementById('empty-state');
  empty.classList.toggle('show',visible===0);
}

// ── BASE DE DONNÉES MÉ<script>
const METIERS = {
  "chauffeur-b": {
    pole:"log", poleLabel:"&#x1f69b; Logistique", title:"Chauffeur Permis B",
    desc:"Le chauffeur permis B assure les livraisons en véhicule léger à Bruxelles et sa périphérie. Ponctualité, présentation et sens du relationnel client sont essentiels.",
    missions:["Livraison de colis et marchandises légères","Chargement et déchargement du véhicule","Vérification du véhicule avant départ","Signature des bons de livraison","Respect des tournées et horaires"],
    niveaux:[
      {badge:"Débutant",color:"n1",name:"Chauffeur livreur junior",desc:"0–2 ans. Livraisons simples en zone urbaine. Permis B requis depuis +2 ans."},
      {badge:"Confirmé",color:"n2",name:"Chauffeur livreur expérimenté",desc:"2–5 ans. Gestion autonome des tournées, maîtrise des outils de scan, relation client développée."},
      {badge:"Expert",color:"n3",name:"Chauffeur-coordinateur",desc:"5 ans+. Peut encadrer une petite équipe, optimise les tournées, gère les litiges clients."}
    ],
    competences_req:["Permis B valide (2+ ans)","Sens de l'orientation","Ponctualité et fiabilité","Bonne condition physique","FR ou NL selon zone"],
    competences_plus:["Permis B+E (remorque)","Connaissance de Bruxelles","Expérience en messagerie","Permis C (évolution)"],
    opportunites:[
      {icon:"&#x1f4c8;",title:"Évolution vers Permis C",text:"Après 2 ans, passage au permis C pris en charge par certains employeurs."},
      {icon:"&#x1f3e2;",title:"Intégration en CDI",text:"La plupart de nos missions débutent en intérim avec CDI proposé sous 3 à 6 mois."},
      {icon:"&#x1f30d;",title:"Zones variées",text:"Bruxelles, périphérie (Zaventem, Vilvoorde, Waterloo) — vous choisissez votre zone."}
    ],
    pole_page:"logistique.html"
  },
  "chauffeur-c": {
    pole:"log", poleLabel:"&#x1f69b; Logistique", title:"Chauffeur C / CE",
    desc:"Le chauffeur grand routier assure le transport de marchandises sur des distances régionales. Profil très demandé pour l'approvisionnement des grandes surfaces et centres de distribution.",
    missions:["Transport de marchandises en poids lourd","Gestion de la carte conducteur","Contrôle et arrimage du chargement","Respect des réglementations ADR","Entretien de premier niveau du véhicule"],
    niveaux:[
      {badge:"Junior",color:"n1",name:"Chauffeur C récent",desc:"Permis C < 2 ans. Trajets régionaux encadrés, formation aux procédures."},
      {badge:"Confirmé",color:"n2",name:"Chauffeur C/CE autonome",desc:"3–7 ans. Gestion complète des tournées longue distance, maîtrise ADR de base."},
      {badge:"Expert",color:"n3",name:"Chauffeur CE + ADR",desc:"7 ans+. Habilitation ADR toutes classes, gestion de flotte possible, CDI recherché."}
    ],
    competences_req:["Permis C ou CE valide","Carte conducteur à jour","Chronotachygraphe numérique","Connaissance réglementation transport"],
    competences_plus:["Habilitation ADR","Permis CE semi-remorque","FCOS à jour","Expérience frigorifique"],
    opportunites:[
      {icon:"&#x1f4b0;",title:"Salaires attractifs",text:"Les chauffeurs CE + ADR sont parmi les profils les mieux rémunérés de la logistique."},
      {icon:"&#x1f4cb;",title:"Missions longues",text:"Nos clients préfèrent des missions de 3 à 12 mois avec option CDI."},
      {icon:"&#x1f69b;",title:"Flotte récente",text:"Nos clients partenaires renouvellent régulièrement leur flotte."}
    ],
    pole_page:"logistique.html"
  },
  "cariste": {
    pole:"log", poleLabel:"&#x1f69b; Logistique", title:"Cariste CACES",
    desc:"Le cariste assure le déplacement et le stockage des marchandises en entrepôt. Les postes se concentrent dans les zones industrielles de Neder-Over-Heembeek, Forest et la périphérie.",
    missions:["Conduite de chariot élévateur (CACES 1, 3 ou 5)","Réception, rangement et expédition de palettes","Contrôle des stocks et inventaires","Préparation de commandes","Respect des règles de sécurité"],
    niveaux:[
      {badge:"Débutant",color:"n1",name:"Cariste CACES 1/3",desc:"CACES récent. Manutention de base, travail en équipe sous supervision."},
      {badge:"Confirmé",color:"n2",name:"Cariste multi-CACES",desc:"Détenteur de plusieurs CACES. Polyvalent, autonome sur les flux entrepôt."},
      {badge:"Expert",color:"n3",name:"Chef de quai / Cariste senior",desc:"Coordination des flux, gestion des réceptions, suivi WMS, encadrement possible."}
    ],
    competences_req:["CACES 1 et/ou 3 valide (< 5 ans)","Rigueur et respect des consignes","Bonne condition physique","Lecture de bons de livraison"],
    competences_plus:["CACES 5 grande hauteur","Expérience WMS / SAP","CACES R489","Formation SST"],
    opportunites:[
      {icon:"&#x1f4dc;",title:"Renouvellement CACES",text:"Certains clients prennent en charge le renouvellement CACES pour les profils en mission longue."},
      {icon:"&#x1f3ed;",title:"Grandes enseignes",text:"Nos clients incluent des plateformes logistiques de grande distribution et e-commerce."},
      {icon:"&#x1f504;",title:"Évolution chef de quai",text:"Après 3–4 ans, possibilité d'évoluer vers des postes d'encadrement logistique."}
    ],
    pole_page:"logistique.html"
  },
  "preparateur": {
    pole:"log", poleLabel:"&#x1f69b; Logistique", title:"Préparateur de commandes",
    desc:"Le préparateur de commandes prépare les commandes clients en entrepôt. Poste physique, souvent en horaires décalés, très demandé dans le e-commerce et la grande distribution.",
    missions:["Prélèvement de marchandises selon bon de préparation","Conditionnement et emballage","Utilisation de scanner","Contrôle qualité des colis","Participation aux inventaires"],
    niveaux:[
      {badge:"Débutant",color:"n1",name:"Préparateur junior",desc:"Aucune expérience requise. Formation sur les outils assurée. Bonne condition physique essentielle."},
      {badge:"Confirmé",color:"n2",name:"Préparateur expérimenté",desc:"1–3 ans. Maîtrise du scan, connaissance des zones entrepôt, cadences élevées."},
      {badge:"Expert",color:"n3",name:"Préparateur / Chef d'équipe",desc:"3 ans+. Suivi de performance, formation des nouveaux, gestion des anomalies de stock."}
    ],
    competences_req:["Condition physique","Rigueur et rapidité","Lecture de bons de commande","Disponibilité horaires décalés"],
    competences_plus:["CACES 1","Expérience WMS","Connaissance du froid"],
    opportunites:[
      {icon:"&#x26a1;",title:"Démarrage immédiat",text:"C'est le poste où nous pouvons proposer une mission sous 24h — aucune expérience requise."},
      {icon:"&#x1f319;",title:"Primes horaires",text:"Horaires décalés avec majorations salariales — rémunération souvent supérieure au taux de base."},
      {icon:"&#x1f4c8;",title:"Évolution rapide",text:"Les préparateurs motivés évoluent rapidement vers chef d'équipe ou coordination logistique."}
    ],
    pole_page:"logistique.html"
  },
  "magasinier": {
    pole:"log", poleLabel:"&#x1f69b; Logistique", title:"Magasinier / Réceptionnaire",
    desc:"Le magasinier gère les flux entrants et sortants d'un entrepôt ou magasin. Il réceptionne les livraisons, contrôle les marchandises, les range et gère les stocks.",
    missions:["Réception et contrôle des livraisons","Enregistrement informatique","Rangement et organisation du stock","Préparation des expéditions","Inventaires périodiques"],
    niveaux:[
      {badge:"Débutant",color:"n1",name:"Magasinier junior",desc:"Première expérience acceptable. Rigueur et organisation sont les qualités clés."},
      {badge:"Confirmé",color:"n2",name:"Magasinier polyvalent",desc:"Maîtrise complète des flux, utilisation d'un logiciel de stocks, gestion autonome."},
      {badge:"Expert",color:"n3",name:"Responsable stock",desc:"Supervision de l'équipe, optimisation du stockage, reporting à la direction."}
    ],
    competences_req:["Organisation et rigueur","Maîtrise des outils informatiques","Port de charges","FR ou NL selon employeur"],
    competences_plus:["CACES 1 ou 3","Expérience ERP (SAP, Navision)","Normes FIFO/FEFO"],
    opportunites:[
      {icon:"&#x1f3e2;",title:"Secteurs variés",text:"Commerce, industrie, e-commerce, santé — présent dans presque tous les secteurs bruxellois."},
      {icon:"&#x1f4ca;",title:"Évolution gestion des stocks",text:"Avec 2–3 ans et des compétences ERP, évolution vers analyste stocks ou supply chain."}
    ],
    pole_page:"logistique.html"
  },
  "logisticien": {
    pole:"log", poleLabel:"&#x1f69b; Logistique", title:"Coordinateur logistique",
    desc:"Le coordinateur logistique est le pivot entre les équipes terrain, les transporteurs et les clients. Il optimise les flux, résout les problèmes opérationnels et assure le reporting.",
    missions:["Planification et suivi des expéditions","Coordination avec les transporteurs","Gestion des litiges transport","Reporting KPIs logistiques","Amélioration continue des processus"],
    niveaux:[
      {badge:"Junior",color:"n1",name:"Assistant logistique",desc:"Bac+2 logistique ou 2 ans de terrain. Soutien à la coordination, suivi des flux."},
      {badge:"Confirmé",color:"n2",name:"Coordinateur logistique",desc:"3–6 ans. Gestion autonome d'un portefeuille de transporteurs, résolution de litiges."},
      {badge:"Expert",color:"n3",name:"Responsable logistique",desc:"7 ans+. Management d'équipe, pilotage de la supply chain, relation clients stratégiques."}
    ],
    competences_req:["Maîtrise Excel / TMS","Anglais opérationnel","Gestion du stress","Communication claire","Analyse de données"],
    competences_plus:["ERP SAP ou Oracle","Certification APICS","FR + NL + EN","Expérience internationale"],
    opportunites:[
      {icon:"&#x1f4bc;",title:"Postes en CDI",text:"La majorité de nos mandats coordinateur sont des CDI directement ou après 3 mois d'intérim."},
      {icon:"&#x1f4c8;",title:"Évolution management",text:"Passerelle naturelle vers responsable logistique ou supply chain manager."}
    ],
    pole_page:"logistique.html"
  },
  "assistant": {
    pole:"bur", poleLabel:"&#x1f4bc; Bureautique", title:"Assistant(e) administratif",
    desc:"A Bruxelles, les entreprises recherchent des profils FR/NL capables de gérer la correspondance, l'agenda et les tâches administratives avec autonomie.",
    missions:["Gestion de la correspondance","Accueil téléphonique et physique","Gestion des agendas","Saisie et mise à jour de données","Classement et archivage"],
    niveaux:[
      {badge:"Junior",color:"n1",name:"Assistant junior",desc:"Première expérience ou récemment diplômé. Tâches encadrées, montée en compétence rapide."},
      {badge:"Confirmé",color:"n2",name:"Assistant confirmé",desc:"2–4 ans. Gestion autonome du bureau, maîtrise Office, bilingue opérationnel."},
      {badge:"Expert",color:"n3",name:"Assistant de direction",desc:"5 ans+. Gestion de l'agenda d'un dirigeant, organisation de réunions et voyages."}
    ],
    competences_req:["Suite Office (Word, Excel, Outlook)","FR + NL (Bruxelles)","Orthographe irréprochable","Organisation et discrétion"],
    competences_plus:["3ème langue (EN ou DE)","Expérience CRM","Comptabilité de base"],
    opportunites:[
      {icon:"&#x1f3db;",title:"Institutions et PME",text:"Bruxelles offre un tissu unique : institutions européennes, ONG, PME — votre profil s'adapte à tous."},
      {icon:"&#x1f4c8;",title:"Évolution secrétariat de direction",text:"Après 3–4 ans, accès aux postes de secrétaire de direction ou office manager."}
    ],
    pole_page:"bureautique.html"
  },
  "secretaire": {
    pole:"bur", poleLabel:"&#x1f4bc; Bureautique", title:"Secrétaire / Direction",
    desc:"La secrétaire de direction est le bras droit opérationnel d'un dirigeant. Elle gère son agenda, filtre ses communications, organise ses déplacements avec professionnalisme.",
    missions:["Gestion de l'agenda d'un ou plusieurs dirigeants","Filtrage des appels et emails","Organisation des réunions et séminaires","Rédaction de comptes-rendus","Coordination avec les équipes internes"],
    niveaux:[
      {badge:"Assistant",color:"n1",name:"Secrétaire d'équipe",desc:"Support à une équipe plutôt qu'à un dirigeant. Gestion partagée, tâches diversifiées."},
      {badge:"Confirmé",color:"n2",name:"Secrétaire de direction",desc:"3–6 ans. Rattachement à un N-1 ou N-2, gestion autonome, bilingue courant."},
      {badge:"Expert",color:"n3",name:"Assistante exécutive C-Level",desc:"7 ans+. Rattachement direct au CEO ou board. Discrétion absolue, trilinguisme souvent requis."}
    ],
    competences_req:["FR + NL bilingue","Suite Office avancée","Discrétion et confidentialité","Excellent rédactionnel","Résistance au stress"],
    competences_plus:["Anglais courant","PowerPoint avancé","Expérience internationale","Connaissance protocole"],
    opportunites:[
      {icon:"&#x1f3e2;",title:"Environnements premium",text:"Grandes entreprises, institutions, cabinets d'avocats — les postes sont souvent les mieux rémunérés."},
      {icon:"&#x1f512;",title:"Stabilité de l'emploi",text:"Ce profil est très fidélisé — les CDI longs sont la norme une fois la confiance établie."}
    ],
    pole_page:"bureautique.html"
  },
  "comptable": {
    pole:"bur", poleLabel:"&#x1f4bc; Bureautique", title:"Comptable",
    desc:"Le comptable assure la tenue des livres, la saisie des opérations, le suivi des créances et dettes. La demande est forte en PME pour des profils autonomes capables de gérer un portefeuille.",
    missions:["Saisie et lettrage des opérations","Gestion des créances et dettes","Préparation des déclarations TVA","Clôtures mensuelles et annuelles","Liaison avec le réviseur"],
    niveaux:[
      {badge:"Junior",color:"n1",name:"Aide-comptable",desc:"Saisie, pointage, lettrage. Formation pratique sur le logiciel de l'entreprise."},
      {badge:"Confirmé",color:"n2",name:"Comptable général",desc:"Autonomie complète jusqu'à la préclôture. Maîtrise Winbooks, Bob, Exact."},
      {badge:"Expert",color:"n3",name:"Comptable senior / Chief Accountant",desc:"Supervision d'un service comptable, reporting à la direction, gestion multi-entités."}
    ],
    competences_req:["Bachelier en comptabilité","Logiciel comptable","FR + NL (base)","Rigueur et confidentialité"],
    competences_plus:["Winbooks / Bob50 / Exact","Anglais comptable","Expérience consolidation","IFRS"],
    opportunites:[
      {icon:"&#x1f4ca;",title:"Marché porteur",text:"La demande dépasse l'offre à Bruxelles — les profils expérimentés négocient facilement leur salaire."},
      {icon:"&#x1f393;",title:"Formation continue",text:"Certains clients financent les formations CPA ou évolutions vers le brevet comptable IEC."}
    ],
    pole_page:"bureautique.html"
  },
  "office-manager": {
    pole:"bur", poleLabel:"&#x1f4bc; Bureautique", title:"Office Manager",
    desc:"L'office manager est responsable du bon fonctionnement d'un bureau : prestataires, fournitures, accueil, RH de premier niveau. Profil multi-casquette, très apprécié des PME et start-ups.",
    missions:["Gestion des prestataires (facility, IT)","Coordination de l'accueil","Support RH (onboarding, congés)","Gestion des fournitures et budget","Organisation d'événements internes"],
    niveaux:[
      {badge:"Assistant",color:"n1",name:"Office Coordinator",desc:"Support à l'office manager existant. Gestion des tâches quotidiennes, 1–2 ans."},
      {badge:"Confirmé",color:"n2",name:"Office Manager",desc:"Gestion complète du bureau, supervision des prestataires, interlocuteur RH et Direction."},
      {badge:"Expert",color:"n3",name:"Office Manager senior",desc:"Plusieurs sites, équipe à gérer, budget facility significatif, relation C-level."}
    ],
    competences_req:["Organisation","FR + NL + EN (idéalement)","Maîtrise Office 365","Leadership naturel","Polyvalence"],
    competences_plus:["Expérience RH","Comptabilité","Outils SIRH","Gestion de projet"],
    opportunites:[
      {icon:"&#x1f680;",title:"Start-ups et scale-ups",text:"L'écosystème tech bruxellois recrute massivement des office managers pour structurer leur croissance."},
      {icon:"&#x1f4bc;",title:"Évolution DRH ou COO",text:"Les meilleurs office managers évoluent vers DRH, responsable facility ou COO dans des structures moyennes."}
    ],
    pole_page:"bureautique.html"
  },
  "rh": {
    pole:"bur", poleLabel:"&#x1f4bc; Bureautique", title:"Assistant(e) RH",
    desc:"L'assistant RH soutient le département RH dans la gestion administrative : contrats, paie, congés, formation, recrutement. Le droit social belge et le bilinguisme FR/NL sont quasi systématiquement requis.",
    missions:["Gestion administrative des contrats","Suivi des présences et congés","Préparation des éléments de paie","Support au recrutement","Mise à jour des dossiers du personnel"],
    niveaux:[
      {badge:"Junior",color:"n1",name:"Assistant RH junior",desc:"Diplômé RH ou 1 an d'expérience. Tâches administratives encadrées par un RH senior."},
      {badge:"Confirmé",color:"n2",name:"Généraliste RH",desc:"3–5 ans. Gestion autonome d'un périmètre RH complet pour une PME."},
      {badge:"Expert",color:"n3",name:"HR Business Partner",desc:"6 ans+. Partenaire stratégique des managers, pilotage des plans RH, relations sociales."}
    ],
    competences_req:["Droit social belge","FR + NL","Maîtrise Office","Discrétion","Sens du service"],
    competences_plus:["SIRH (Personio, ADP)","Expérience recrutement","CCT belges","Anglais opérationnel"],
    opportunites:[
      {icon:"&#x1f3db;",title:"Secteur public et ONG",text:"Bruxelles concentre de nombreuses organisations internationales qui recrutent des profils RH bilingues."},
      {icon:"&#x1f4c8;",title:"Évolution HRBP ou DRH",text:"Les assistants RH polyvalents évoluent rapidement — la pénurie de profils joue en leur faveur."}
    ],
    pole_page:"bureautique.html"
  },
  "vendeur": {
    pole:"ret", poleLabel:"&#x1f6cd; Retail", title:"Vendeur(se) / Conseiller de vente",
    desc:"Le vendeur conseil accompagne le client dans son acte d'achat. A Bruxelles, le bilinguisme FR/NL est souvent un critère déterminant, surtout en centre-ville et dans les centres commerciaux.",
    missions:["Accueil et conseil client","Mise en valeur des produits","Réalisation des ventes","Gestion des réclamations et retours","Réassort rayon et tenue du point de vente"],
    niveaux:[
      {badge:"Débutant",color:"n1",name:"Vendeur junior",desc:"Première expérience ou étudiant. Formation produit assurée par l'enseigne."},
      {badge:"Confirmé",color:"n2",name:"Vendeur conseil expérimenté",desc:"2–4 ans. Maîtrise du cycle de vente, objectifs individuels, secteur spécialisé."},
      {badge:"Expert",color:"n3",name:"Vendeur expert / Chef de rayon",desc:"5 ans+. Expert produit reconnu, formation des juniors, animation de rayon."}
    ],
    competences_req:["Sens du contact","FR + NL (Bruxelles)","Présentation soignée","Disponibilité week-end"],
    competences_plus:["3ème langue","Expérience caisse","Secteur spécifique (luxe, sport)","Techniques de vente SONCAS"],
    opportunites:[
      {icon:"&#x1f3ec;",title:"Grandes enseignes partenaires",text:"Nous travaillons avec des enseignes nationales et internationales dans les centres commerciaux bruxellois."},
      {icon:"&#x1f4b0;",title:"Commissions sur ventes",text:"De nombreux postes incluent des primes — vos performances se reflètent dans votre rémunération."},
      {icon:"&#x1f4c8;",title:"Évolution chef de rayon",text:"Les vendeurs motivés accèdent rapidement à des postes de chef de rayon ou store manager adjoint."}
    ],
    pole_page:"retail.html"
  },
  "caissier": {
    pole:"ret", poleLabel:"&#x1f6cd; Retail", title:"Caissier(ère)",
    desc:"Le caissier assure l'encaissement des achats et l'accueil de la clientèle. La disponibilité le week-end est quasi systématiquement requise.",
    missions:["Encaissement des achats","Accueil et orientation de la clientèle","Gestion des retours et réclamations","Ouverture et fermeture de caisse","Réassort de l'espace caisse"],
    niveaux:[
      {badge:"Débutant",color:"n1",name:"Caissier débutant",desc:"Aucune expérience requise. Formation à la caisse assurée en 1–2 jours."},
      {badge:"Confirmé",color:"n2",name:"Caissier polyvalent",desc:"Maîtrise de plusieurs caisses, gestion des files, polyvalence rayon."},
      {badge:"Expert",color:"n3",name:"Chef de caisse",desc:"Supervision des équipes caisse, gestion du coffre, formation des nouveaux."}
    ],
    competences_req:["Aisance relationnelle","Honnêteté et rigueur","Disponibilité week-end et jours fériés","FR ou NL selon enseigne"],
    competences_plus:["FR + NL bilingue","Expérience encaissement","Polyvalence rayon","Gestion des réclamations"],
    opportunites:[
      {icon:"&#x26a1;",title:"Démarrage immédiat",text:"Les postes caissier sont parmi les plus rapides à pourvoir — mission possible dans les 24h."},
      {icon:"&#x23f0;",title:"Temps plein uniquement",text:"Nous plaçons exclusivement des profils à temps plein — disponibilité de semaine complète requise."},
      {icon:"&#x1f4c8;",title:"Évolution chef de caisse",text:"Avec 1–2 ans et de bonnes évaluations, l'accès au poste de chef de caisse est accessible."}
    ],
    pole_page:"retail.html"
  },
  "rayon": {
    pole:"ret", poleLabel:"&#x1f6cd; Retail", title:"Responsable rayon",
    desc:"Le responsable rayon gère un secteur de vente : approvisionnement, mise en rayon, gestion des DLC, animation commerciale et encadrement d'une petite équipe.",
    missions:["Gestion des commandes et approvisionnements","Mise en rayon et balisage prix","Contrôle des dates de péremption","Encadrement d'une équipe de 2 à 8 personnes","Reporting CA et démarque"],
    niveaux:[
      {badge:"Adjoint",color:"n1",name:"Adjoint responsable rayon",desc:"2 ans de vente minimum. Support au responsable, prise en charge du rayon en son absence."},
      {badge:"Confirmé",color:"n2",name:"Responsable rayon autonome",desc:"3–5 ans. Gestion complète du rayon, résultats commerciaux sous sa responsabilité."},
      {badge:"Expert",color:"n3",name:"Responsable secteur / Multi-rayons",desc:"6 ans+. Supervision de plusieurs rayons, participation aux décisions commerciales."}
    ],
    competences_req:["Expérience grande distribution","Gestion d'équipe","Connaissance des DLC","FR + NL (Bruxelles)","Résistance physique"],
    competences_plus:["Formation chef de secteur","Expérience frais / surgelés","Maîtrise logiciel commandes"],
    opportunites:[
      {icon:"&#x1f3ea;",title:"Enseignes nationales",text:"Nos clients incluent les principales enseignes de grande distribution belge et internationale."},
      {icon:"&#x1f4c8;",title:"Vers directeur de magasin",text:"Parcours naturel : adjoint > responsable rayon > directeur adjoint > directeur de magasin."}
    ],
    pole_page:"retail.html"
  },
  "merchandiser": {
    pole:"ret", poleLabel:"&#x1f6cd; Retail", title:"Merchandiser",
    desc:"Le merchandiser assure la mise en place et le suivi de l'implantation des produits dans les points de vente. Profil itinérant sur le réseau GMS bruxellois.",
    missions:["Implantation des planogrammes en rayon","Vérification de la présence produit","Pose des étiquettes et PLV","Compte-rendu de visite avec photos","Relation avec les chefs de rayon"],
    niveaux:[
      {badge:"Junior",color:"n1",name:"Merchandiser débutant",desc:"Formation au planogramme assurée. Permis B requis. Rigueur indispensable."},
      {badge:"Confirmé",color:"n2",name:"Merchandiser autonome",desc:"Gestion d'un circuit de 15 à 30 points de vente. Reporting digital."},
      {badge:"Expert",color:"n3",name:"Merchandiser chef de secteur",desc:"Coordination d'une équipe, formation, reporting national, interface marque/enseigne."}
    ],
    competences_req:["Permis B","Rigueur et sens du détail","Smartphone pour reporting","Condition physique"],
    competences_plus:["Connaissance des planogrammes","Expérience GMS","Excel reporting","Anglais"],
    opportunites:[
      {icon:"&#x1f697;",title:"Autonomie et mobilité",text:"Profil idéal si vous aimez travailler seul et découvrir différents environnements commerciaux."},
      {icon:"&#x1f4ca;",title:"Évolution category management",text:"Les merchandisers expérimentés accèdent aux postes de category manager ou trade marketing."}
    ],
    pole_page:"retail.html"
  },
  "manager": {
    pole:"ret", poleLabel:"&#x1f6cd; Retail", title:"Manager de magasin",
    desc:"Le manager de magasin pilote la performance commerciale, l'équipe et l'exploitation quotidienne. Il gère les KPIs, manage 5 à 30 personnes et est l'interlocuteur de la direction régionale.",
    missions:["Pilotage du CA, de la marge et de la démarque","Management de l'équipe (planning, évaluations)","Gestion des stocks et des approvisionnements","Mise en oeuvre des opérations commerciales","Reporting hebdomadaire à la direction"],
    niveaux:[
      {badge:"Adjoint",color:"n1",name:"Manager adjoint",desc:"3–4 ans retail. Seconde le directeur, prend les décisions en son absence."},
      {badge:"Confirmé",color:"n2",name:"Directeur de magasin",desc:"5–8 ans. Responsabilité complète du P&L d'un magasin. Équipe de 5 à 20 personnes."},
      {badge:"Expert",color:"n3",name:"Directeur régional / Multi-sites",desc:"8 ans+. Supervision de plusieurs magasins, pilotage des performances régionales."}
    ],
    competences_req:["Leadership d'équipe","FR + NL (Bruxelles)","Analyse P&L / KPIs","Gestion des conflits","Disponibilité week-end"],
    competences_plus:["Formation retail management","Anglais courant","Expérience multi-enseignes","ERP retail"],
    opportunites:[
      {icon:"&#x1f4bc;",title:"CDI quasi systématique",text:"Les postes de manager sont presque exclusivement en CDI."},
      {icon:"&#x1f4c8;",title:"Vers la direction régionale",text:"Les meilleurs directeurs évoluent vers directeur régional ou développement réseau."},
      {icon:"&#x1f4b0;",title:"Package complet",text:"Variable sur objectifs, voiture de fonction, téléphone — package parmi les plus complets du secteur."}
    ],
    pole_page:"retail.html"
  }
};

const POLE_COLORS = {
  log: {bg:"#E6F1FB", color:"#0D2F5A"},
  bur: {bg:"#F7F8FA", color:"#374151"},
  ret: {bg:"#FFFBEB", color:"#92400e"}
};

function openFiche(pill, pole, metierKey) {
  const m = METIERS[metierKey];
  if (!m) { console.error("Métier non trouvé:", metierKey); return; }
  const col = POLE_COLORS[m.pole];

  document.getElementById("modal-pole-tag").textContent = m.poleLabel;
  document.getElementById("modal-pole-tag").style.cssText = "background:" + col.bg + ";color:" + col.color;
  document.getElementById("modal-title").textContent = m.title;

  document.getElementById("panel-desc").innerHTML =
    "<p class='modal-desc'>" + m.desc + "</p>" +
    "<p class='modal-section-title'>Missions principales</p>" +
    "<ul style='list-style:none;display:flex;flex-direction:column;gap:8px'>" +
    m.missions.map(function(ms){ return "<li style='display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--muted);line-height:1.6'><span style='color:var(--blue);font-weight:700;flex-shrink:0'>→</span>" + ms + "</li>"; }).join("") +
    "</ul>";

  document.getElementById("panel-niveaux").innerHTML =
    m.niveaux.map(function(n){
      return "<div class='niveau-card " + n.color + "'>" +
        "<span class='niveau-badge " + n.color + "'>" + n.badge + "</span>" +
        "<div class='niveau-name'>" + n.name + "</div>" +
        "<div class='niveau-desc'>" + n.desc + "</div>" +
        "</div>";
    }).join("");

  document.getElementById("panel-competences").innerHTML =
    "<div class='legend'><span class='legend-item'><span class='comp-dot req'></span>Requise</span><span class='legend-item'><span class='comp-dot plus'></span>Atout</span></div>" +
    "<div class='comp-grid'>" +
    m.competences_req.map(function(s){ return "<div class='comp-item'><span class='comp-dot req'></span>" + s + "</div>"; }).join("") +
    m.competences_plus.map(function(s){ return "<div class='comp-item'><span class='comp-dot plus'></span>" + s + "</div>"; }).join("") +
    "</div>";

  document.getElementById("panel-opportunites").innerHTML =
    m.opportunites.map(function(o){
      return "<div class='opp-card'><div class='opp-icon'>" + o.icon + "</div><div><div class='opp-title'>" + o.title + "</div><div class='opp-text'>" + o.text + "</div></div></div>";
    }).join("") +
    "<div style='margin-top:16px;text-align:center'><a href='" + m.pole_page + "' style='display:inline-block;background:var(--blue);color:#fff;padding:10px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none'>Voir toutes les offres " + m.title + " →</a></div>";

  document.getElementById("panel-postuler").innerHTML =
    "<div style='text-align:center;padding:24px 0 16px'>" +
    "<div style='font-size:48px;margin-bottom:16px'>&#x1f4cb;</div>" +
    "<h3 style='font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--ink);letter-spacing:.5px;margin-bottom:10px'>POSTULER — " + m.title.toUpperCase() + "</h3>" +
    "<p style='font-size:14px;color:var(--muted);line-height:1.75;max-width:420px;margin:0 auto 28px'>Déposez votre candidature pour un poste de <strong>" + m.title + "</strong> à Bruxelles. Remplissez le formulaire complet et notre consultant analyse votre profil et vous contacte dès qu'une opportunité correspond.</p>" +
    "<a href='postuler.html?metier=" + encodeURIComponent(m.title) + "' style='display:inline-block;background:var(--blue);color:#fff;padding:14px 32px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;margin-bottom:12px'>Accéder au formulaire de candidature →</a>" +
    "<br><a href='postuler.html' style='font-size:13px;color:var(--muted);text-decoration:none'>ou postuler via l'espace candidats</a>" +
    "</div>" +
    "<div style='background:var(--surface);border-radius:var(--rl);padding:16px 20px;margin-top:8px;border:1px solid var(--border)'>" +
    "<p style='font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue);margin-bottom:8px'>Ce que vous pouvez déposer</p>" +
    "<ul style='list-style:none;display:flex;flex-direction:column;gap:6px'>" +
    "<li style='font-size:13px;color:var(--muted);display:flex;gap:8px'><span style='color:#10B981;font-weight:700'>✓</span>Votre CV (PDF ou Word)</li>" +
    "<li style='font-size:13px;color:var(--muted);display:flex;gap:8px'><span style='color:#10B981;font-weight:700'>✓</span>Vos certifications et diplômes</li>" +
    "<li style='font-size:13px;color:var(--muted);display:flex;gap:8px'><span style='color:#10B981;font-weight:700'>✓</span>Vos disponibilités et préférences de zone</li>" +
    "<li style='font-size:13px;color:var(--muted);display:flex;gap:8px'><span style='color:#10B981;font-weight:700'>✓</span>Un message personnalisé à votre consultant</li>" +
    "</ul></div>";

  document.querySelectorAll(".modal-tab").forEach(function(t){ t.classList.remove("active"); });
  document.querySelectorAll(".modal-panel").forEach(function(p){ p.classList.remove("active"); });
  document.querySelector(".modal-tab").classList.add("active");
  document.getElementById("panel-desc").classList.add("active");

  document.getElementById("modal-overlay").classList.add("show");
  document.body.style.overflow = "hidden";
}

function closeModal() {
  document.getElementById("modal-overlay").classList.remove("show");
  document.body.style.overflow = "";
}

function switchTab(btn, panel) {
  document.querySelectorAll(".modal-tab").forEach(function(t){ t.classList.remove("active"); });
  document.querySelectorAll(".modal-panel").forEach(function(p){ p.classList.remove("active"); });
  btn.classList.add("active");
  document.getElementById("panel-" + panel).classList.add("active");
}

function submitModalForm(e, metierKey) {
  e.preventDefault();
  var btn = e.target.querySelector(".modal-submit");
  btn.textContent = "✓ Candidature envoyée !";
  btn.style.background = "#10B981";
  setTimeout(function(){ closeModal(); }, 1800);
}

document.addEventListener("keydown", function(e){ if(e.key === "Escape") closeModal(); });
</script>

<!-- ── DRAWER FICHE MÉTIER ── -->

<!-- ── MODALE FICHE MÉTIER ── -->
<div class="modal-overlay" id="modal-overlay" onclick="if(event.target===this)closeModal()">
  <div class="modal">
    <div class="modal-header">
      <div class="modal-header-top">
        <div>
          <div id="modal-pole-tag" class="modal-pole-tag"></div>
          <div id="modal-title" class="modal-title"></div>
        </div>
        <button class="modal-close" onclick="closeModal()">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
        </button>
      </div>
      <div class="modal-tabs">
        <button class="modal-tab active" onclick="switchTab(this,'desc')">Description</button>
        <button class="modal-tab" onclick="switchTab(this,'niveaux')">Niveaux</button>
        <button class="modal-tab" onclick="switchTab(this,'competences')">Compétences</button>
        <button class="modal-tab" onclick="switchTab(this,'opportunites')">Opportunités</button>
        <button class="modal-tab" onclick="switchTab(this,'postuler')">Postuler →</button>
      </div>
    </div>
    <div class="modal-body">
      <div id="panel-desc" class="modal-panel active"></div>
      <div id="panel-niveaux" class="modal-panel"></div>
      <div id="panel-competences" class="modal-panel"></div>
      <div id="panel-opportunites" class="modal-panel"></div>
      <div id="panel-postuler" class="modal-panel"></div>
    </div>
  </div>
</div>
</body>
</html>
<p>The post <a href="https://interimbruxelles.be/2026/05/04/29/"></a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://interimbruxelles.be/2026/05/04/29/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bonjour tout le monde !</title>
		<link>https://interimbruxelles.be/2025/09/05/bonjour-tout-le-monde/</link>
					<comments>https://interimbruxelles.be/2025/09/05/bonjour-tout-le-monde/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 05 Sep 2025 08:30:40 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://interimbruxelles.be/?p=1</guid>

					<description><![CDATA[<p>Bienvenue sur WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis commencez à écrire !</p>
<p>The post <a href="https://interimbruxelles.be/2025/09/05/bonjour-tout-le-monde/">Bonjour tout le monde !</a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Bienvenue sur WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis commencez à écrire !</p>
<p>The post <a href="https://interimbruxelles.be/2025/09/05/bonjour-tout-le-monde/">Bonjour tout le monde !</a> appeared first on <a href="https://interimbruxelles.be">Mon site</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://interimbruxelles.be/2025/09/05/bonjour-tout-le-monde/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
