:
Newsletter

Notre histoire

Nous accompagnons les transformations du monde du travail depuis plus de 70 ans.

1948

Fondation de Manpower à Milwaukee (Wisconsin, États-Unis).

1957

Création de Manpower France à Paris.

1966

Manpower instaure la « prime de fin de mission » pour ses salariés intérimaires. Elle préfigure la « prime de précarité » généralisée par la loi du 12 juillet 1990.

1967

Manpower institue le droit aux congés dès la première heure de travail.

1997

Lancement du premier site web français manpower.fr

1994

Création de l’Institut Manpower pour éclairer les décideurs sur les transformations du monde du travail et du marché de l’emploi. Il deviendra la Fondation Manpower pour l’emploi en 2009

1986

Ouverture de la 400ème agence Manpower France.

1972

Première loi réglementant le travail temporaire, inspirée par l’accord « Manpower – CGT » de 1969.

1999

Création du premier centre de e-formation.

 

2002

Lancement du Droit Individuel à la Formation (DIF) pour les salariés intérimaires.

2005

Loi de cohésion sociale : Manpower élargit ses activités au recrutement en CDD-CDI et à l’accompagnement de RMIstes.

2011

Création de ManpowerGroup. Au Forum de Davos, Manpower annonce l’avènement de l’ère des Talents : l’accès aux talents et le développement des potentiels humains constituent les leviers de la croissance des entreprises et de l’épanouissement des individus au travail.

2016

ManpowerGroup devient le partenaire RH exclusif de Viva Technology.

2015

Organisation de Manpower en 2 lignes de services : Conseil Recrutement & Référence Intérim. Acquisition des activités « Workplace & Service Desk services » d’Atos par Proservia.

2014

Création de l’application mobile Mon Manpower.

2013

L’ANI (Accord National Interprofessionnnel pour l’Emploi) met en place le contrat à durée indéterminée intérimaire (CDI-I)

2019

Lancement du programme My Path, un programme pour valoriser les compétences techniques et humaines des candidats, et développer leur employabilité sur des métiers porteurs et rares.

2020

Création de Manpower Academy dédiée à la formation des intérimaires et des futurs collaborateurs du Groupe.

Nouvelle architecture de marques : Manpower, Talent Solutions & Experis deviennent les trois marques sous la coupelle de ManpowerGroup

2021

Manpower France lance Experts & Cadres.

2022

Tingari, spécialiste des transitions professionnelles et de l’accompagnement vers l’emploi durable rejoint Talent Solutions

2023

