reveal-md

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:60px;margin:0 0 10px 0;">AGENCES MOBILES CNPS</h2>
<div style="font-size:20px;color:#FFF3CC;margin:0 0 10px 0;">Vans aménagés & services CNPS sur le terrain</div>
<div style="display:flex;flex-direction:column;gap:12px;margin-top:10px;max-width:1080px;">
<div style="display:flex;flex-direction:column;gap:10px;">
<div style="padding:14px 18px;border-radius:16px;background:rgba(30,158,87,.78);box-shadow:0 10px 24px rgba(0,0,0,.18);color:#fff;">
<b style="font-size:30px;line-height:1.15;">La CNPS au plus près des assurés</b>
</div>
<div style="padding:14px 18px;border-radius:16px;background:rgba(248,207,30,.78);box-shadow:0 10px 24px rgba(0,0,0,.18);color:#fff;">
<div style="font-size:22px;font-weight:900;margin-bottom:6px;">Objectif : proximité • recouvrement • continuité</div>
</div>
</div>
<img src="assets/slide1.png" alt="Agence mobile CNPS" style="width:100%;height:420px;object-fit:contain;object-position:center;border-radius:18px;display:block;background:transparent;" />
</div>
</div>
<aside class="notes">
La CNPS couvre un large territoire.
L’objectif est d’amener l’agence là où sont les assurés, et d'offirs les mêmes services.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:64px;margin:0 0 10px 0;">PROXIMITÉ et PROJECTION</h2>
<div style="font-size:26px;color:#fff;margin:0 0 18px 0;"><b>Compléter les agences fixes par une présence sur le terrain</b></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;">
<div style="background:rgba(30,158,87,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:34px;line-height:1.15;">Présence CNPS planifiée et organisée</div>
<div style="background:rgba(242,140,0,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:34px;line-height:1.15;">Meilleure accessibilité pour assurés et employeurs</div>
</div>
</div>
<aside class="notes">
La mobilité complète l’existant.
On gagne en accessibilité sur tout le territoire.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">CONCEPT</h2>
<div style="font-size:24px;color:#fff;margin:0 0 14px 0;">Un van aménagé = <b>une agence CNPS complète</b></div>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;">
<div style="background:rgba(30,158,87,.78);padding:18px;border-radius:18px;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18);">
<b style="font-size:26px;display:block;margin-bottom:10px;">Autonome</b>
<ul style="margin:14px 0 0 22px;padding:0;list-style:disc;font-size:22px;line-height:1.4;"><li>énergie</li><li>impression</li><li>continuité de service</li></ul>
</div>
<div style="background:rgba(242,140,0,.78);padding:18px;border-radius:18px;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18);">
<b style="font-size:26px;display:block;margin-bottom:10px;">Connectée</b>
<ul style="margin:14px 0 0 22px;padding:0;list-style:disc;font-size:22px;line-height:1.4;"><li>SI sécurisé</li></ul>
</div>
<div style="background:rgba(248,207,30,.78);padding:18px;border-radius:18px;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18);">
<b style="font-size:26px;display:block;margin-bottom:10px;">Déployable</b>
<ul style="margin:14px 0 0 22px;padding:0;list-style:disc;font-size:22px;line-height:1.4;"><li>planifiée</li><li>mesurable</li></ul>
</div>
</div>
</div>
<aside class="notes">
Le van n’est pas un stand.
C’est une agence complète, pensée pour opperer efficacement.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">RECOUVREMENT</h2>
<div style="font-size:24px;color:#fff;margin:0 0 14px 0;"><b>Levier opérationnel prioritaire</b></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px;">
<div style="background:rgba(30,158,87,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Présence directe auprès des employeurs</div>
<div style="background:rgba(242,140,0,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Traitement immédiat des situations bloquées</div>
</div>
</div>
<aside class="notes">
Être sur place permet d’agir immédiatement.
Les temps régularisations sont réduit.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">SERVICES À BORD</h2>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;">
<div style="background:rgba(30,158,87,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Accueil & information</div>
<div style="background:rgba(242,140,0,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Dépôt & suivi de dossiers</div>
<div style="background:rgba(30,158,87,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Mise à jour des données</div>
<div style="background:rgba(248,207,30,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Scan & impression</div>
</div>
</div>
<aside class="notes">
Traiter un maximum en une seule visite.
Moins d’allers-retours pour les assurés.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">PRÉSENCE TERRAIN</h2>
<div style="font-size:24px;color:#fff;margin:0 0 14px 0;"><b>Informer, orienter, et rendre le service visible sur les zones ciblées</b></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px;">
<div style="background:rgba(30,158,87,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Information et orientation sur site</div>
<div style="background:rgba(242,140,0,.78);padding:22px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;">Présence institutionnelle sur les zones prioritaires</div>
</div>
<div style="margin-top:18px;background:rgba(248,207,30,.78);padding:16px;border-radius:18px;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18);">
<b style="font-size:24px;">Concret :</b> <span style="font-size:22px;">points de passage planifiés • calendrier • bilan d’activité</span>
</div>
</div>
<aside class="notes">
Zones ciblées, missions planifiées, et un bilan clair après chaque sortie.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">MARKETING & COMMUNICATION</h2>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;align-items:stretch;">
<div style="background:rgba(30,158,87,.78);color:#fff;padding:22px;border-radius:18px;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;line-height:1.15;">Écran LED latéral<br/>Messages institutionnels</div>
<div style="background:rgba(242,140,0,.78);color:#fff;padding:22px;border-radius:18px;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:28px;line-height:1.15;">Le van devient un média CNPS mobile</div>
<div style="grid-column:1 / -1;background:rgba(248,207,30,.78);color:#fff;padding:16px;border-radius:18px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.18);font-size:26px;">Visibilité + crédibilité terrain</div>
</div>
<img src="assets/ecran-led.gif" alt="Écran LED" style="margin-top:14px;width:100%;max-width:1080px;height:440px;object-fit:contain;object-position:center;border-radius:18px;display:block;background:transparent;" />
</div>
<aside class="notes">
Le van rend la présence CNPS visible.
L’écran LED diffuse des messages utiles sur institutionel.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">SI & CONNECTIVITÉ (DSI)</h2>
<div style="display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:14px;align-items:start;">
<div style="text-align:left;">
<div style="background:rgba(30,158,87,.78);padding:18px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:24px;max-width:920px;">Accès au SI CNPS sécurisé et stable, y compris hors zones urbaines.</div>
<div style="margin-top:14px;background:rgba(242,140,0,.78);padding:16px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);font-size:24px;max-width:920px;">Préco : Routeur 4G indus + antenne MIMO 2×2 sur le toit<br/>Meilleure couverture radio et continuité applicative</div>
</div>
<div style="margin-top:26px;">
<img src="assets/local-tech.jpeg" alt="Équipements techniques embarqués" style="width:100%;max-width:340px;height:auto;border-radius:18px;box-shadow:0 16px 36px rgba(0,0,0,.30);display:block;margin-left:auto;" />
</div>
</div>
</div>
<aside class="notes">
L’accès au SI reste stable et sécurisé.
L’arrière du van est réservé au local technique.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">NOS RÉALISATIONS</h2>
<div style="margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1080px;">
<img src="assets/galerie1.jpeg" alt="Réalisation 1" style="width:100%;height:260px;object-fit:cover;border-radius:18px;box-shadow:0 14px 32px rgba(0,0,0,.28);" />
<img src="assets/galerie2.jpeg" alt="Réalisation 2" style="width:100%;height:260px;object-fit:cover;border-radius:18px;box-shadow:0 14px 32px rgba(0,0,0,.28);" />
<img src="assets/galerie3.jpeg" alt="Réalisation 3" style="width:100%;height:260px;object-fit:cover;border-radius:18px;box-shadow:0 14px 32px rgba(0,0,0,.28);" />
<img src="assets/galerie4.jpeg" alt="Réalisation 4" style="width:100%;height:260px;object-fit:cover;border-radius:18px;box-shadow:0 14px 32px rgba(0,0,0,.28);" />
</div>
</div>
<aside class="notes">
Galerie photo : exemples d’intégration et de réalisations.
</aside>
</div>

