{"id":15,"date":"2022-11-07T14:53:54","date_gmt":"2022-11-07T14:53:54","guid":{"rendered":"https:\/\/kadence.pixel-show.com\/influencer\/?page_id=15"},"modified":"2026-10-21T20:39:20","modified_gmt":"2026-10-21T18:39:20","slug":"about-me","status":"publish","type":"page","link":"https:\/\/reseau360.org\/index.php\/about-me\/","title":{"rendered":"\u00c0 propos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1df21a e-flex e-con-boxed e-con e-parent\" data-id=\"d1df21a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e39575 elementor-widget elementor-widget-html\" data-id=\"0e39575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"about-premium\">\n\n  <!-- HERO -->\n<header class=\"about-hero\">\n  <div class=\"about-hero-inner two-col\">\n    <!-- COLONNE IMAGES GAUCHE -->\n    <div class=\"about-images\">\n      <img decoding=\"async\" class=\"about-photo main-photo\" src=\"https:\/\/reseau360.org\/wp-content\/uploads\/2025\/06\/michael-napoli-directeur-du-csc-du-fosse-des-treize-photo-dna-cedric-joubert-1596619134-1.jpg\" alt=\"Micha\u00ebl Napoli\">\n      \n    <\/div>\n\n    <!-- COLONNE TEXTE DROITE -->\n    <div class=\"about-hero-text\">\n      <h1 class=\"about-name\">Micha\u00ebl Napoli<\/h1>\n      <p class=\"about-role\">Coordinateur RESEAU 360 \u2014 Management de transition \u2022 Appui manag\u00e9rial \u2022 Audit<\/p>\n      <p class=\"about-lead\">Expert en pilotage de structures m\u00e9dico\u2011sociales, transformation organisationnelle et pr\u00e9paration \u00e0 l\u2019\u00e9valuation externe.<\/p>\n\n      <div class=\"about-ctas\">\n        <a href=\"https:\/\/reseau360.org\/wp-content\/uploads\/2026\/09\/CV-Michael-NAPOLI.pdf\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">T\u00e9l\u00e9charger le CV (PDF)<\/a>\n        <a href=\"https:\/\/fr.linkedin.com\/in\/michael-napoli-73707a156\" class=\"btn-ghost\" target=\"_blank\" rel=\"noopener\">Voir le profil LinkedIn<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n  <div class=\"section-separator\"><\/div>\n\n  <!-- SYNTH\u00c8SE -->\n  <section class=\"bio-section\">\n    <h2 class=\"section-title\">En quelques mots<\/h2>\n    <p class=\"bio-summary\">Dipl\u00f4m\u00e9 de l\u2019ISAS et titulaire d\u2019un Master II en Sociologie du d\u00e9veloppement social (Universit\u00e9 Lille 3), Micha\u00ebl combine expertise acad\u00e9mique et exp\u00e9rience op\u00e9rationnelle. Il coordonne RESEAU 360 et intervient sur des missions de transition, d\u2019audit et d\u2019accompagnement strat\u00e9gique.<\/p>\n  <\/section>\n\n  <div class=\"section-separator\"><\/div>\n\n  <!-- TIMELINE -->\n  <section class=\"timeline-section\">\n    <h2 class=\"section-title\">Parcours et exp\u00e9riences cl\u00e9s<\/h2>\n\n    <ul class=\"timeline\">\n      <li><strong>2024\u20112026<\/strong><span>Coordination RESEAU 360 \u2014 pilotage de missions de transition et appui strat\u00e9gique.<\/span><\/li>\n      <li><strong>2016\u20112023<\/strong><span>Direction et direction g\u00e9n\u00e9rale D\u2019ESSMS.<\/span><\/li>\n      <li><strong>1999\u20112016<\/strong><span>Animation de r\u00e9seaux et direction de CSC (socioculturel et socio-\u00e9ducatif).<\/span><\/li>\n      <li><strong>1994\u20111999<\/strong><span>Education sp\u00e9cialis\u00e9e et animation socioculturelle<\/span><\/li>    \n      <li><strong>Formation<\/strong><span>DEFA (DEJEPS actuel) et MASTER II en sociologie du d\u00e9veloppement social (ISAS-Lille 3)<\/span><\/li>\n    <\/ul>\n  <\/section>\n\n  <div class=\"section-separator\"><\/div>\n\n  <!-- COMPETENCES -->\n  <section class=\"skills-section\">\n    <h2 class=\"section-title\">Comp\u00e9tences et domaines d\u2019intervention<\/h2>\n\n    <div class=\"skills-grid\">\n      <div class=\"skill\">\n        <h3>Management de transition<\/h3>\n        <p>Prise de poste op\u00e9rationnelle, pilotage de transformation, transfert de gouvernance.<\/p>\n      <\/div>\n      <div class=\"skill\">\n        <h3>Gestion de crise & audit<\/h3>\n        <p>Diagnostic rapide, plan de stabilisation, priorisation des actions.<\/p>\n      <\/div>\n      <div class=\"skill\">\n        <h3>Appui au d\u00e9veloppement<\/h3>\n        <p>Pr\u00e9paration \u00e0 l\u2019\u00e9valuation externe, conception de projets, outils qualit\u00e9.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"section-separator\"><\/div>\n \n  <!-- CONTACT -->\n  <section class=\"contact-section\">\n    <h2 class=\"section-title\">Contact direct<\/h2>\n    <p class=\"contact-lead\">Pour un \u00e9change rapide et confidentiel sur votre situation, demandez un diagnostic de 20 minutes.<\/p>\n    <div class=\"contact-ctas\">\n      <a href=\"https:\/\/reseau360.org\/index.php\/contacts\" class=\"btn-primary\">Demander un diagnostic<\/a>\n      <a href=\"mailto:contact@reseau360.org\" class=\"btn-ghost\">Envoyer un message<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f43eb0 elementor-widget elementor-widget-html\" data-id=\"7f43eb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:root{\n  --blue: #1BAEEC;\n  --dark: #2B364D;\n  --card: #3b4863;\n  --muted: rgba(255,255,255,0.88);\n  --muted-2: rgba(255,255,255,0.72);\n  --glass: rgba(255,255,255,0.03);\n}\n\n\/* Page container *\/\n.about-premium{\n  background: var(--dark);\n  color: #fff;\n  font-family: 'Segoe UI', Tahoma, sans-serif;\n  padding: 30px;\n  line-height: 1.65;\n}\n\n\/* HERO wrapper *\/\n.about-hero{\n  background: linear-gradient(180deg, rgba(43,54,77,0.95), rgba(43,54,77,0.85));\n  border-radius: 12px;\n  padding: 28px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.45);\n}\n\n\/* Two column layout: images left, text right *\/\n.about-hero-inner.two-col {\n  display: grid;\n  grid-template-columns: 320px 1fr;\n  gap: 28px;\n  align-items: center;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* Images column (single circular photo) *\/\n.about-images {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  align-items: center;\n}\n\n\/* Main photo: circular with subtle zoom on hover\/focus *\/\n.about-photo.main-photo {\n  width: 260px;\n  height: 260px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 6px solid rgba(27,174,236,0.12);\n  box-shadow: 0 12px 30px rgba(0,0,0,0.45);\n  transition: transform .45s cubic-bezier(.2,.9,.3,1), box-shadow .35s ease, filter .35s ease;\n  transform-origin: center center;\n  display: block;\n  background-color: rgba(255,255,255,0.02);\n}\n\n\/* Slight zoom and brighten on hover\/focus for desktop *\/\n.about-photo.main-photo:hover,\n.about-photo.main-photo:focus {\n  transform: scale(1.04);\n  box-shadow: 0 20px 40px rgba(0,0,0,0.55);\n  filter: brightness(1.03);\n  outline: none;\n}\n\n\/* Optional subtle ring on keyboard focus for accessibility *\/\n.about-photo.main-photo:focus {\n  box-shadow: 0 20px 40px rgba(0,0,0,0.55), 0 0 0 6px rgba(27,174,236,0.12);\n}\n\n\/* Text column *\/\n.about-hero-text {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  justify-content: center;\n}\n\n\/* Titles and text *\/\n.about-name {\n  color: var(--blue) !important;\n  font-size: 1.9rem;\n  margin: 0;\n  font-weight: 800;\n  text-shadow: 0 2px 6px rgba(0,0,0,0.45);\n}\n.about-role { color: var(--muted); margin: 4px 0 8px; font-weight: 600; }\n.about-lead { color: var(--muted); margin: 0 0 12px; max-width: 820px; }\n\n\/* CTAs *\/\n.about-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }\n.about-ctas a { display: inline-block; margin-top: 8px; z-index: 3; padding: 10px 22px; border-radius: 8px; font-weight: 700; text-decoration: none; transition: all .2s ease; }\n.btn-primary { background: var(--blue); color: #fff; box-shadow: 0 10px 20px rgba(27,174,236,0.18); }\n.btn-primary:hover { transform: translateY(-3px); background: #179cd4; }\n.btn-ghost { background: transparent; color: var(--muted); border: 1px solid rgba(255,255,255,0.06); }\n.btn-ghost:hover { background: rgba(255,255,255,0.03); }\n\n\/* Separator *\/\n.section-separator{\n  width: 80%;\n  height: 3px;\n  margin: 60px auto;\n  background: linear-gradient(90deg, transparent, var(--blue), transparent);\n  opacity: 0.35;\n  border-radius: 50px;\n}\n\n\/* Section titles *\/\n.section-title{\n  color: var(--blue) !important;\n  font-size: 1.6rem;\n  font-weight: 700;\n  text-align: center;\n  margin-top: 60px !important;\n  margin-bottom: 18px !important;\n}\n.section-title::after{\n  content: \"\";\n  display: block;\n  width: 56px;\n  height: 3px;\n  background: linear-gradient(90deg, transparent, var(--blue), transparent);\n  margin: 14px auto 0;\n  border-radius: 50px;\n  opacity: 0.9;\n}\n\n\/* Bio summary *\/\n.bio-summary{ max-width: 900px; margin: 0 auto; color: var(--muted); font-size: 1.05rem; text-align: center; }\n\n\/* TIMELINE *\/\n.timeline {\n  max-width: 900px;\n  margin: 20px auto 0;\n  padding: 0;\n  list-style: none;\n  color: var(--muted);\n}\n.timeline li {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n  padding: 14px 18px;\n  border-radius: 8px;\n  background: rgba(255,255,255,0.02);\n  margin-bottom: 12px;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.25);\n  border-left: 4px solid rgba(27,174,236,0.06);\n}\n.timeline li strong {\n  flex: 0 0 140px;\n  text-align: right;\n  color: var(--blue);\n  font-weight: 800;\n  display: block;\n  margin-right: 8px;\n  line-height: 1.2;\n  font-size: 0.98rem;\n}\n.timeline li span {\n  flex: 1 1 auto;\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.6;\n  font-size: 1rem;\n}\n\n\/* Skills grid *\/\n.skills-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; max-width: 1100px; margin: 20px auto 0; }\n.skill{ background: var(--card); padding: 18px; border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,0.35); }\n.skill h3{ margin: 0 0 8px; color: #fff; font-size: 1.05rem; }\n.skill p{ margin: 0; color: var(--muted); }\n\n\/* Testimonials *\/\n.testimonials-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; max-width: 1100px; margin: 20px auto 0; }\n.testimonial{ background: var(--glass); padding: 18px; border-radius: 10px; border-left: 4px solid rgba(27,174,236,0.08); color: var(--muted); font-style: italic; }\n.testimonial cite{ display: block; margin-top: 10px; color: var(--blue); font-style: normal; font-weight: 700; }\n\n\/* Contact *\/\n.contact-section{ text-align: center; max-width: 900px; margin: 0 auto 40px; }\n.contact-lead{ color: var(--muted); margin-bottom: 18px; }\n.contact-ctas{ display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }\n.contact-ctas a{ display: inline-block; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-weight: 700; }\n\n\/* Small adjustments to avoid overlap *\/\n.about-hero-text p,\n.about-hero-text .about-lead,\n.about-hero-text .description {\n  margin-bottom: 16px !important;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px){\n  .about-hero-inner.two-col {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  .about-images { order: -1; } \/* image above text on mobile *\/\n  .about-photo.main-photo { max-width: 220px; width: 220px; height: 220px; }\n  .about-hero-text { align-items: center; }\n  .timeline li { flex-direction: column; gap: 8px; }\n  .timeline li strong { text-align: left; flex: none; width: auto; }\n  .contact-ctas a { width: 100%; text-align: center; }\n}\n\n\/* Force priority if Astra\/Elementor overrides *\/\n.about-name, .section-title, .timeline li strong {\n  color: var(--blue) !important;\n}\n\n\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const mainPhoto = document.querySelector('.about-photo.main-photo');\n  const thumbs = document.querySelectorAll('.thumbs .thumb');\n\n  if (!mainPhoto || thumbs.length === 0) return;\n\n  \/\/ Initialiser tabindex et role pour accessibilit\u00e9\n  thumbs.forEach((t, i) => {\n    t.setAttribute('tabindex', '0');\n    t.setAttribute('role', 'button');\n    t.setAttribute('aria-label', 'Voir la photo ' + (i + 1));\n  });\n\n  \/\/ Fonction pour activer une miniature et remplacer la photo principale\n  function activateThumb(target) {\n    \/\/ swap src\n    const newSrc = target.getAttribute('data-large') || target.src;\n    const oldSrc = mainPhoto.src;\n\n    \/\/ If same src, do nothing\n    if (newSrc === oldSrc) {\n      \/\/ still update active class\n      thumbs.forEach(th => th.classList.remove('active'));\n      target.classList.add('active');\n      return;\n    }\n\n    \/\/ Smooth fade swap\n    mainPhoto.style.transition = 'opacity .22s ease';\n    mainPhoto.style.opacity = '0';\n    setTimeout(() => {\n      mainPhoto.src = newSrc;\n      mainPhoto.style.opacity = '1';\n    }, 220);\n\n    \/\/ Update active class\n    thumbs.forEach(th => th.classList.remove('active'));\n    target.classList.add('active');\n  }\n\n  \/\/ Click and keyboard handlers\n  thumbs.forEach(t => {\n    t.addEventListener('click', function (e) {\n      e.preventDefault();\n      activateThumb(t);\n    });\n    t.addEventListener('keydown', function (e) {\n      if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {\n        e.preventDefault();\n        activateThumb(t);\n      }\n    });\n  });\n\n  \/\/ Optionnel: d\u00e9finir la premi\u00e8re miniature comme active si aucune ne l'est\n  const anyActive = Array.from(thumbs).some(t => t.classList.contains('active'));\n  if (!anyActive && thumbs[0]) thumbs[0].classList.add('active');\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Micha\u00ebl Napoli Coordinateur RESEAU 360 \u2014 Management de transition \u2022 Appui manag\u00e9rial \u2022 Audit Expert en pilotage de structures m\u00e9dico\u2011sociales, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":310,"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":2604,"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/2604"}],"wp:attachment":[{"href":"https:\/\/reseau360.org\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}