Convaincus que la pratique sportive favorise l’insertion professionnelle, Manpower devient partenaire officiel de la Fédération Française de Rugby notamment les équipes masculines et féminines à 15 et à 7, ainsi que les U20.

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); .mph-hero-wrap { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background-image: linear-gradient(rgba(40, 42, 50, 0.35), rgba(40, 42, 50, 0.5)), url('https://www.manpowergroup.fr/wp-content/uploads/2023/06/mpg-L3-planet-banner-image-1600x500-lo.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; padding: 80px 40px 110px; text-align: center; } .mph-hero-wrap::before { content: ''; position: absolute; width: 520px; height: 520px; border-radius: 50%; border: 1px solid rgba(56,96,151,.22); top: -160px; left: -120px; pointer-events: none; } .mph-hero-wrap::after { content: ''; position: absolute; width: 380px; height: 380px; border-radius: 50%; border: 1px solid rgba(157,50,61,.20); bottom: -100px; right: -80px; pointer-events: none; } .mph-eyebrow { font-family: 'Inter', sans-serif; display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 400; color: rgba(255,255,255,.85); margin-bottom: 22px; opacity: 0; transform: translateY(14px); animation: mphFadeUp .6s cubic-bezier(.16,1,.3,1) .1s forwards; text-shadow: 0 1px 8px rgba(0,0,0,.4); } .mph-eyebrow span { display: block; width: 28px; height: 1px; background: rgba(255,255,255,.5); } .mph-h2 { font-family: 'Inter', sans-serif; font-size: clamp(28px, 4.5vw, 52px); font-weight: 700; color: #FFFFFF; line-height: 1.15; max-width: 720px; margin: 0 auto 20px; letter-spacing: -.01em; opacity: 0; transform: translateY(18px); animation: mphFadeUp .75s cubic-bezier(.16,1,.3,1) .2s forwards; text-shadow: 0 2px 24px rgba(0,0,0,.5); } .mph-h2 .accent-blue { color: #56BDED; } .mph-h2 .accent-orange { color: #FF7A45; } .mph-sub { font-family: 'Inter', sans-serif; font-size: clamp(14px, 1.6vw, 17px); font-weight: 300; color: rgba(255,255,255,.9); max-width: 540px; margin: 0 auto; line-height: 1.65; opacity: 0; animation: mphFadeUp .75s cubic-bezier(.16,1,.3,1) .35s forwards; text-shadow: 0 1px 16px rgba(0,0,0,.5); } .mph-color-strip { display: flex; justify-content: center; gap: 0; margin-top: 40px; height: 4px; max-width: 280px; margin-left: auto; margin-right: auto; border-radius: 100px; overflow: hidden; opacity: 0; animation: mphFadeUp .6s cubic-bezier(.16,1,.3,1) .5s forwards; } .mph-color-strip div { flex: 1; } .mph-wave { position: absolute; bottom: 0; left: 0; right: 0; line-height: 0; } .mph-wave svg { display: block; width: 100%; } /* ── STATS ── */ .mph-stats { display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; margin-top: 44px; opacity: 0; animation: mphFadeUp .6s cubic-bezier(.16,1,.3,1) .45s forwards; } .mph-stat-item { text-align: center; } .mph-stat-num { font-family: 'Inter', sans-serif; display: block; font-size: clamp(28px, 3.5vw, 40px); font-weight: 700; color: #fff; line-height: 1; transition: transform .15s ease; text-shadow: 0 2px 20px rgba(0,0,0,.55); } .mph-stat-num.mph-counting { animation: mphNumPop .4s cubic-bezier(.34,1.56,.64,1) forwards; } @keyframes mphNumPop { 0% { transform: scale(.85); } 60% { transform: scale(1.06); } 100% { transform: scale(1); } } .mph-stat-num sup { font-size: .55em; vertical-align: super; font-weight: 400; color: rgba(255,255,255,.75); } /* Labels SANS uppercase — hiérarchie maintenue par poids + taille + opacité */ .mph-stat-label { font-family: 'Inter', sans-serif; display: block; font-size: 13px; font-weight: 400; letter-spacing: 0; color: rgba(255,255,255,.8); margin-top: 8px; text-shadow: 0 1px 10px rgba(0,0,0,.4); } .mph-stat-sep { width: 1px; height: 40px; background: rgba(255,255,255,.25); align-self: center; } .mph-stat-bar { width: 0%; height: 2px; background: rgba(255,255,255,.4); border-radius: 2px; margin: 8px auto 0; max-width: 60px; transition: width 1.6s cubic-bezier(.4,0,.2,1); } .mph-stat-bar.mph-bar-full { width: 100%; } @keyframes mphFadeUp { to { opacity: 1; transform: translateY(0); } } @media (max-width: 600px) { .mph-hero-wrap { padding: 60px 24px 90px; } .mph-stats { gap: 28px; } .mph-stat-sep { display: none; } } @media (prefers-reduced-motion: reduce) { .mph-eyebrow, .mph-h2, .mph-sub, .mph-color-strip, .mph-stats { opacity: 1 !important; transform: none !important; animation: none !important; } .mph-stat-bar { transition: none !important; } }
ManpowerGroup France

Une histoire d'innovations
au service de l'humain
et de l'emploi

Depuis plus de 70 ans, nous accompagnons les talents et les entreprises en proposant des solutions concrètes et adaptées aux enjeux de flexibilité, de recrutement, de formation et de gestion des carrières.

0 Ans d'histoire
0 Agences en France
0 Pays dans le monde
(function(){ const COUNTERS = [ { el: document.getElementById("mphN1"), bar: document.getElementById("mphB1") }, { el: document.getElementById("mphN2"), bar: document.getElementById("mphB2") }, { el: document.getElementById("mphN3"), bar: document.getElementById("mphB3") } ]; const DURATION = 1600; let started = false; function formatNum(val, format, suffix) { let str; if (format === "space") { str = val.toLocaleString("fr-FR").replace(/\u202f/g, "\u00a0"); } else { str = String(val); } return str + (suffix ? `${suffix}` : ""); } function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); } function runCounters() { if (started) return; started = true; COUNTERS.forEach(({ el, bar }, idx) => { const target = parseInt(el.dataset.target, 10); const suffix = el.dataset.suffix || ""; const format = el.dataset.format || ""; const delay = idx * 140; setTimeout(() => bar.classList.add("mph-bar-full"), delay + 100); setTimeout(() => el.classList.add("mph-counting"), delay); let startTime = null; function step(timestamp) { if (!startTime) startTime = timestamp; const elapsed = timestamp - startTime; const progress = Math.min(elapsed / DURATION, 1); const eased = easeOutCubic(progress); const current = Math.round(eased * target); el.innerHTML = formatNum(current, format, suffix); if (progress requestAnimationFrame(step), delay); }); } const stats = document.getElementById("mphStats"); if ("IntersectionObserver" in window) { const io = new IntersectionObserver( (entries) => { entries.forEach(entry => { if (entry.isIntersecting) { runCounters(); io.unobserve(entry.target); } }); }, { threshold: 0.3 } ); io.observe(stats); } else { runCounters(); } })();
.tl { --blue1: #386097; --green1: #5C7D70; --red1: #9D323D; --orange1: #B43700; --violet1: #4F4296; --gray1: #282A32; --blue4: #56BDED; --bg: #EEF1F5; --white: #FFFFFF; --txt: #282A32; --muted: #6B7280; --ease: cubic-bezier(.16,1,.3,1); --spring: cubic-bezier(.34,1.56,.64,1); font-family: 'DM Sans','Helvetica Neue',Arial,sans-serif; background: var(--bg); padding: 0 0 60px; position: relative; overflow: hidden; } .tl *, .tl *::before, .tl *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ══ FILTRES ══ */ .tl-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 40px 20px 36px; } .tl-fbtn { font-family: inherit; font-size: 12px; font-weight: 700; letter-spacing: .05em; padding: 8px 20px; border-radius: 100px; border: 1.5px solid rgba(40,42,50,.13); background: var(--white); color: var(--muted); cursor: pointer; transition: all .22s var(--ease); } .tl-fbtn:hover { border-color:var(--blue1); color:var(--blue1); transform:translateY(-1px); } .tl-fbtn.on { color:var(--white); border-color:transparent; box-shadow:0 4px 14px rgba(0,0,0,.14); } .tl-fbtn[data-f="all"].on { background:var(--gray1); } .tl-fbtn[data-f="social"].on { background:var(--green1); } .tl-fbtn[data-f="tech"].on { background:var(--blue1); } .tl-fbtn[data-f="orga"].on { background:var(--violet1); } .tl-fbtn[data-f="partner"].on { background:var(--orange1); } /* ══ ZONE TIMELINE ══ */ .tl-body { position: relative; max-width: 860px; margin: 0 auto; padding: 0 20px; } /* Axe vertical central */ .tl-axis { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%); background: linear-gradient( to bottom, transparent, rgba(56,96,151,.15) 4%, rgba(56,96,151,.15) 96%, transparent ); z-index: 0; } /* SVG chemin courbe par-dessus l'axe */ .tl-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 1; } .tl-path-bg { fill: none; stroke: rgba(56,96,151,.13); stroke-width: 2; stroke-dasharray: 7 5; } .tl-path-anim { fill: none; stroke: url(#tlGrad); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 5000; stroke-dashoffset: 5000; transition: stroke-dashoffset 3s cubic-bezier(.4,0,.2,1) .15s; } .tl-path-anim.tl-draw { stroke-dashoffset: 0; } /* ══ LISTE ══ */ .tl-list { list-style: none; position: relative; z-index: 2; } /* ══ ITEM ══ */ .tl-item { display: grid; grid-template-columns: 1fr 80px 1fr; align-items: center; min-height: 110px; padding: 16px 0; opacity: 0; transform: translateY(22px); transition: opacity .55s var(--ease), transform .55s var(--ease); } .tl-item.tl-in { opacity: 1; transform: translateY(0); } /* Cellule gauche */ .tl-cell-left { grid-column: 1; display: flex; justify-content: flex-end; padding-right: 20px; } /* Cellule centre (bulle) */ .tl-cell-mid { grid-column: 2; display: flex; justify-content: center; align-items: center; } /* Cellule droite */ .tl-cell-right { grid-column: 3; display: flex; justify-content: flex-start; padding-left: 20px; } /* ══ BULLE ══ */ .tl-bubble { width: 68px; height: 68px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: var(--white); cursor: pointer; border: 3px solid var(--bg); box-shadow: 0 4px 18px rgba(0,0,0,.16); transition: transform .25s var(--spring), box-shadow .22s ease; position: relative; user-select: none; opacity: 0; flex-shrink: 0; } .tl-item.tl-in .tl-bubble { animation: tlBpop .55s var(--spring) forwards; } @keyframes tlBpop { 0% { opacity:0; transform:scale(0) rotate(-8deg); } 60% { opacity:1; transform:scale(1.12) rotate(2deg); } 100%{ opacity:1; transform:scale(1) rotate(0deg); } } .tl-bubble::before { content:''; position:absolute; inset:-8px; border-radius:50%; border:2px solid currentColor; opacity:0; animation:tlPulse 3.2s ease-in-out infinite; } @keyframes tlPulse { 0% { opacity:0; transform:scale(.8); } 50% { opacity:.18; } 100%{ opacity:0; transform:scale(1.4); } } .tl-bubble:hover { transform:scale(1.1); box-shadow:0 8px 28px rgba(0,0,0,.22); } .tl-bubble.tl-active { transform:scale(1.16); box-shadow:0 10px 32px rgba(0,0,0,.28); } .tl-bubble.tl-active::after { content:''; position:absolute; inset:-11px; border-radius:50%; border:2px solid currentColor; opacity:.24; } /* Couleurs bulles */ .bc-blue { background:var(--blue1); } .bc-green { background:var(--green1); } .bc-orange { background:var(--orange1); } .bc-violet { background:var(--violet1); } .bc-red { background:var(--red1); } .bc-dark { background:var(--gray1); } /* ══ CARD ══ */ .tl-card { background: var(--white); border: 1px solid rgba(40,42,50,.07); border-radius: 14px; padding: 16px 18px; max-width: 320px; width: 100%; cursor: pointer; position: relative; transition: box-shadow .22s ease, border-color .22s ease, transform .22s var(--ease); } .tl-card:hover { box-shadow: 0 6px 24px rgba(56,96,151,.12); border-color: rgba(56,96,151,.2); transform: translateY(-2px); } .tl-card.tl-active { border-color: var(--blue1); box-shadow: 0 6px 22px rgba(56,96,151,.18); } .tl-cbar { position: absolute; top: 0; left: 14px; right: 14px; height: 2.5px; border-radius: 0 0 3px 3px; transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); } .tl-card:hover .tl-cbar, .tl-card.tl-active .tl-cbar { transform: scaleX(1); } .tl-cyear { font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; } .tl-ctitle { font-size: 13.5px; font-weight: 700; color: var(--txt); line-height: 1.3; margin-bottom: 5px; } .tl-cshort { font-size: 11.5px; font-weight: 300; color: var(--muted); line-height: 1.55; } .tl-ctags { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; } .tl-tag { font-size: 9.5px; font-weight: 700; letter-spacing: .04em; padding: 2px 9px; border-radius: 100px; } .tt-social { background:#E0EBE7; color:#3D6B5A; } .tt-tech { background:#DDE6F0; color:#2D5080; } .tt-orga { background:#ECEAF5; color:#3E2F80; } .tt-partner { background:#FAEAE0; color:#8A2D00; } /* ══ PANNEAU DÉTAIL ══ */ .tl-detail-wrap { max-width: 680px; margin: 20px auto 0; padding: 0 20px; position: relative; z-index: 4; } .tl-panel { display: none; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 56px rgba(0,0,0,.16); } .tl-panel.tl-open { display: block; animation: tlPanelIn .38s var(--ease); } @keyframes tlPanelIn { from { opacity:0; transform:translateY(12px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } } .tl-det-bar { height: 5px; } .tl-det-inner { background: var(--gray1); padding: 28px 32px 24px; position: relative; overflow: hidden; } .tl-det-inner::before { content:''; position:absolute; top:-50px; right:-50px; width:220px; height:220px; border-radius:50%; border:32px solid rgba(255,255,255,.03); pointer-events:none; } .tl-det-bgyear { position:absolute; right:20px; bottom:6px; font-size:80px; font-weight:900; color:rgba(255,255,255,.04); line-height:1; pointer-events:none; user-select:none; letter-spacing:-.04em; } .tl-det-close { position:absolute; top:14px; right:14px; background:rgba(255,255,255,.08); border:none; color:rgba(255,255,255,.5); width:32px; height:32px; border-radius:50%; font-size:18px; font-family:inherit; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s, transform .25s var(--spring), color .2s; } .tl-det-close:hover { background:rgba(255,255,255,.15); color:var(--white); transform:rotate(90deg) scale(1.1); } .tl-det-lbl { font-size:9.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:7px; } .tl-det-title { font-size:clamp(17px,2.6vw,22px); font-weight:700; color:var(--white); line-height:1.2; margin-bottom:12px; padding-right:36px; } .tl-det-text { font-size:13px; font-weight:300; color:rgba(255,255,255,.62); line-height:1.75; } .tl-det-nav { display:flex; gap:8px; margin-top:18px; } .tl-det-nbtn { font-family:inherit; font-size:11.5px; font-weight:700; letter-spacing:.04em; padding:8px 18px; border-radius:100px; border:1.5px solid rgba(255,255,255,.14); background:transparent; color:rgba(255,255,255,.55); cursor:pointer; transition:all .2s var(--ease); } .tl-det-nbtn:hover { background:rgba(255,255,255,.1); color:var(--white); border-color:rgba(255,255,255,.28); } #tlPrev:hover { transform:translateX(-2px); } #tlNext:hover { transform:translateX(2px); } /* ══ MOBILE ══ */ @media (max-width:620px) { .tl-item { grid-template-columns: 52px 1fr; grid-template-rows: auto; min-height: auto; padding: 0 0 28px 0; align-items: flex-start; } .tl-cell-mid { grid-column: 1; grid-row: 1; } .tl-cell-left, .tl-cell-right { grid-column: 2; grid-row: 1; padding: 0 0 0 12px !important; justify-content: flex-start !important; } /* Masquer la cellule vide sur mobile */ .tl-item .tl-cell-empty { display: none; } .tl-bubble { width:52px; height:52px; font-size:9.5px; } .tl-card { max-width: 100%; border-radius:10px; } .tl-axis { left:26px; } .tl-svg { display:none; } .tl-det-inner { padding:22px 18px 18px; } .tl-det-title { font-size:17px; } } @media (prefers-reduced-motion:reduce) { .tl-item { transition-duration:.01ms!important; } .tl-bubble::before { animation:none!important; } .tl-item.tl-in .tl-bubble { animation:none!important; opacity:1; } }

    (function(){ const EV = [ { year:"1948", color:"bc-blue", accent:"#386097", tags:["social"], title:"Fondation de Manpower", short:"1er bureau Manpower aux Etats-unis", detail:"Manpower est fondé à Milwaukee, Wisconsin, États-Unis. Naissance d'un acteur mondial du travail qui révolutionne le marché de l'emploi temporaire." }, { year:"1957", color:"bc-blue", accent:"#386097", tags:["social"], title:"Création de Manpower en France", short:"Création de Manpower France à Paris.", detail:"Création de Manpower France à Paris. 1er bureau Manpower aux États-Unis. Le groupe s'installe durablement sur le marché français du travail temporaire." }, { year:"1969", color:"bc-green", accent:"#5C7D70", tags:["social"], title:"Accord Manpower France – CGT", short:"Reconnaissance du rôle économique / social du Travail Temporaire.", detail:"Manpower France — Accord avec la CGT. Reconnaissance du rôle économique et social du Travail Temporaire. Cet accord inspirera la première loi française de 1972." }, { year:"1994–1995", color:"bc-green", accent:"#5C7D70", tags:["social","orga"], title:" Manpower France", short:"Certification CEFRI & Certification ISO 9002.", detail:"Manpower France — Accord avec la CGT. Manpower France obtient la Certification CEFRI et la Certification ISO 9002, attestant de la qualité et de la rigueur de ses processus et de ses services." }, { year:"2003", color:"bc-green", accent:"#5C7D70", tags:["orga"], title:"Manpower France", short:"Certification version 2000 de la norme ISO 9001.", detail:"Manpower France obtient la Certification la Certification ISO 9001 version 2000, attestant de la qualité et de la rigueur de ses processus et de ses services." }, { year:"2011", color:"bc-blue", accent:"#386097", tags:["orga"], title:"Création de ManpowerGroup", short:"Création de ManpowerGroup (ManpowerGroup Solutions, Experis, FuturSkill, Proservia, Right Management). Proservia rejoint ManpowerGroup.", detail:"Création de ManpowerGroup (ManpowerGroup Solutions, Experis, FuturSkill, Proservia, Right Management). Proservia rejoint ManpowerGroup. Manpower France — Certification version 2000 de la norme ISO 9001." }, { year:"2013", color:"bc-orange", accent:"#B43700", tags:["social","orga"], title:"CDI Intérimaire & NF345", short:"L'ANI — Contrat CDI Intérimaire. Proservia, 1re ESN certifiée NF345 «Centre Relation Client» par AFNOR.", detail:"LNNi (Accord National Interprofessionnel pour l'Emploi) met en place le contrat à durée indéterminée intérimaire (CDI I). Proservia, 1re ESN certifiée NF345 «Centre Relation Client» par AFNOR Certifications." }, { year:"2014", color:"bc-blue", accent:"#386097", tags:["tech","orga"], title:"App Mon Manpower & Rachat d'IBM", short:"Création de l'application mobile Mon Manpower. Rachat d'IBM Delivery Services et des activités Infrastructure de Nexeya par Proservia. Proservia, dimension européenne.", detail:"Rachat d'IBM Delivery Services et des activités Infrastructure de Nexeya par Proservia. Création de l'application mobile Mon Manpower. Proservia acquiert une dimension européenne." }, { year:"2015", color:"bc-orange", accent:"#B43700", tags:["orga","partner"], title:"Manpower en 2 lignes", short:"Organisation de Manpower en 2 lignes de services : Conseil Recrutement & Référence Intérim.", detail:"Organisation de Manpower en 2 lignes de services : Conseil Recrutement & Référence Intérim. Acquisition des activités « Workplace & Service Desk services » d’Atos par Proservia." }, { year:"2016", color:"bc-orange", accent:"#B43700", tags:["partner","tech"], title:"Partenaire RH exclusif VivaTech", short:"ManpowerGroup devient le partenaire RH exclusif de Viva Technology.", detail:"ManpowerGroup devient le partenaire RH exclusif de Viva Technology, le grand rendez-vous mondial de l'innovation tech à Paris." }, { year:"2019", color:"bc-blue", accent:"#386097", tags:["social"], title:"MyPath®", short:"Manpower France — Lancement du programme MyPath®.", detail:"Manpower France — Lancement du programme MyPath®. Un programme pour valoriser les compétences techniques et humaines des candidats, et développer leur employabilité sur des métiers porteurs et rares." }, { year:"2020", color:"bc-green", accent:"#5C7D70", tags:["orga"], title:"Manpower Academy", short:"Création de Manpower Academy — Formation des intérimaires et futurs collaborateurs du Groupe.", detail:"Création de Manpower Academy — Formation des intérimaires et des futurs collaborateurs du Groupe. ManpowerGroup se structure autour de trois grandes marques : Manpower, Experis et Talent Solutions." }, { year:"2021", color:"bc-blue", accent:"#386097", tags:["tech","orga"], title:"Experts & Cadres", short:"Lancement du réseau Experts & Cadres.", detail:"Manpower France — Lancement du réseau d'agences spécialisées pour le recrutement Experts & Cadres;" }, { year:"2022", color:"bc-violet", accent:"#4F4296", tags:["orga"], title:"Tingari", short:"Rachat de Tingari.", detail:"Tingari, spécialiste des transitions professionnelles et de l’accompagnement vers l’emploi durable rejoint Talent Solutions" }, { year:"2023", color:"bc-red", accent:"#9D323D", tags:["partner","orga"], title:"Siège à La Défense & Partenariat FFR", short:"Le Siège social ManpowerGroup déménage à La Défense. Partenariat Fédération Française de Rugby.", detail:"Le Siège social ManpowerGroup déménage à La Défense.Manpower devient partenaire officiel de la Fédération Française de Rugby notamment les équipes masculines et féminines à 15 et à 7, ainsi que les U20." }, { year:"2024", color:"bc-blue", accent:"#386097", tags:["tech"], title:"Déploiement Talent Pulse", short:"Manpower France — Déploiement de Talent Pulse.", detail:"Manpower France — Déploiement de Talent Pulse, solution d'intelligence du marché de l'emploi." }, { year:"2025", color:"bc-green", accent:"#5C7D70", tags:["orga"], title:"PME & Cabinets Experts", short:"Création de la direction PME de Manpower France. Réseau Cabinets Experts.", detail:"Création de la Direction PME de Manpower France. Manpower France — Lancement du réseau de Cabinets Experts." }, { year:"2026", color:"bc-blue", accent:"#386097", tags:["partner","tech"], title:"10 ans VivaTech", short:"ManpowerGroup — 10 ans de partenariat RH sur VIVATECH.", detail:"ManpowerGroup — 10 ans de partenariat avec VIVATECH." } ]; const TAG_LBL = { social:"Social & emploi", tech:"Digital & tech", orga:"Organisation", partner:"Partenariats" }; let filter = "all"; let activeIdx = -1; /* ══ BUILD ══ */ function build(){ const ul = document.getElementById("tlList"); ul.innerHTML = ""; let visibleCount = 0; EV.forEach((ev, i) => { const inF = filter === "all" || ev.tags.some(t => t === filter); if (!inF) return; // on ne rend plus du tout les items hors filtre const tags = ev.tags.map(t => `${TAG_LBL[t]||t}` ).join(""); const cardHTML = `
    ${ev.year}
    ${ev.title}
    ${ev.short}
    ${tags}
    `; const bubbleHTML = `
    ${ev.year}
    `; const li = document.createElement("li"); li.className = "tl-item"; li.dataset.i = i; // alternance basée sur les items VISIBLES, pas sur l'index original const isRight = (visibleCount % 2 === 0); visibleCount++; if (isRight) { li.innerHTML = `
    ${bubbleHTML}
    ${cardHTML}
    `; } else { li.innerHTML = `
    ${cardHTML}
    ${bubbleHTML}
    `; } ul.appendChild(li); li.querySelector(".tl-bubble").addEventListener("click", () => selectEv(i)); li.querySelector(".tl-card").addEventListener("click", () => selectEv(i)); [li.querySelector(".tl-bubble"), li.querySelector(".tl-card")].forEach(el => { el.addEventListener("keydown", e => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); selectEv(i); } }); }); }); revealItems(); setTimeout(drawPath, 250); } /* ══ SCROLL REVEAL ══ */ function revealItems(){ const io = new IntersectionObserver(entries => { entries.forEach(en => { if (en.isIntersecting) { en.target.classList.add("tl-in"); io.unobserve(en.target); } }); }, { threshold: 0.08 }); document.querySelectorAll(".tl-item").forEach(el => io.observe(el)); } /* ══ CHEMIN SVG ══ */ function drawPath(){ const svg = document.getElementById("tlSvg"); const bgPath = document.getElementById("tlPathBg"); const anPath = document.getElementById("tlPathAnim"); const bodyEl = document.getElementById("tlBody"); const bRect = bodyEl.getBoundingClientRect(); const bubbles = document.querySelectorAll(".tl-bubble"); if (!bubbles.length) { bgPath.setAttribute("d", ""); anPath.setAttribute("d", ""); return; } const pts = []; bubbles.forEach(b => { const r = b.getBoundingClientRect(); pts.push({ x: r.left + r.width / 2 - bRect.left, y: r.top + r.height / 2 - bRect.top }); }); const W = bRect.width; const H = bRect.height; svg.setAttribute("viewBox", `0 0 ${W} ${H}`); svg.setAttribute("width", W); svg.setAttribute("height", H); function catmull(p){ if (p.length < 2) return ""; let d = `M ${p[0].x} ${p[0].y}`; for (let i = 0; i

    { anPath.style.transition = "stroke-dashoffset 3s cubic-bezier(.4,0,.2,1) .15s"; anPath.classList.add("tl-draw"); }, 80); } catch(e){} } /* ══ SELECT ══ */ function selectEv(i){ activeIdx = i; const ev = EV[i]; document.querySelectorAll(".tl-bubble,.tl-card").forEach(el => { el.classList.toggle("tl-active", parseInt(el.dataset.i ?? "-1") === i); }); document.getElementById("tlDetBar").style.background = `linear-gradient(90deg,${ev.accent},${ev.accent}77)`; document.getElementById("tlDetBg").textContent = ev.year; document.getElementById("tlDetLbl").textContent = ev.year + " · " + ev.tags.map(t => TAG_LBL[t]||t).join(", "); document.getElementById("tlDetTitle").textContent = ev.title; document.getElementById("tlDetText").textContent = ev.detail; const panel = document.getElementById("tlPanel"); panel.classList.remove("tl-open"); void panel.offsetWidth; panel.classList.add("tl-open"); setTimeout(() => panel.scrollIntoView({ behavior:"smooth", block:"nearest" }), 60); } function closePanel(){ document.getElementById("tlPanel").classList.remove("tl-open"); document.querySelectorAll(".tl-bubble,.tl-card").forEach(el => el.classList.remove("tl-active")); activeIdx = -1; } /* ══ NAV DÉTAIL ══ */ document.getElementById("tlClose").addEventListener("click", closePanel); document.getElementById("tlPrev").addEventListener("click", () => { for (let i = activeIdx-1; i >= 0; i--){ if (filter==="all" || EV[i].tags.some(t=>t===filter)){ selectEv(i); return; } } }); document.getElementById("tlNext").addEventListener("click", () => { for (let i = activeIdx+1; i t===filter)){ selectEv(i); return; } } }); /* ══ FILTRES ══ */ document.querySelectorAll(".tl-fbtn").forEach(btn => { btn.addEventListener("click", () => { document.querySelectorAll(".tl-fbtn").forEach(b => b.classList.remove("on")); btn.classList.add("on"); filter = btn.dataset.f; closePanel(); build(); }); }); /* ══ KEYBOARD ══ */ document.addEventListener("keydown", e => { if (e.key==="Escape") closePanel(); if (activeIdx>=0 && e.key==="ArrowDown") document.getElementById("tlNext").click(); if (activeIdx>=0 && e.key==="ArrowUp") document.getElementById("tlPrev").click(); }); /* ══ RESIZE ══ */ let rtimer; window.addEventListener("resize", () => { clearTimeout(rtimer); rtimer = setTimeout(drawPath, 250); }); build(); })();