---

<div style="position:relative;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:-12px;right:-12px;background:#fff;padding:8px 10px;border-radius:14px;width:210px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<h2 style="color:#fff;font-size:58px;margin:0 0 10px 0;">SERVICES COMPLÉMENTAIRES</h2>
<div style="font-size:20px;color:#FFF3CC;margin:0 0 6px 0;">Solutions complémentaires pour les agences mobiles</div>
<div style="margin-top:26px;width:calc(100% + 240px);margin-right:-240px;">
<div style="display:grid;grid-template-columns:1.06fr .94fr;grid-template-rows:auto auto;gap:14px 18px;align-items:stretch;background:transparent;">
<div style="grid-column:1;grid-row:1;background:rgba(30,158,87,.78);padding:14px 18px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);">
<div style="font-size:28px;font-weight:900;margin:0 0 8px 0;">Plateforme de diffusion</div>
<ul style="margin:0 0 0 22px;padding:0;list-style:disc;font-size:21px;line-height:1.26;">
<li>Interface web sécurisée (marketing)</li>
<li>Médiathèque images & vidéos</li>
<li>Playlists + durée paramétrable</li>
<li>Affectation par van ou par groupe</li>
<li>Synchronisation nocturne + lecture hors ligne</li>
</ul>
</div>
<div style="grid-column:1;grid-row:2;background:rgba(242,140,0,.78);padding:14px 18px;border-radius:18px;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.20);">
<div style="font-size:28px;font-weight:900;margin:0 0 8px 0;white-space:nowrap;">Solution ATF (pilotage & suivi)</div>
<ul style="margin:0 0 0 22px;padding:0;list-style:disc;font-size:21px;line-height:1.26;">
<li>Suivi GPS des vans & historique</li>
<li>Rapports d’activité (trajets / arrêts)</li>
<li>Géofences & points d’intérêt</li>
<li>Preuves et exports (PDF / CSV)</li>
<li>Tableaux de bord & supervision</li>
</ul>
</div>
<div style="background:transparent !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; border:0 !important; outline:0 !important;grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;top:-10px;">
<img src="assets/UI-marketing.png" alt="Interface UI" style="width:100%;height:100%;max-height:560px;object-fit:contain;object-position:center;border-radius:18px;display:block;box-shadow:0 18px 40px rgba(0,0,0,.28);" />
</div>
</div>
</div>
<aside class="notes">
Plateforme de diffusion Média.
ATF pour le suivi, la preuve d’activité et la supervision des agences mobiles.
</aside>
</div>
</div>

---

<div style="position:relative; min-height:650px; overflow:hidden;">
<div style="position:absolute; inset:0; background:url('assets/slide1.png') center/cover no-repeat; transform:scale(1.10); filter:blur(12px) saturate(1.05); opacity:0.95;"></div>
<div style="position:absolute; inset:0; background:rgba(11,61,145,0.62);"></div>
<div style="position:absolute; inset:-2px; box-shadow:inset 0 0 140px rgba(0,0,0,0.55); pointer-events:none;"></div>
<div style="position:relative; z-index:2; min-height:650px;">
<img src="assets/cnps-logo.png" alt="CNPS" style="position:absolute;top:16px;right:16px;background:#fff;padding:8px 10px;border-radius:14px;width:190px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:5;" />
<div style="padding-right:260px;">
<div style="margin-top:95px;text-align:center;padding:0 60px;">
<h1 style="color:#ffffff;font-size:78px;font-weight:900;letter-spacing:1px;line-height:1.05;margin:0 auto 14px auto;max-width:980px;">MERCI DE VOTRE<br>ATTENTION</h1>
<div style="width:140px;height:4px;background:#F8CF1E;margin:14px auto 22px auto;border-radius:4px;"></div>
<p style="color:#ffffff;font-size:30px;line-height:1.25;opacity:0.98;margin:0 auto;max-width:1100px;">L’Agence Mobile CNPS est à votre disposition<br>pour toute information complémentaire.</p>
<div style="color:#F8CF1E;font-size:24px;font-weight:700;margin-top:18px;">Je suis à votre écoute pour toute question.</div>
</div>
<div style="display:flex;justify-content:center;gap:18px;margin-top:36px;flex-wrap:wrap;">
<div style="background:#1E9E57;color:#fff;padding:14px 24px;border-radius:14px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.18);">Proximité</div>
<div style="background:#F28C00;color:#fff;padding:14px 24px;border-radius:14px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.18);">Accessibilité</div>
<div style="background:#F8CF1E;color:#0B3D91;padding:14px 24px;border-radius:14px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.18);">Service public</div>
</div>
<div style="margin-top:24px;text-align:center;">
<div style="width:120px;height:2px;background:rgba(255,255,255,0.4);margin:0 auto 10px auto;border-radius:2px;"></div>
<div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:0.5px;">Cédric Navarre</div>
<div style="color:#F8CF1E;font-size:18px;font-weight:600;margin-top:5px;">Responsable Technique - WATEC</div>
<div style="color:#ffffff;font-size:17px;opacity:0.85;margin-top:5px;">cnavarre@watec-ci.com</div>
</div>
</div>
</div>
</div>
<aside class="notes">
Slide de clôture.
Pause après “Merci…”.
Inviter aux questions.
</aside>